🥇Направи го сам или как да персонализираш своя телефон Snom. Част 1 цветове, шрифт, фон

Много от нас наистина харесват, когато нещо се прави за нас! Когато почувстваме определено „ниво на собственост“, което ни позволява да се откроим на фона на „сивата маса“. Същите столове, маси, компютри и т.н. Всичко е като всички останали!

Понякога дори такова малко нещо като фирмено лого върху обикновена химикалка я кара да се чувства специална и следователно по-ценна.

Съгласете се, че повечето клиенти ще предпочетат телефон Snom вместо обикновен (както всички останали), телефон, който свързват с нещо специално/лично. Сигурен съм, че ако сте доставчик на решения за телефония, вие също бихте се съгласили да свържете вашата компания с доставчика на това „специално“ в очите на клиента.

Много от вас знаят, че Snom може да предложи много различни нива на персонализиране на настолен телефон: от много сложни хардуерни и софтуерни промени, които изискват време за разработка, до много прости, които са достъпни за всички веднага, напълно безплатно. Именно за последното искаме да ви разкажем днес.

Фърмуерът на менюто на нашите телефони е изграден върху XML и ви позволява гъвкаво да персонализирате потребителския интерфейс на следните параметри (кратък списък):

фоново изображение
шрифт и цвят
икони
език
мелодии
присвояване на ключ
и много повече

В тази, 1-ва част на нашата статия, ще говорим за това как можете да промените външния вид на вашия телефон Snom. Нека поговорим за няколко точки:

Смяна на цветовете
Смяна на шрифтове
Зареждане на фоново изображение
Примери за теми

В част 2 на нашата статия (очаквайте скоро) ще говорим за останалите опции за персонализиране. Така че не "превключвайте".

1. Промяна на цветовата схема

Започвайки с фърмуер версия 10, цветният интерфейс на телефона може да бъде напълно променен по отношение на цвят и прозрачност. Това ви позволява да персонализирате потребителския интерфейс за идеална четливост, яснота, цветови предпочитания и допълнителни промени, например, в корпоративната идентичност на компанията.

За по-лесно разбиране има схема за описание на цветовите настройки:

Цветовете се регулират с помощта на RGB стойности

Име

Валидни стойности

Стойности по
по подразбиране

описание

titlebar_text_color

Група от 4
числа, всяко >=0 и <=255.

червен, зелен, син, алфа (алфа стойност 255 означава напълно
видим, а 0 е напълно прозрачен).

51 51 51 255

Контролира цвета и прозрачността на текста в
заглавен ред, например „Дата“, „Час“,
"Име" и др.

цвят_на текст

51 51 51
255

Контролира цвета и прозрачността
основен текст като „Меню“, „Режим на готовност“ и
всички други основни текстови екрани.

цвят_подтекст

123 124 126 255

Контролира цвета и прозрачността
подтекст, например „Меню“, „Режим на готовност“ и всичко останало
други екрани за подтекст.

цвят_допълнителен_текст

123 124 126
255

Контролира цвета и прозрачността на първия
редове с текст, показани от дясната страна на менюто, като хронология на обажданията, дата и
време.

екстратекст2_цвят

123 124 126
255

Контролира цвета и прозрачността на втория
редове с текст, показани от дясната страна на менюто, като хронология на обажданията, дата и
време.

цвят_фон_на_заглавната лента

226 226 226
255

Контролира цвета на фона и прозрачността
заглавни редове

Цвят на фона

242 242 242
255

Контролира цвета и прозрачността на фона
всеки екран.

fkey_background_color

242 242 242
255

Контролира цвета и прозрачността
контекстно-чувствителни бутони.

fkey_pressed_background_color

61 133 198
255

Контролира цвета на фона и прозрачността
контекстно-чувствителни клавиши при натискане.

fkey_separator_color

182 183 184
255

Контролира цвета и прозрачността
Контекстно чувствителни разделителни линии на бутоните

fkey_label_color

123 124 126
255

Контролира цвета и прозрачността на текста,
използвани в чувствителни към контекста бутони

fkey_pressed_label_color

242 242 242
255

Контролира цвета и прозрачността на текста,
използвани в чувствителни към контекста бутони при щракване

цвят_на_фон_на_избрана_линия

255 255 255
255

Контролира цвета на фона и прозрачността
избран ред, например в меню или произволен избираем екран

цвят_индикатор_на_избрана_линия

61 133 198
255

Контролира цвета и прозрачността
индикатор вляво от избрания ред, например в менюто или който и да е екран с
избрани елементи

цвят_на_избран_ред_текст

61 133 198
255

Контролира цвета и прозрачността на текста в
избран ред, например в меню или произволен екран с избрани елементи.
Също така контролира цвета на текущия символ, докато преминава през него
различни опции в прозореца за въвеждане

цвят_на_фон на линия

242 242 242
0

