Многім з нас вельмі падабаецца, калі якая-небудзь рэч зроблена пад нас! Калі мы адчуваем нейкі "ўзровень уласнасці", які нам дазваляе вылучацца на фоне "шэрай масы". Адны і тыя ж крэслы, сталы, кампутары і т.д. Усё як ва ўсіх!
Часам нават такая дробязь, як лагатып кампаніі на звычайнай ручцы, дазваляе нам адчуваць яе асаблівай і таму больш каштоўнай.
Пагодзіцеся, што большасць замоўцаў аддасць перавагу замест звычайнага (як ва ўсіх) тэлефона Snom, тэлефон, які асацыюецца ў іх з чымсьці асаблівым/асабістым. Упэўнены, што калі вы з'яўляецеся пастаўшчыком рашэнняў па тэлефаніі, вы таксама пагадзіліся б асацыяваць вашу кампанію з пастаўшчыком гэтага "асаблівага" у вачах заказчыка.
Многія з вас ведаюць, што Snom можа прапанаваць вельмі розныя ўзроўні кастамізацыі настольных тэлефонаў: ад вельмі складаных апаратных і праграмных змен, якія патрабуюць час на распрацоўку, да самых простых, якія даступныя ўсім з "скрынкі", абсалютна бясплатна. Менавіта аб апошнім мы жадаем вам распавесці сёння.
Прашыўка меню нашых тэлефонаў пабудавана на XML і дазваляе вам вырабляць гнуткую кастамізацыю UI наступных параметраў (кароткі спіс):
- фонавы малюнак
- шрыфт і колер
- абразкі
- мова
- мелодыі званкоў
- прызначэнне клавіш
- і многае іншае
У гэтай, 1-й частцы нашага артыкула, мы раскажам пра тое, як можна змяніць візуальнае ўяўленне тэлефона Snom. Пагаворым аб некалькіх пунктах:
- Змена каляровай гамы
- Змена шрыфтоў
- Загрузка фонавага малюнка
- Прыклады тым
У 2-й частцы нашага артыкула (які хутка выйдзе) мы пагаворым аб астатніх магчымасцях кастамізцыі. Так-што не "перамыкайцеся".
1. Змена каляровай гамы
Пачынаючы з версіі прашыўкі 10, каляровы інтэрфейс тэлефона можа быць поўнасцю зменены ў дачыненні да колеру і празрыстасці. Гэта дазваляе наладзіць карыстацкі інтэрфейс для ідэальнай пераборлівасці, выразнасці, каляровых пераваг і далейшай змены, напрыклад, фірмовага стылю кампаніі.
Для таго, каб было прасцей разабрацца існуе схема апісання налады кветак:
Колеры наладжваюцца з дапамогай RGB значэнняў
Найменне
Дапушчальныя значэнні
Значэнні па
змаўчанні
Апісанне
titlebar_text_color
Група з 4-х
лікаў, кожны >=0 і <=255.
чырвоны, зялёны, сіні, альфа (значэнне альфа 255 азначае цалкам
бачны, а 0 - цалкам празрысты).
51 51 51 255
Кіруе колерам і празрыстасцю тэксту ў
радку загалоўка, напрыклад, "Дата", "Час",
«Назва» і інш.
text_color
51 51 51
255
Кіруе колерам і празрыстасцю
асноўнага тэксту, напрыклад, "Меню", "Рэжым чакання" і
усіх астатніх экранаў асноўнага тэксту.
subtext_color
123 124 126 255
Кіруе колерам і празрыстасцю
падтэксту, напрыклад, «Меню», «Рэжым чаканне» і ўсіх
іншых падтэкставых экранаў.
extratext_color
123 124 126
255
Кіруе колерам і празрыстасцю першай
радкі тэксту, якая адлюстроўваецца справа ў меню, напрыклад, гісторыя выклікаў, дата і
час.
extratext2_color
123 124 126
255
Кіруе колерам і празрыстасцю другі
радкі тэксту, якая адлюстроўваецца справа ў меню, напрыклад, гісторыя выклікаў, дата і
час.
titlebar_background_color
226 226 226
255
Кіруе колерам і празрыстасцю фону
радкі загалоўка
background_color
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
Кіруе колерам і празрыстасцю тэксту,
выкарыстоўванага ў кантэкстна-залежных кнопках пры націску
selected_line_background_color
255 255 255
255
Кіруе колерам і празрыстасцю фону
абранай лініі, напрыклад, у Меню ці любым экране з абіранымі элементамі
selected_line_indicator_color
61 133 198
255
Кіруе колерам і празрыстасцю
індыкатара злева ад абранай лініі, напрыклад, у Меню ці любым экране з
абранымі элементамі
selected_line_text_color
61 133 198
255
Кіруе колерам і празрыстасцю тэксту ў
выдзеленым радку, напрыклад, у Меню або любым экране з абранымі элементамі.
Таксама кіруе колерам бягучага знака пры цыклічным праходжанні праз
розныя опцыі ў акне ўводу
line_background_color
242 242 242
0
Кіруе колерам і празрыстасцю фону для
кожнага радка Меню або пункта меню, або любога пункта спісу.
line_separator_color
226 226 226
255
Кіруе колерам і празрыстасцю
раздзяляльнай лініі паміж меню або пунктамі меню і паказваецца толькі
тады, калі даступна больш за адзін абраны элемент.
scrollbar_color
182 183 184
255
Кіруе колерам і празрыстасцю паласы
пракруткі, якая адлюстроўваецца на любым экране.
cursor_color
61 133 198
255
Кіруе колерам і празрыстасцю курсора,
які адлюстроўваецца на экранах з дапамогай ўваходнага сігналу.
status_msgs_background_color
242 242 242
255
Кіруе колерам і празрыстасцю фону для
паведамленняў аб стане, якія з'яўляюцца на экранах чакання і выкліку. Гэта значэнне таксама прымяняецца да фону
змены гучнасці.
status_msgs_border_color
182 183 184
255
Кіруе колерам і празрыстасцю мяжы
для паведамленняў аб стане, якія з'яўляюцца на экранах чакання і выкліку. Гэта значэнне таксама прымяняецца да мяжы
змены гучнасці.
smartlabel_background_color
242 242 242
255
Кіруе колерам і празрыстасцю фону SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Кіруе колерам і празрыстасцю фону SmartLabel пры націску функцыянальнай клавішы.
smartlabel_separator_color
182 183 184
255
Кіруе колерам і празрыстасцю лініі
падзельніка паміж кожнай функцыянальнай клавішай SmartLabel.
smartlabel_label_color
123 124 126
255
Кіруе колерам і празрыстасцю тэксту,
выкарыстоўванага ў SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Кіруе колерам і празрыстасцю тэксту,
выкарыстоўванага ў SmartLabel, пры націску функцыянальнай клавішы.
Цяпер, калі мы ведаем дзе і што знаходзіцца мы можам перайсці ў вэб-інтэрфейс тэлефона ў раздзел Наладжванне/Настройкі, далей другая закладка Знешні выгляд:
Тут можна змяняць значэнні, а калі націснуць на знак пытання, то вы трапіце на старонку з апісаннем, дзе ў тым ліку ёсць нататка, як пазначыць дадзенае значэнне, калі выкарыстоўваць XML-файл для канфігурацыі. Напрыклад для нашага першага радка «Text Color»:
2. Змена шрыфтоў
Шрыфты на ўсіх тэлефонах snom вольна наладжваюцца і могуць быць змененыя з дапамогай аўтаправіжынгу. Памятайце, што калі бягучы выкарыстоўваны TrueType або растравы шрыфт заменены на карыстацкі, пры візуалізацыі тэксту могуць узнікнуць пэўныя неадпаведнасці, паколькі карыстацкі інтэрфейс аптымізаваны для аднаго канкрэтнага шрыфта TrueType.
Каб замяніць любы шрыфт, неабходна стварыць tar-файл, які змяшчае новы шрыфт, названы павінна цалкам супадаць са старым шрыфтам, які будзе заменены.
"tar -cvf fonts.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. "Dark Theme":
Паглядзець
<?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. "Colorful Theme":
Паглядзець
<?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>Спадзяемся, гэтая тэма дапаможа разабрацца з пытаннем ручной кастамізацыі.
Працяг будзе…
Крыніца: habr.com