Gawin ito sa iyong sarili o kung paano i-customize ang iyong Snom phone. Bahagi 1 kulay, font, background

Marami sa atin ang talagang gusto kapag may ginawa para sa atin! Kapag naramdaman namin ang isang tiyak na "antas ng pagmamay-ari", na nagpapahintulot sa amin na tumayo mula sa background ng "gray na masa". Ang parehong mga upuan, mesa, computer, atbp. Ang lahat ay katulad ng iba!

Minsan kahit na ang isang maliit na bagay bilang logo ng kumpanya sa isang ordinaryong panulat ay nagpaparamdam dito na espesyal at samakatuwid ay mas mahalaga.

Sumang-ayon na mas pipiliin ng karamihan sa mga customer ang isang Snom na telepono sa halip na ang isang regular (tulad ng iba), isang telepono na iniuugnay nila sa isang bagay na espesyal/personal. Sigurado ako na kung isa kang provider ng telephony solutions, sasang-ayon ka rin na iugnay ang iyong kumpanya sa provider ng "espesyal" na ito sa paningin ng customer.

Marami sa inyo ang nakakaalam na ang Snom ay maaaring mag-alok ng iba't ibang antas ng pag-customize ng desktop phone: mula sa napakasalimuot na mga pagbabago sa hardware at software na nangangailangan ng oras ng pag-develop, hanggang sa mga napakasimpleng available sa lahat sa labas ng kahon, ganap na libre. Ito ang huli na gusto naming sabihin sa iyo ngayon.

Ang firmware ng menu ng aming mga telepono ay binuo sa XML at nagbibigay-daan sa iyong nababagay na i-customize ang UI ng mga sumusunod na parameter (maikling listahan):

• larawan sa background
• font at kulay
• mga icon
• wika
• mga ringtone
• pangunahing takdang-aralin
• at marami pang iba

Dito, sa unang bahagi ng aming artikulo, pag-uusapan natin kung paano mo mababago ang visual na hitsura ng iyong Snom na telepono. Pag-usapan natin ang ilang punto:

1. Pagbabago ng scheme ng kulay
2. Pagpapalit ng mga font
3. Naglo-load ng larawan sa background
4. Mga Halimbawa ng Paksa

Sa Bahagi 2 ng aming artikulo (paparating na) pag-uusapan natin ang iba pang mga pagpipilian sa pagpapasadya. Kaya huwag "lumipat".

1. Pagbabago ng scheme ng kulay

Simula sa bersyon 10 ng firmware, ang interface ng kulay ng telepono ay maaaring ganap na baguhin sa mga tuntunin ng kulay at transparency. Binibigyang-daan ka nitong i-customize ang user interface para sa perpektong pagiging madaling mabasa, kalinawan, mga kagustuhan sa kulay at karagdagang mga pagbabago, halimbawa, sa pagkakakilanlan ng kumpanya ng kumpanya.

Upang gawing mas madaling maunawaan, mayroong isang pamamaraan para sa paglalarawan ng mga setting ng kulay:

Ang mga kulay ay inaayos gamit ang mga halaga ng RGB

Pangalan

Mga wastong halaga

Mga halaga ni
default

Описание

titlebar_text_color

Grupo ng 4
mga numero, bawat isa >=0 at <=255.

pula, berde, asul, alpha (Ang alpha value na 255 ay nangangahulugang ganap
nakikita, at ang 0 ay ganap na transparent).

51 51 51 255

Kinokontrol ang kulay at transparency ng text sa
linya ng pamagat, halimbawa, "Petsa", "Oras",
"Pangalan" atbp.

Kulay ng teksto

+51 51 51
255

Kinokontrol ang kulay at transparency
body text gaya ng “Menu”, “Standby mode” at
lahat ng iba pang pangunahing screen ng teksto.

subtext_color

123 124 126 255

Kinokontrol ang kulay at transparency
subtext, halimbawa, “Menu”, “Standby mode” at lahat
iba pang mga subtext na screen.

extratext_color

+123 124 126
255