Управлява цвета на фона и прозрачността за
всеки ред от менюто или елемент от менюто, или който и да е елемент от списъка.

цвят_разделител_на_линии

226 226 226
255

Контролира цвета и прозрачността
разделителна линия между менюта или елементи от менюто и се показва само
когато има повече от един избран елемент.

цвят на лентата за превъртане

182 183 184
255

Контролира цвета и прозрачността на ивицата
превъртане, показано на всеки екран.

цвят_на_курсора

61 133 198
255

Контролира цвета и прозрачността на курсора,
показвани на екрани чрез входния сигнал.

status_msgs_background_color

242 242 242
255

Управлява цвета на фона и прозрачността за
съобщения за състояние, които се появяват на екраните за неактивност и повикване. Тази стойност се отнася и за фона
промени в обема.

status_msgs_border_color

182 183 184
255

Контролира цвета и прозрачността на рамката
за съобщения за състояние, които се появяват на екраните в режим на готовност и повикване. Тази стойност важи и за границата
промени в обема.

смартетикет_цвят_на_фон

242 242 242
255

Управлява цвета на фона и прозрачността на SmartLabel.

smartlabel_pressed_background_color

61 133 198
255

Управлява цвета на фона и прозрачността на SmartLabel при натискане на функционален клавиш.

смартетикет_сепаратор_цвят

182 183 184
255

Контролира цвета и прозрачността на линията
разделител между всеки функционален клавиш SmartLabel.

интелигентен_етикет_цвят_на_етикет

123 124 126
255

Контролира цвета и прозрачността на текста,
използвани в SmartLabel.

smartlabel_pressed_label_color

242 242 242
255

Контролира цвета и прозрачността на текста,
използвани в SmartLabel, когато натиснете функционален клавиш.

Сега, след като знаем къде и какво се намира, можем да отидем в уеб интерфейса на телефона към секцията Настройка/Предпочитания, след това втория раздел Външен вид:

Тук можете да промените стойностите и ако щракнете върху въпросителния знак, ще бъдете отведени до страница с описание, където също има бележка как да посочите тази стойност, ако използвате XML файл за конфигурацията. Например за нашия първи ред „Цвят на текста“:

2. Смяна на шрифтове

Шрифтовете на всички телефони Snom могат да се персонализират свободно и могат да се променят чрез автоматично осигуряване. Моля, имайте предвид, че ако използваният в момента TrueType или растерен шрифт бъде заменен с персонализиран, може да има някои несъответствия в изобразяването на текст, тъй като потребителският интерфейс е оптимизиран за един конкретен TrueType шрифт.

За да замените който и да е шрифт, трябва да създадете tar файл, съдържащ новия шрифт, който трябва да бъде наименуван точно като стария шрифт, който ще бъде заменен.

"tar -cvf шрифтове.tar fontfile.ttf"

След това този tar файл трябва да бъде споменат в xml файла, така че да се зарежда правилно, когато телефонът се рестартира.

<?xml version="1.0" encoding="utf-8" ?>

<settings>

 <uploads>

  <file url="http://192.168.23.54:8080/fonts.tar" type="font" />

 </uploads>

</settings>

Повече подробности за предварително инсталираните шрифтове можете да намерите на нашия уебсайт. уики
По този начин можете да изтеглите свой собствен шрифт на телефона си.

3. Качете фоново изображение

Използвайки пример, ще покажем как да заредите правилно фона и какви настройки са от значение.

Можете да качите фоново изображение чрез уеб интерфейса → Предпочитания → Външен вид:

Тази настройка трябва да бъде зададена на достъпен URL адрес на изображение. След като настройката бъде променена, фоновото изображение ще бъде заменено.

Или можете да промените тази настройка с помощта на автоматично осигуряване, като добавите етикета с валидна стойност във вашия xml файл.

Ако този параметър е празен или URL адресът на изображението е неправилен, ще се използва фоновото изображение по подразбиране на телефона.

Важно е: Ако използвате софтуер преди версия 10.1.33.33, трябва да зададете стойността на фоновия цвят на напълно прозрачен.

Това е необходимо, тъй като фоновото изображение се намира на слой под стандартния фонов цвят. Това може да се постигне чрез задаване на алфа стойността на 0 за цвета на фона.

Започвайки с версия на фърмуера 10.1.33.33, прозрачността на цвета на фона автоматично се адаптира към фоновото изображение, показано на телефона. Той обаче няма да е напълно прозрачен. За да постигнете пълна прозрачност, коригирайте все още трябва да има алфа стойност 0.

За да покажете правилно фоновото изображение, трябва да го запишете във формат png, jpg, gif, bmp или tga. Силно препоръчваме да използвате .png файлове и да ги оптимизирате с "избиране", за да намалите размера на файла и да подобрите производителността.

Размер на изображението в зависимост от модела:

Модел
разрешително

D375/ D385/ D785
480 х 272

D335/ D735/ D765
320 х 240

