Mnohým z nás sa veľmi páči, keď je pre nás niečo vyrobené! Keď cítime určitú „úroveň vlastníctva“, ktorá nám umožňuje vyčnievať z pozadia „šedej hmoty“. Tie isté stoličky, stoly, počítače atď. Všetko je ako všetky ostatné!
Niekedy aj taká maličkosť, akou je logo spoločnosti na obyčajnom pere, pôsobí výnimočne, a teda aj hodnotnejšie.
Súhlaste s tým, že väčšina zákazníkov uprednostní telefón Snom namiesto bežného (ako každý iný), telefónu, ktorý si spája s niečím špeciálnym/osobným. Som si istý, že ak ste poskytovateľom telefonických riešení, súhlasíte aj s tým, aby ste v očiach zákazníka spojili svoju spoločnosť s poskytovateľom tohto „špeciálneho“.
Mnohí z vás vedia, že Snom môže ponúknuť veľmi odlišné úrovne prispôsobenia stolného telefónu: od veľmi zložitých hardvérových a softvérových zmien, ktoré si vyžadujú čas na vývoj, až po veľmi jednoduché, ktoré sú dostupné každému hneď po vybalení, úplne zadarmo. Práve o tom druhom vám dnes chceme povedať.
Firmvér menu našich telefónov je založený na XML a umožňuje flexibilne prispôsobiť používateľské rozhranie nasledujúcich parametrov (krátky zoznam):
- obrázok na pozadí
- písmo a farbu
- ikony
- jazyk
- zvonenia
- priradenie kľúča
- a oveľa viac
V tejto, 1. časti nášho článku, si povieme, ako môžete zmeniť vizuálny vzhľad vášho telefónu Snom. Povedzme si o niekoľkých bodoch:
- Zmena farebnej schémy
- Zmena fontov
- Načítava sa obrázok na pozadí
- Príklady tém
V 2. časti nášho článku (už čoskoro) si povieme o zvyšku možností prispôsobenia. Takže „neprepínajte“.
1. Zmena farebnej schémy
Počnúc verziou firmvéru 10 je možné farebné rozhranie telefónu úplne zmeniť z hľadiska farieb a priehľadnosti. To vám umožní prispôsobiť používateľské rozhranie pre ideálnu čitateľnosť, prehľadnosť, farebné preferencie a ďalšie zmeny, napríklad firemnej identity.
Na uľahčenie pochopenia existuje schéma na popis nastavení farieb:
Farby sa upravujú pomocou hodnôt RGB
Meno
Platné hodnoty
Hodnoty podľa
predvolené
Popis
titlebar_text_color
Skupina 4
čísla, každé >=0 a <=255.
červený, zelená, modrý, alfa (hodnota alfa 255 znamená úplne
viditeľné a 0 je úplne priehľadné).
51 51 51 255
Ovláda farbu a priehľadnosť textu
riadok nadpisu, napríklad „Dátum“, „Čas“,
"Meno" atď.
farba_textu
51 51 51
255
Ovláda farbu a priehľadnosť
text tela, ako napríklad „Menu“, „Pohotovostný režim“ a
všetky ostatné hlavné textové obrazovky.
farba_podtextu
123 124 126 255
Ovláda farbu a priehľadnosť
podtext, napríklad „Menu“, „Pohotovostný režim“ a všetky
ďalšie podtextové obrazovky.
extratext_color
123 124 126
255
Ovláda farbu a priehľadnosť prvého
riadky textu zobrazené na pravej strane ponuky, ako napríklad história hovorov, dátum a
Čas.
extratext2_color
123 124 126
255
Ovláda farbu a priehľadnosť druhého
riadky textu zobrazené na pravej strane ponuky, ako napríklad história hovorov, dátum a
Čas.
titlebar_background_color
226 226 226
255
Ovláda farbu pozadia a priehľadnosť
riadky hlavičky
farba pozadia
242 242 242
255
Ovláda farbu a priehľadnosť pozadia
každú obrazovku.
fkey_background_color
242 242 242
255
Ovláda farbu a priehľadnosť
kontextové tlačidlá.
fkey_pressed_background_color
61 133 198
255
Ovláda farbu pozadia a priehľadnosť
kontextové klávesy pri stlačení.
fkey_separator_color
182 183 184
255
Ovláda farbu a priehľadnosť
Kontextové deliace čiary tlačidiel
fkey_label_color
123 124 126
255
Ovláda farbu a priehľadnosť textu,
používané v kontextovo citlivých tlačidlách
fkey_pressed_label_color
242 242 242
255
Ovláda farbu a priehľadnosť textu,
používa sa v kontextových tlačidlách po kliknutí
vybratá_farba_pozadia_čiary
255 255 255
255
Ovláda farbu pozadia a priehľadnosť
vybranom riadku, napríklad v Menu alebo na ľubovoľnej voliteľnej obrazovke
selected_line_indicator_color
61 133 198
255
Ovláda farbu a priehľadnosť
naľavo od zvoleného riadku, napríklad v Menu alebo na ktorejkoľvek obrazovke s
vybrané prvky
selected_line_text_color
61 133 198
255
Ovláda farbu a priehľadnosť textu
vybranom riadku, napríklad v Menu alebo na akejkoľvek obrazovke s vybranými položkami.
Tiež ovláda farbu aktuálneho symbolu počas jeho cyklovania
rôzne možnosti vo vstupnom okne
line_background_color
242 242 242
0
Ovláda farbu pozadia a priehľadnosť
každý riadok ponuky alebo položky ponuky alebo ľubovoľnej položky zoznamu.
farba_oddeľovača čiar
226 226 226
255
Ovláda farbu a priehľadnosť
deliaca čiara medzi ponukami alebo položkami ponuky a zobrazuje sa len
keď je k dispozícii viac ako jedna vybraná položka.
farba posúvača
182 183 184
255
Ovláda farbu a priehľadnosť pruhu
rolovanie zobrazené na ľubovoľnej obrazovke.
farba_kurzora
61 133 198
255
Ovláda farbu a priehľadnosť kurzora,
zobrazené na obrazovkách pomocou vstupného signálu.
status_msgs_background_color
242 242 242
255
Ovláda farbu pozadia a priehľadnosť
stavové správy, ktoré sa zobrazujú na obrazovke nečinnosti a na obrazovke hovoru. Táto hodnota platí aj pre pozadie
zmeny hlasitosti.
status_msgs_border_color
182 183 184
255
Ovláda farbu a priehľadnosť okraja
pre stavové správy, ktoré sa zobrazujú na obrazovke nečinnosti a na obrazovke hovoru. Táto hodnota platí aj pre hranicu
zmeny hlasitosti.
smartlabel_background_color
242 242 242
255
Ovláda farbu pozadia a priehľadnosť SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Ovláda farbu pozadia a priehľadnosť štítku SmartLabel, keď sa stlačí funkčné tlačidlo.
smartlabel_separator_color
182 183 184
255
Ovláda farbu čiary a priehľadnosť
oddeľovač medzi každým funkčným klávesom SmartLabel.
smartlabel_label_color
123 124 126
255
Ovláda farbu a priehľadnosť textu,
používané v SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Ovláda farbu a priehľadnosť textu,
používa sa v SmartLabel, keď stlačíte funkčný kláves.
Teraz, keď vieme, kde a čo sa nachádza, môžeme prejsť do webového rozhrania telefónu do sekcie Nastavenie/Predvoľby, potom druhá karta Vzhľad:
Tu môžete zmeniť hodnoty a ak kliknete na otáznik, dostanete sa na stránku s popisom, kde je aj poznámka, ako túto hodnotu zadať, ak na konfiguráciu používate XML súbor. Napríklad pre náš prvý riadok „Farba textu“:
2. Zmena fontov
Písma na všetkých telefónoch snom sú voľne prispôsobiteľné a možno ich zmeniť pomocou automatického poskytovania. Upozorňujeme, že ak sa aktuálne používané písmo TrueType alebo bitmapové písmo nahradí vlastným písmom, môžu sa vyskytnúť určité nezrovnalosti vo vykresľovaní textu, pretože používateľské rozhranie je optimalizované pre jedno konkrétne písmo TrueType.
Ak chcete nahradiť ľubovoľné písmo, musíte vytvoriť súbor tar obsahujúci nové písmo, ktoré musí mať rovnaký názov ako staré písmo, ktoré bude nahradené.
"tar -cvf fonts.tar fontfile.ttf"
Na tento súbor tar je potom potrebné odkazovať v súbore xml, aby sa správne načítal pri reštartovaní telefónu.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Viac podrobností o tom, aké písma sú predinštalované, nájdete na našej webovej stránke.
Týmto spôsobom si môžete stiahnuť svoje vlastné písmo do telefónu.
3. Nahrajte obrázok na pozadí
Na príklade si ukážeme, ako správne načítať pozadie a na akých nastaveniach záleží.
Obrázok na pozadí môžete nahrať cez webové rozhranie → predvoľby → Vzhľad:
Toto nastavenie musí byť nastavené na prístupnú adresu URL obrázka. Po zmene nastavenia sa obrázok na pozadí nahradí.
Alebo môžete toto nastavenie zmeniť pomocou automatického poskytovania pridaním značky s platnou hodnotou do súboru xml.
Ak je tento parameter prázdny alebo je adresa URL obrázka nesprávna, použije sa predvolený obrázok na pozadí telefónu.
Je to dôležité,: Ak používate softvér starší ako 10.1.33.33, musíte nastaviť hodnotu farby pozadia na úplne priehľadnú.
Je to potrebné, pretože obrázok na pozadí sa nachádza na vrstve pod štandardnou farbou pozadia. Dá sa to dosiahnuť nastavením hodnoty alfa na 0 pre farbu pozadia.
Počnúc verziou firmvéru 10.1.33.33 sa priehľadnosť farby pozadia automaticky prispôsobuje obrázku pozadia zobrazenému na telefóne. Nebude to však úplne transparentné. Ak chcete dosiahnuť úplnú transparentnosť, upravte by mal mať stále hodnotu alfa 0.
Aby sa obrázok na pozadí zobrazil správne, musíte ho uložiť vo formáte png, jpg, gif, bmp alebo tga. Dôrazne odporúčame používať súbory .png a optimalizovať ich pomocou "
Veľkosť obrázka v závislosti od modelu:
Model
povolenie
D375/ D385/ D785
X 480 272
D335/ D735/ D765
X 320 240
D717
X 426 240
4. Príklad konfigurácie témy
1. "Tmavá téma":
vyzerať
<?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. "Farebná téma":
vyzerať
<?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>
Dúfame, že vám táto téma pomôže pochopiť problém manuálneho prispôsobenia.
Ak sa chcete pokračovať ...
Zdroj: hab.com