Kinokontrol ang kulay at transparency ng una
mga linya ng text na ipinapakita sa kanang bahagi ng menu, tulad ng kasaysayan ng tawag, petsa at
oras

extratext2_color

+123 124 126
255

Kinokontrol ang kulay at transparency ng pangalawa
mga linya ng text na ipinapakita sa kanang bahagi ng menu, tulad ng kasaysayan ng tawag, petsa at
oras

titlebar_background_color

+226 226 226
255

Kinokontrol ang kulay at transparency ng background
mga linya ng header

kulay ng background

+242 242 242
255

Kinokontrol ang kulay at transparency ng background sa
bawat screen.

fkey_background_color

+242 242 242
255

Kinokontrol ang kulay at transparency
mga button na sensitibo sa konteksto.

fkey_pressed_background_color

+61 133 198
255

Kinokontrol ang kulay at transparency ng background
context-sensitive key kapag pinindot.

fkey_separator_color

+182 183 184
255

Kinokontrol ang kulay at transparency
Mga linya ng paghahati ng button na sensitibo sa konteksto

fkey_label_color

+123 124 126
255

Kinokontrol ang kulay at transparency ng text,
ginagamit sa mga button na sensitibo sa konteksto

fkey_pressed_label_color

+242 242 242
255

Kinokontrol ang kulay at transparency ng text,
ginagamit sa mga button na sensitibo sa konteksto kapag na-click

selected_line_background_color

+255 255 255
255

Kinokontrol ang kulay at transparency ng background
piniling linya, halimbawa sa isang Menu o anumang mapipiling screen

selected_line_indicator_color

+61 133 198
255

Kinokontrol ang kulay at transparency
indicator sa kaliwa ng napiling linya, halimbawa, sa Menu o anumang screen na may
mga napiling elemento

selected_line_text_color

+61 133 198
255

Kinokontrol ang kulay at transparency ng text sa
piniling linya, halimbawa sa isang Menu o anumang screen na may mga napiling item.
Kinokontrol din ang kulay ng kasalukuyang simbolo habang umiikot ito
iba't ibang mga opsyon sa input window

line_background_color

+242 242 242
0

Kinokontrol ang kulay ng background at transparency para sa
bawat linya ng Menu o menu item, o anumang listahan ng item.

line_separator_color

+226 226 226
255

Kinokontrol ang kulay at transparency
naghahati ng linya sa pagitan ng mga menu o mga item sa menu at ipinapakita lamang
kapag higit sa isang napiling item ang available.

scrollbar_color

+182 183 184
255

Kinokontrol ang kulay at transparency ng guhit
pag-scroll na ipinapakita sa anumang screen.

cursor_color

+61 133 198
255

Kinokontrol ang kulay at transparency ng cursor,
ipinapakita sa mga screen gamit ang input signal.

status_msgs_background_color

+242 242 242
255

Kinokontrol ang kulay ng background at transparency para sa
mga mensahe ng katayuan na lumalabas sa idle at call screen. Nalalapat din ang halagang ito sa background
pagbabago ng volume.

status_msgs_border_color

+182 183 184
255

Kinokontrol ang kulay at transparency ng hangganan
para sa mga status message na lumalabas sa idle at call screen. Nalalapat din ang halagang ito sa hangganan
pagbabago ng volume.

smartlabel_background_color

+242 242 242
255

Kinokontrol ang kulay ng background at transparency ng SmartLabel.

smartlabel_pressed_background_color

+61 133 198
255

Kinokontrol ang kulay ng background at transparency ng SmartLabel kapag pinindot ang isang function key.

smartlabel_separator_color

+182 183 184
255

Kinokontrol ang kulay at transparency ng linya
separator sa pagitan ng bawat SmartLabel function key.

smartlabel_label_color

+123 124 126
255

Kinokontrol ang kulay at transparency ng text,
ginamit sa SmartLabel.

smartlabel_pressed_label_color

+242 242 242
255

Kinokontrol ang kulay at transparency ng text,
ginagamit sa SmartLabel kapag pinindot mo ang isang function key.