D717
426 х 240

4. Пример за конфигурация на тема

1. „Тъмна тема“:

Виждам

<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
  <!-- When the background image is set, it automatically applies alpha changes to all elements. 
  Therefore it has to be listed at the beginning, so that all styles afterwards correctly apply-->
  <custom_bg_image_url perm=""></custom_bg_image_url>
  <!-- Background color is set to be not transparent because no background image is configured -->
  <background_color perm="">43 49 56 255</background_color>
  <titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
  <titlebar_background_color perm="">43 49 56 255</titlebar_background_color>
  <text_color perm="">242 242 242 255</text_color>
  <subtext_color perm="">224 224 224 255</subtext_color>
  <extratext_color perm="">158 158 158 255</extratext_color>
  <extratext2_color perm="">158 158 158 255</extratext2_color>
  <fkey_background_color perm="">43 49 56 255</fkey_background_color>
  <fkey_pressed_background_color perm="">61 133 198 255</fkey_pressed_background_color>
  <fkey_separator_color perm="">70 90 120 255</fkey_separator_color>
  <fkey_label_color perm="">224 224 224 255</fkey_label_color>
  <fkey_pressed_label_color perm="">242 242 242 255</fkey_pressed_label_color>
  <line_background_color perm="">242 242 242 0</line_background_color>
  <selected_line_background_color perm="">50 60 80 255</selected_line_background_color>
  <selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
  <selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
  <line_separator_color perm="">70 90 120 255</line_separator_color>
  <scrollbar_color perm="">70 90 120 255</scrollbar_color>
  <cursor_color perm="">61 133 198 255</cursor_color>
  <status_msgs_background_color perm="">43 49 56 255</status_msgs_background_color>
  <status_msgs_border_color perm="">70 90 120 255</status_msgs_border_color>
  <!-- Settings for SmartLabel -->
  <smartlabel_background_color perm="">43 49 56 255</smartlabel_background_color>
  <smartlabel_pressed_background_color perm="">61 133 198 255</smartlabel_pressed_background_color>
  <smartlabel_separator_color perm="">70 90 120 255</smartlabel_separator_color>
  <smartlabel_label_color perm="">224 224 224 255</smartlabel_label_color>
  <smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>

2. „Цветна тема“:

Виждам

<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
  <!-- When the background image is set, it automatically applies alpha changes to all elements.
  Therefore it has to be configured at the beginning so that all styles afterwards correctly apply-->
  <custom_bg_image_url perm="">http://192.168.0.1/background.png</custom_bg_image_url>
  <!-- Background color has to be transparent because a background image is configured -->
  <background_color perm="">0 0 0 0</background_color>
  <titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
  <titlebar_background_color perm="">43 49 56 40</titlebar_background_color>
  <text_color perm="">242 242 242 255</text_color>
  <subtext_color perm="">224 224 224 255</subtext_color>
  <extratext_color perm="">224 224 224 255</extratext_color>
  <extratext2_color perm="">224 224 224 255</extratext2_color>
  <fkey_background_color perm="">43 49 56 40</fkey_background_color>
  <fkey_pressed_background_color perm="">43 49 56 140</fkey_pressed_background_color>
  <fkey_separator_color perm="">0 0 0 0</fkey_separator_color>
  <fkey_label_color perm="">224 224 224 255</fkey_label_color>
  <fkey_pressed_label_color perm="">224 224 224 255</fkey_pressed_label_color>
  <line_background_color perm="">0 0 0 0</line_background_color>
  <selected_line_background_color perm="">43 49 56 40</selected_line_background_color>
  <selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
  <selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
  <line_separator_color perm="">0 0 0 0</line_separator_color>
  <scrollbar_color perm="">61 133 198 255</scrollbar_color>
  <cursor_color perm="">61 133 198 255</cursor_color>
  <status_msgs_background_color perm="">61 133 198 255</status_msgs_background_color>
  <status_msgs_border_color perm="">61 133 198 255</status_msgs_border_color>
  <!-- Settings for SmartLabel -->
  <smartlabel_background_color perm="">43 49 56 40</smartlabel_background_color>
  <smartlabel_pressed_background_color perm="">43 49 56 140</smartlabel_pressed_background_color>
  <smartlabel_separator_color perm="">0 0 0 0</smartlabel_separator_color>
  <smartlabel_label_color perm="">242 242 242 255</smartlabel_label_color>
  <smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>

Надяваме се, че тази тема ще ви помогне да разберете проблема с ръчното персонализиране.

За да се продължи ...

Източник: www.habr.com

Направи го сам или как да персонализираш своя телефон Snom. Част 1 цветове, шрифт, фон

1. Промяна на цветовата схема

2. Смяна на шрифтове

3. Качете фоново изображение

4. Пример за конфигурация на тема

Добавяне на нов коментар Отказване на отговора

Добавяне на нов коментар