Daugeliui iš mūsų labai patinka, kai kažkas yra sukurta mums! Kai jaučiame tam tikrą „savininkiškumo lygį“, leidžiantį išsiskirti iš „pilkosios masės“ fono. Tos pačios kėdės, stalai, kompiuteriai ir t.t. Viskas kaip ir visi kiti!
Kartais net toks mažas dalykas, kaip įmonės logotipas ant paprasto rašiklio, priverčia jį jaustis ypatingu ir todėl vertingesniu.
Sutikite, kad dauguma klientų rinksis Snom telefoną, o ne įprastą (kaip ir visi kiti), telefoną, kuris jiems asocijuojasi su kažkuo ypatingu/asmenišku. Esu tikras, kad jei esate telefonijos sprendimų tiekėjas, taip pat sutiktumėte kliento akyse savo įmonę sieti su šio „ypatingo“ tiekėju.
Daugelis žinote, kad Snom gali pasiūlyti labai skirtingus stalinio telefono tinkinimo lygius: nuo labai sudėtingų aparatinės ir programinės įrangos pakeitimų, kuriems reikia sukurti laiko, iki labai paprastų, kurie yra prieinami visiems iš karto ir visiškai nemokamai. Būtent apie pastarąjį šiandien norime jums papasakoti.
Mūsų telefonų meniu programinė įranga sukurta remiantis XML ir leidžia lanksčiai tinkinti šių parametrų vartotojo sąsają (trumpasis sąrašas):
- fono paveikslėlis
- šriftas ir spalva
- piktogramos
- kalba
- skambėjimo tonai
- rakto paskyrimas
- ir daug daugiau
Šioje, 1-oje mūsų straipsnio dalyje, kalbėsime apie tai, kaip galite pakeisti savo Snom telefono išvaizdą. Pakalbėkime apie keletą punktų:
- Keičiantis spalvas
- Šriftų keitimas
- Įkeliamas fono vaizdas
- Temų pavyzdžiai
2 mūsų straipsnio dalyje (netrukus) kalbėsime apie likusias tinkinimo parinktis. Taigi „nepersijunk“.
1. Spalvų schemos keitimas
Pradedant nuo 10 programinės įrangos versijos, telefono spalvų sąsaja gali būti visiškai pakeista spalvų ir skaidrumo požiūriu. Tai leidžia pritaikyti vartotojo sąsają idealiam įskaitomumui, aiškumui, spalvų pasirinkimams ir tolesniems pakeitimams, pvz., įmonės firminiam identitetui.
Kad būtų lengviau suprasti, yra spalvų nustatymų aprašymo schema:
Spalvos koreguojamos naudojant RGB reikšmes
Pavadinimas
Galiojančios vertės
Vertybės pagal
numatytas
aprašymas
pavadinimo juostos_teksto_spalva
4 grupė
skaičiai, kiekvienas >=0 ir <=255.
raudonas, žalia, синий, alfa (alfa reikšmė 255 reiškia visiškai
matomas, o 0 yra visiškai skaidrus).
51 51 51 255
Valdo teksto spalvą ir skaidrumą
pavadinimo eilutė, pvz., „Data“, „Laikas“,
"Vardas" ir kt.
teksto_spalva
51 51 51
255
Valdo spalvą ir skaidrumą
pagrindinį tekstą, pvz., „Meniu“, „Parengties režimas“ ir
visi kiti pagrindiniai teksto ekranai.
potekstės_spalva
123 124 126 255
Valdo spalvą ir skaidrumą
potekstė, pvz., „Meniu“, „Parengties režimas“ ir viskas
kiti potekstės ekranai.
ekstrateksto_spalva
123 124 126
255
Valdo pirmojo spalvą ir skaidrumą
teksto eilutės, rodomos dešinėje meniu pusėje, pvz., skambučių istorija, data ir
laikas.
extratext2_color
123 124 126
255
Valdo antrojo spalvą ir skaidrumą
teksto eilutės, rodomos dešinėje meniu pusėje, pvz., skambučių istorija, data ir
laikas.
pavadinimo juostos_fono_spalva
226 226 226
255
Valdo fono spalvą ir skaidrumą
antraštės eilutės
fono spalva
242 242 242
255
Valdo fono spalvą ir skaidrumą
kiekvienas ekranas.
fkey_background_color
242 242 242
255
Valdo spalvą ir skaidrumą
kontekstinio jautrumo mygtukai.
fkey_pressed_background_color
61 133 198
255
Valdo fono spalvą ir skaidrumą
paspaudus kontekstinio jautrumo klavišus.
fkey_separator_color
182 183 184
255
Valdo spalvą ir skaidrumą
Kontekstui jautrios mygtukų skiriamosios linijos
fkey_label_color
123 124 126
255
Valdo teksto spalvą ir skaidrumą,
naudojami kontekstinio jautrumo mygtukuose
fkey_pressed_label_color
242 242 242
255
Valdo teksto spalvą ir skaidrumą,
Spustelėjus naudojami kontekstinio jautrumo mygtukai
pasirinkta_linijos_fono_spalva
255 255 255
255
Valdo fono spalvą ir skaidrumą
pasirinktą eilutę, pavyzdžiui, meniu arba bet kuriame pasirinktame ekrane
pasirinktos_linijos_indikatoriaus_spalva
61 133 198
255
Valdo spalvą ir skaidrumą
indikatorius, esantis pasirinktos eilutės kairėje, pavyzdžiui, meniu arba bet kuriame ekrane su
pasirinktus elementus
pasirinkta_linijos_teksto_spalva
61 133 198
255
Valdo teksto spalvą ir skaidrumą
pasirinktą eilutę, pavyzdžiui, meniu arba bet kuriame ekrane su pasirinktais elementais.
Taip pat valdo dabartinio simbolio spalvą, kai jis keičiasi
įvairios parinktys įvesties lange
linijos_fono_spalva
242 242 242
0
Valdo fono spalvą ir skaidrumą
kiekvieną meniu ar meniu elemento eilutę arba bet kurį sąrašo elementą.
linijos_skyriklio_spalva
226 226 226
255
Valdo spalvą ir skaidrumą
skiriamoji linija tarp meniu arba meniu elementų ir rodoma tik
kai yra daugiau nei vienas pasirinktas elementas.
slinkties juostos_spalva
182 183 184
255
Valdo juostelės spalvą ir skaidrumą
slinkimas rodomas bet kuriame ekrane.
kursoriaus_spalva
61 133 198
255
Valdo žymeklio spalvą ir skaidrumą,
rodomas ekranuose naudojant įvesties signalą.
status_msgs_background_color
242 242 242
255
Valdo fono spalvą ir skaidrumą
būsenos pranešimai, rodomi laukimo ir skambučių ekranuose. Ši vertė taip pat taikoma fonui
garsumo pokyčiai.
status_msgs_border_color
182 183 184
255
Valdo kraštinės spalvą ir skaidrumą
būsenos pranešimams, rodomiems laukimo ir skambučio ekranuose. Ši vertė taip pat taikoma sienai
garsumo pokyčiai.
smartlabel_background_color
242 242 242
255
Valdo „SmartLabel“ fono spalvą ir skaidrumą.
smartlabel_pressed_background_color
61 133 198
255
Valdo SmartLabel fono spalvą ir skaidrumą, kai paspaudžiamas funkcinis klavišas.
smartlabel_separator_color
182 183 184
255
Valdo linijos spalvą ir skaidrumą
skyriklis tarp kiekvieno SmartLabel funkcijos klavišo.
smartlabel_label_color
123 124 126
255
Valdo teksto spalvą ir skaidrumą,
naudojamas SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Valdo teksto spalvą ir skaidrumą,
naudojamas SmartLabel, kai paspaudžiate funkcinį klavišą.
Dabar, kai žinome, kur ir kas yra, galime pereiti į telefono žiniatinklio sąsają į skyrių Sąranka/nuostatos, tada antrasis skirtukas Išvaizda:
Čia galite pakeisti reikšmes, o jei paspausite ant klaustuko, būsite nukreipti į aprašymo puslapį, kuriame taip pat yra pastaba, kaip nurodyti šią reikšmę, jei konfigūracijai naudojate XML failą. Pavyzdžiui, pirmoje eilutėje „Teksto spalva“:
2. Šriftų keitimas
Visų snom telefonų šriftai yra laisvai tinkinami ir gali būti keičiami naudojant automatinį aprūpinimą. Atminkite, kad jei šiuo metu naudojamas TrueType arba bitmap šriftas pakeičiamas tinkintu, gali atsirasti teksto atvaizdavimo nenuoseklumų, nes vartotojo sąsaja optimizuota vienam konkrečiam TrueType šriftui.
Norėdami pakeisti bet kurį šriftą, turite sukurti tar failą su nauju šriftu, kuris turi būti pavadintas lygiai taip pat, kaip ir senasis šriftas, kuris bus pakeistas.
"tar -cvf fonts.tar fontfile.ttf"
Tada šis tar failas turi būti nurodytas xml faile, kad jis būtų tinkamai įkeltas, kai telefonas paleidžiamas iš naujo.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Daugiau informacijos apie tai, kokie šriftai yra iš anksto įdiegti, rasite mūsų svetainėje.
Tokiu būdu galite atsisiųsti savo šriftą į savo telefoną.
3. Įkelkite fono paveikslėlį
Naudodamiesi pavyzdžiu parodysime, kaip teisingai įkelti foną ir kokie nustatymai yra svarbūs.
Fono paveikslėlį galite įkelti naudodami žiniatinklio sąsają → Nustatymai → Išvaizda:
Šis nustatymas turi būti nustatytas kaip pasiekiamas vaizdo URL. Pakeitus nustatymą, fono vaizdas bus pakeistas.
Arba galite pakeisti šį nustatymą naudodami automatinį aprūpinimą pridėdami žymą su galiojančia reikšme į savo xml failą.
Jei šis parametras tuščias arba vaizdo URL neteisingas, bus naudojamas numatytasis telefono fono vaizdas.
Svarbu,: jei naudojate senesnę programinę įrangą, kuri yra senesnė nei 10.1.33.33 versija, turite nustatyti fono spalvos reikšmę į visiškai skaidrią.
Tai būtina, nes fono paveikslėlis yra sluoksnyje, esančiame žemiau standartinės fono spalvos. Tai galima pasiekti nustačius fono spalvos alfa reikšmę į 0.
Pradedant nuo 10.1.33.33 programinės įrangos versijos, fono spalvos skaidrumas automatiškai prisitaiko prie telefone rodomo fono vaizdo. Tačiau jis nebus visiškai skaidrus. Norėdami pasiekti visišką skaidrumą, sureguliuokite alfa reikšmė vis tiek turėtų būti 0.
Kad fono paveikslėlis būtų rodomas teisingai, turite jį išsaugoti png, jpg, gif, bmp arba tga formatu. Primygtinai rekomenduojame naudoti .png failus ir optimizuoti juos naudojant "
Vaizdo dydis, priklausomai nuo modelio:
Modelis
leidimas
D375/ D385/ D785
X 480 272
D335/ D735/ D765
X 320 240
D717
X 426 240
4. Temos konfigūracijos pavyzdys
1. „Tamsioji tema“:
Vaizdas
<?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. „Spalvota tema“:
Vaizdas
<?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>
Tikimės, kad ši tema padės suprasti rankinio tinkinimo problemą.
Turi būti tęsiama ...
Šaltinis: www.habr.com