Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Многи од нас заиста воле када је нешто направљено за нас! Када осетимо одређени „ниво власништва“, који нам омогућава да се издвојимо из позадине „сиве масе“. Исте столице, столови, компјутери итд. Све је као и сви остали!

Понекад чак и тако мала ствар као што је логотип компаније на обичној оловци чини да се осећа посебним и стога вреднијим.

Слажете се да ће већина купаца преферирати Сном телефон уместо обичног (као и сви остали), телефон који повезују са нечим посебним/личним. Сигуран сам да ако сте провајдер телефонских решења, такође бисте пристали да повежете своју компанију са провајдером овог „посебног“ у очима корисника.

Многи од вас знају да Сном може да понуди веома различите нивое прилагођавања десктоп телефона: од веома сложених промена хардвера и софтвера које захтевају време за развој, до веома једноставних које су доступне свима без употребе, апсолутно бесплатно. Управо о овом последњем желимо да вам данас причамо.

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Фирмвер менија наших телефона је изграђен на КСМЛ-у и омогућава вам да флексибилно прилагодите кориснички интерфејс следећих параметара (кратка листа):

  • позадинска слика
  • фонт и боја
  • иконе
  • језик
  • мелодије звона
  • додељивање кључева
  • и много више

У овом, 1. делу нашег чланка, говорићемо о томе како можете да промените визуелни изглед вашег Сном телефона. Хајде да разговарамо о неколико тачака:

  1. Промена боја
  2. Промена фонтова
  3. Учитавање позадинске слике
  4. Примери тема

У другом делу нашег чланка (ускоро) говорићемо о осталим опцијама прилагођавања. Зато немојте "пребацивати".

1. Промена шеме боја

Почевши од верзије фирмвера 10, интерфејс боја телефона може се потпуно променити у погледу боје и транспарентности. Ово вам омогућава да прилагодите кориснички интерфејс за идеалну читљивост, јасноћу, жељене боје и даље промене, на пример, корпоративног идентитета компаније.

Да бисте лакше разумели, постоји шема за описивање подешавања боја:

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Боје се подешавају помоћу РГБ вредности

Име

Важеће вредности

Вредности по
Уобичајено

Опис

титлебар_тект_цолор

Група од 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

Контролише боју и транспарентност позадине укључене
сваки екран.

фкеи_бацкгроунд_цолор

242 242 242
255

Контролише боју и транспарентност
дугмад осетљива на контекст.

фкеи_прессед_бацкгроунд_цолор

61 133 198
255

Контролише боју позадине и транспарентност
тастери осетљиви на контекст када се притисну.

фкеи_сепаратор_цолор

182 183 184
255

Контролише боју и транспарентност
Контекстно осетљиве линије раздвајања дугмета

фкеи_лабел_цолор

123 124 126
255

Контролише боју и транспарентност текста,
користи се у дугмадима осетљивим на контекст

фкеи_прессед_лабел_цолор

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

Контролише боју и транспарентност курсора,
приказан на екранима користећи улазни сигнал.

статус_мсгс_бацкгроунд_цолор

242 242 242
255

Контролише боју позадине и транспарентност за
статусне поруке које се појављују на екрану мировања и позива. Ова вредност важи и за позадину
промене јачине звука.

статус_мсгс_бордер_цолор

182 183 184
255

Контролише боју и транспарентност ивице
за статусне поруке које се појављују на екрану мировања и позива. Ова вредност важи и за границу
промене јачине звука.

смартлабел_бацкгроунд_цолор

242 242 242
255

Контролише боју позадине и транспарентност СмартЛабел-а.

смартлабел_прессед_бацкгроунд_цолор

61 133 198
255

Контролише боју позадине и транспарентност СмартЛабел-а када се притисне функцијски тастер.

смартлабел_сепаратор_цолор

182 183 184
255

Контролише боју и транспарентност линије
сепаратор између сваког СмартЛабел функцијског тастера.