Ngayong alam na natin kung saan at kung ano ang matatagpuan, maaari na tayong pumunta sa web interface ng telepono sa seksyon Pag-setup / Mga Kagustuhan, pagkatapos ay ang pangalawang tab Hitsura:

Dito maaari mong baguhin ang mga halaga, at kung mag-click ka sa tandang pananong, dadalhin ka sa isang pahina ng paglalarawan, kung saan mayroon ding tala kung paano tukuyin ang halagang ito kung gumagamit ka ng XML file para sa pagsasaayos. Halimbawa, para sa aming unang linya na "Kulay ng Teksto":

2. Pagpapalit ng mga font

Ang mga font sa lahat ng snom phone ay malayang nako-customize at maaaring baguhin gamit ang autoprovisioning. Mangyaring magkaroon ng kamalayan na kung ang kasalukuyang ginagamit na TrueType o bitmap na font ay papalitan ng isang custom, ang ilang mga hindi pagkakapare-pareho ay maaaring mangyari sa pag-render ng teksto dahil ang user interface ay na-optimize para sa isang partikular na TrueType na font.

Upang palitan ang anumang font, dapat kang lumikha ng isang tar file na naglalaman ng bagong font, na dapat na eksaktong kapareho ng pangalan ng lumang font na papalitan.

"tar -cvf fonts.tar fontfile.ttf"

Ang tar file na ito ay kailangang i-reference sa xml file upang ito ay mag-load nang tama kapag ang telepono ay na-reboot.

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

<settings>

 <uploads>

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

 </uploads>

</settings>

Higit pang mga detalye tungkol sa kung anong mga font ang na-preinstall ay matatagpuan sa aming website. wiki
Sa ganitong paraan maaari mong i-download ang iyong sariling font sa iyong telepono.

3. Mag-upload ng larawan sa background

Gamit ang isang halimbawa, ipapakita namin kung paano i-load nang tama ang background at kung anong mga setting ang mahalaga.

Maaari kang mag-upload ng larawan sa background sa pamamagitan ng Web interface → Mga Kagustuhan → Hitsura:

Dapat itakda ang setting na ito sa isang naa-access na URL ng larawan. Kapag nabago ang setting, papalitan ang larawan sa background.

O maaari mong baguhin ang setting na ito gamit ang autoprovisioning sa pamamagitan ng pagdaragdag ng tag na may wastong halaga sa iyong xml file.

Kung walang laman ang parameter na ito o mali ang URL ng larawan, gagamitin ang default na larawan sa background ng telepono.

Mahalagang: Kung gumagamit ka ng software bago ang bersyon 10.1.33.33, dapat mong itakda ang halaga ng kulay ng background sa ganap na transparent.

Ito ay kinakailangan dahil ang larawan sa background ay matatagpuan sa isang layer sa ibaba ng karaniwang kulay ng background. Magagawa ito sa pamamagitan ng pagtatakda ng alpha value sa 0 para sa kulay ng background.

Simula sa bersyon ng firmware na 10.1.33.33, awtomatikong umaangkop ang transparency ng kulay ng background sa larawan sa background na ipinapakita sa telepono. Gayunpaman, hindi ito magiging ganap na transparent. Upang makamit ang kumpletong transparency, ayusin dapat ay mayroon pa ring alpha value na 0.

Upang maipakita nang tama ang larawan sa background, dapat mong i-save ito sa png, jpg, gif, bmp o tga na format. Lubos naming inirerekumenda ang paggamit ng mga .png file at i-optimize ang mga ito gamit ang "pagpili" upang bawasan ang laki ng file at pagbutihin ang pagganap.

Laki ng larawan depende sa modelo:

Modelo
permiso

D375/ D385/ D785
480 272 x

D335/ D735/ D765
320 240 x

D717
426 240 x

4. Halimbawa ng pagsasaayos ng tema

1. "Madilim na Tema":

Tingnan

<?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. "Makulay na Tema":

Tingnan

<?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>

Umaasa kaming matutulungan ka ng paksang ito na maunawaan ang isyu ng manu-manong pag-customize.

Upang patuloy ...

Pinagmulan: www.habr.com