Shumë prej nesh e pëlqejnë shumë kur bëhet diçka për ne! Kur ndjejmë një "nivel pronësie" të caktuar, i cili na lejon të dalim nga sfondi i "masës gri". Të njëjtat karrige, tavolina, kompjuterë etj. Gjithçka është si gjithë të tjerët!
Ndonjëherë edhe një gjë kaq e vogël si logoja e kompanisë në një stilolaps të zakonshëm e bën atë të ndihet i veçantë dhe për këtë arsye më i vlefshëm.
Dakord që shumica e klientëve do të preferojnë një telefon Snom në vend të një të rregullt (si gjithë të tjerët), një telefon që ata e lidhin me diçka të veçantë/personale. Jam i sigurt se nëse jeni ofrues i zgjidhjeve të telefonisë, do të pranoni gjithashtu të lidhni kompaninë tuaj me ofruesin e kësaj "të veçantë" në sytë e klientit.
Shumë prej jush e dinë se Snom mund të ofrojë nivele shumë të ndryshme të personalizimit të telefonit desktop: nga ndryshimet shumë komplekse të harduerit dhe softuerit që kërkojnë kohë zhvillimi, deri te ato shumë të thjeshta që janë të disponueshme për të gjithë jashtë kutisë, absolutisht falas. Është kjo e fundit që duam t'ju tregojmë sot.
Firmware i menusë së telefonave tanë është ndërtuar në XML dhe ju lejon të personalizoni në mënyrë fleksibël UI-në e parametrave të mëposhtëm (lista e shkurtër):
- imazhi i sfondit
- fontin dhe ngjyrën
- ikona
- gjuhë
- zile
- caktimi kyç
- dhe shumë më tepër
Në këtë, pjesën e parë të artikullit tonë, ne do të flasim se si mund të ndryshoni pamjen vizuale të telefonit tuaj Snom. Le të flasim për disa pika:
- Ndryshimi i skemës së ngjyrave
- Ndryshimi i shkronjave
- Duke ngarkuar një imazh të sfondit
- Shembuj temash
Në Pjesën 2 të artikullit tonë (së shpejti) do të flasim për pjesën tjetër të opsioneve të personalizimit. Pra, mos "ndërroni".
1. Ndryshimi i skemës së ngjyrave
Duke filluar me versionin 10 të firmuerit, ndërfaqja e ngjyrave të telefonit mund të ndryshohet plotësisht për sa i përket ngjyrës dhe transparencës. Kjo ju lejon të personalizoni ndërfaqen e përdoruesit për lexueshmëri ideale, qartësi, preferenca ngjyrash dhe ndryshime të mëtejshme, për shembull, në identitetin e korporatës së kompanisë.
Për ta bërë më të lehtë për t'u kuptuar, ekziston një skemë për përshkrimin e cilësimeve të ngjyrave:
Ngjyrat rregullohen duke përdorur vlerat RGB
Emër
Vlerat e vlefshme
Vlerat nga
parazgjedhje
Përshkrim
Titulli_teksti_ngjyra
Grupi prej 4
numra, secili >=0 dhe <=255.
i kuq, зеленый, синий, alpha (vlera alfa 255 do të thotë plotësisht
i dukshëm, dhe 0 është plotësisht transparent).
51 51 51 255
Kontrollon ngjyrën dhe transparencën e tekstit në
rreshti i titullit, për shembull, "Data", "Ora",
"Emri" etj.
teksti_ngjyra
51 51 51
255
Kontrollon ngjyrën dhe transparencën
teksti i trupit si "Menyja", "Modaliteti i gatishmërisë" dhe
të gjitha ekranet e tjera kryesore të tekstit.
nënteksti_ngjyra
123 124 126 255
Kontrollon ngjyrën dhe transparencën
nënteksti, për shembull, "Menyja", "Modaliteti i gatishmërisë" dhe të gjitha
ekranet e tjera të nëntekstit.
ekstrateksti_ngjyra
123 124 126
255
Kontrollon ngjyrën dhe transparencën e të parit
linjat e tekstit të shfaqura në anën e djathtë të menysë, si historiku i thirrjeve, data dhe
kohë.
ekstrateksti2_ngjyra
123 124 126
255
Kontrollon ngjyrën dhe transparencën e sekondës
linjat e tekstit të shfaqura në anën e djathtë të menysë, si historiku i thirrjeve, data dhe
kohë.
Titulli_sfondi_ngjyra
226 226 226
255
Kontrollon ngjyrën dhe transparencën e sfondit
linjat e kokës
ngjyrë e sfondit
242 242 242
255
Kontrollon ngjyrën dhe transparencën e sfondit
çdo ekran.
fkey_sfondi_ngjyra
242 242 242
255
Kontrollon ngjyrën dhe transparencën
butona të ndjeshëm ndaj kontekstit.
fkey_shtypet_sfondi_ngjyra
61 133 198
255
Kontrollon ngjyrën dhe transparencën e sfondit
tastet e ndjeshme ndaj kontekstit kur shtypen.
fkey_ndarës_ngjyra
182 183 184
255
Kontrollon ngjyrën dhe transparencën
Linjat ndarëse të butonave të ndjeshme ndaj kontekstit
fkey_label_color
123 124 126
255
Kontrollon ngjyrën dhe transparencën e tekstit,
përdoret në butonat e ndjeshëm ndaj kontekstit
fkey_shtypet_etiketa_ngjyra
242 242 242
255
Kontrollon ngjyrën dhe transparencën e tekstit,
përdoret në butonat e ndjeshëm ndaj kontekstit kur klikohen
e zgjedhur_linja_ngjyra e sfondit
255 255 255
255
Kontrollon ngjyrën dhe transparencën e sfondit
rreshti i zgjedhur, për shembull në një Meny ose në ndonjë ekran të përzgjedhur
i zgjedhur_linja_tregues_ngjyra
61 133 198
255
Kontrollon ngjyrën dhe transparencën
treguesi në të majtë të rreshtit të zgjedhur, për shembull, në Meny ose në ndonjë ekran me
elementet e zgjedhur
ngjyra e zgjedhur_linja_teksti
61 133 198
255
Kontrollon ngjyrën dhe transparencën e tekstit në
rreshti i zgjedhur, për shembull në një Meny ose në ndonjë ekran me artikuj të zgjedhur.
Gjithashtu kontrollon ngjyrën e simbolit aktual teksa kalon
opsione të ndryshme në dritaren e hyrjes
vija_sfondi_ngjyra
242 242 242
0
Kontrollon ngjyrën e sfondit dhe transparencën për
çdo rresht i menysë ose artikullit të menysë, ose ndonjë artikulli të listës.
linjë_ndarës_ngjyra
226 226 226
255
Kontrollon ngjyrën dhe transparencën
vija ndarëse ndërmjet menyve ose artikujve të menysë dhe shfaqet vetëm
kur më shumë se një artikull i zgjedhur është i disponueshëm.
ngjyra_shiriti i lëvizjes
182 183 184
255
Kontrollon ngjyrën dhe transparencën e shiritit
lëvizja shfaqet në çdo ekran.
kursori_ngjyra
61 133 198
255
Kontrollon ngjyrën dhe transparencën e kursorit,
shfaqet në ekran duke përdorur sinjalin hyrës.
status_msgs_background_color
242 242 242
255
Kontrollon ngjyrën e sfondit dhe transparencën për
mesazhet e statusit që shfaqen në ekranet e çaktivizimit dhe të telefonatave. Kjo vlerë vlen edhe për sfondin
ndryshimet e volumit.
status_msgs_border_color
182 183 184
255
Kontrollon ngjyrën dhe transparencën e kufirit
për mesazhet e statusit që shfaqen në ekranet e çaktivizimit dhe të telefonatave. Kjo vlerë vlen edhe për kufirin
ndryshimet e volumit.
smartlabel_sfondi_ngjyra
242 242 242
255
Kontrollon ngjyrën e sfondit dhe transparencën e SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Kontrollon ngjyrën e sfondit dhe transparencën e SmartLabel kur shtypet një tast funksioni.
etiketa_ngjyra_ndarëse_smart
182 183 184
255
Kontrollon ngjyrën dhe transparencën e linjës
ndarës ndërmjet çdo tasti funksional SmartLabel.
smartlabel_etiketa_ngjyra
123 124 126
255
Kontrollon ngjyrën dhe transparencën e tekstit,
përdoret në SmartLabel.
smartlabel_e shtypur_etiketë_ngjyra
242 242 242
255
Kontrollon ngjyrën dhe transparencën e tekstit,
përdoret në SmartLabel kur shtypni një tast funksioni.
Tani që e dimë se ku dhe çfarë ndodhet, mund të shkojmë në ndërfaqen e internetit të telefonit në seksion Konfigurimi/Preferencat, pastaj skeda e dytë Tema & Dukje:
Këtu mund të ndryshoni vlerat dhe nëse klikoni në pikëpyetjen, do të çoheni në një faqe përshkrimi, ku ka edhe një shënim se si të specifikoni këtë vlerë nëse përdorni një skedar XML për konfigurimin. Për shembull, për rreshtin tonë të parë "Ngjyra e tekstit":
2. Ndryshimi i shkronjave
Fontet në të gjithë telefonat snom mund të personalizohen lirisht dhe mund të ndryshohen duke përdorur sigurimin automatik. Ju lutemi, kini parasysh se nëse fonti TrueType ose bitmap i përdorur aktualisht zëvendësohet me një font të personalizuar, mund të ketë disa mospërputhje në interpretimin e tekstit sepse ndërfaqja e përdoruesit është optimizuar për një font specifik TrueType.
Për të zëvendësuar çdo font, duhet të krijoni një skedar tar që përmban fontin e ri, i cili duhet të emërohet saktësisht i njëjtë me fontin e vjetër që do të zëvendësohet.
"tar -cvf fonts.tar fontfile.ttf"
Më pas, ky skedar tar duhet të referohet në skedarin xml në mënyrë që të ngarkohet saktë kur telefoni të rindizet.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Më shumë detaje rreth fonteve të parainstaluara mund të gjenden në faqen tonë të internetit.
Në këtë mënyrë ju mund të shkarkoni fontin tuaj në telefonin tuaj.
3. Ngarko një imazh të sfondit
Duke përdorur një shembull, ne do të tregojmë se si të ngarkojmë saktë sfondin dhe cilat cilësime kanë rëndësi.
Ju mund të ngarkoni një imazh të sfondit nëpërmjet ndërfaqes në ueb → Preferenca → Tema & Dukje:
Ky cilësim duhet të vendoset në një URL të aksesueshme të imazhit. Pasi të ndryshohet cilësimi, imazhi i sfondit do të zëvendësohet.
Ose mund ta ndryshoni këtë cilësim duke përdorur sigurimin automatik duke shtuar etiketën me një vlerë të vlefshme në skedarin tuaj xml.
Nëse ky parametër është bosh ose URL-ja e imazhit është e pasaktë, do të përdoret imazhi i parazgjedhur i sfondit të telefonit.
Është e rëndësishme: Nëse jeni duke përdorur softuer para versionit 10.1.33.33, duhet të vendosni vlerën e ngjyrës së sfondit në plotësisht transparente.
Kjo është e nevojshme sepse imazhi i sfondit ndodhet në një shtresë nën ngjyrën standarde të sfondit. Kjo mund të arrihet duke vendosur vlerën alfa në 0 për ngjyrën e sfondit.
Duke filluar me versionin 10.1.33.33 të firmuerit, transparenca e ngjyrës së sfondit përshtatet automatikisht me imazhin e sfondit të shfaqur në telefon. Megjithatë, ajo nuk do të jetë plotësisht transparente. Për të arritur transparencë të plotë, rregullojeni duhet të ketë ende një vlerë alfa prej 0.
Për të shfaqur saktë imazhin e sfondit, duhet ta ruani në format png, jpg, gif, bmp ose tga. Ne rekomandojmë fuqimisht përdorimin e skedarëve .png dhe optimizimin e tyre me "" për të zvogëluar madhësinë e skedarit dhe për të përmirësuar performancën.
Madhësia e imazhit në varësi të modelit:
Model
leje
D375/ D385/ D785
480 272 x
D335/ D735/ D765
320 240 x
D717
426 240 x
4. Shembull i konfigurimit të temës
1. "Tema e errët":
shiko
<?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. "Tema me ngjyra":
shiko
<?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>Shpresojmë se kjo temë do t'ju ndihmojë të kuptoni çështjen e personalizimit manual.
Vazhdon…
Burimi: www.habr.com