смартлабел_лабел_цолор

123 124 126
255

Контролише боју и транспарентност текста,
користи се у СмартЛабел-у.

смартлабел_прессед_лабел_цолор

242 242 242
255

Контролише боју и транспарентност текста,
користи се у СмартЛабел-у када притиснете функцијски тастер.

Сада када знамо где и шта се налази, можемо да пређемо на веб интерфејс телефона у одељак Подешавање/Преференце, затим другу картицу Изглед:

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Овде можете променити вредности, а ако кликнете на знак питања, бићете одведени на страницу са описом, где се налази и напомена како да наведете ову вредност ако за конфигурацију користите КСМЛ датотеку. На пример, за наш први ред „Боја текста“:

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

2. Промена фонтова

Фонтови на свим сном телефонима су слободно прилагодљиви и могу се мењати коришћењем аутопровизије. Имајте на уму да ако се тренутно коришћени ТруеТипе или битмап фонт замени прилагођеним, може доћи до неких недоследности у приказивању текста јер је кориснички интерфејс оптимизован за један одређени ТруеТипе фонт.

Да бисте заменили било који фонт, морате креирати тар датотеку која садржи нови фонт, који мора бити назван потпуно исто као и стари фонт који ће бити замењен.

"тар -цвф фонтс.тар фонтфиле.ттф"

Ову тар датотеку тада треба референцирати у кмл датотеци како би се исправно учитала када се телефон поново покрене.

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

<settings>

 <uploads>

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

 </uploads>

</settings>

Више детаља о томе који фонтови су унапред инсталирани можете пронаћи на нашој веб страници. вики
На овај начин можете преузети сопствени фонт на свој телефон.

3. Отпремите слику у позадини

Користећи пример, показаћемо како правилно учитати позадину и која су подешавања важна.

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Можете да отпремите позадину преко веб интерфејса → Приоритети Изглед:

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Ово подешавање мора бити подешено на приступачну УРЛ адресу слике. Када се поставка промени, позадинска слика ће бити замењена.

Или можете да промените ово подешавање коришћењем аутопровизије додавањем ознаке са важећом вредношћу у вашу кмл датотеку.

Ако је овај параметар празан или је УРЛ слике нетачан, користиће се подразумевана позадинска слика телефона.

То је важно: Ако користите софтвер пре верзије 10.1.33.33, морате да подесите вредност боје позадине на потпуно транспарентну.

Урадите то сами или како да прилагодите свој Сном телефон. Део 1 боје, фонт, позадина

Ово је неопходно јер се позадинска слика налази на слоју испод стандардне боје позадине. Ово се може постићи постављањем алфа вредности на 0 за боју позадине.

Почевши од верзије фирмвера 10.1.33.33, прозирност боје позадине се аутоматски прилагођава позадинској слици приказаној на телефону. Међутим, то неће бити потпуно транспарентно. Да бисте постигли потпуну транспарентност, подесите и даље треба да има алфа вредност 0.

Да бисте правилно приказали позадинску слику, морате је сачувати у пнг, јпг, гиф, бмп или тга формату. Топло препоручујемо да користите .пнг датотеке и оптимизујете их помоћу "оптипнг" да бисте смањили величину датотеке и побољшали перформансе.

Величина слике у зависности од модела:

Модел
дозвола

Д375/ Д385/ Д785
КСНУМКС КСНУМКС х

Д335/ Д735/ Д765
КСНУМКС КСНУМКС х

ДКСНУМКС
КСНУМКС КСНУМКС х

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

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

Урадите то сами или како да прилагодите свој Сном телефон. Део 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. "Шарена тема":

Урадите то сами или како да прилагодите свој Сном телефон. Део 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 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>

Надамо се да ће вам ова тема помоћи да разумете питање ручног прилагођавања.

Наставиће се ...

Извор: ввв.хабр.цом

Додај коментар