Mnohým z nás se opravdu líbí, když se pro nás něco vyrábí! Když cítíme určitou „úroveň vlastnictví“, která nám umožňuje vystoupit z pozadí „šedé hmoty“. Stejné židle, stoly, počítače atd. Všechno je jako ostatní!
Někdy i taková maličkost, jako je firemní logo na obyčejném peru, působí zvláštním a tím i cennějším dojmem.
Souhlaste s tím, že většina zákazníků bude preferovat telefon Snom místo běžného (jako každý jiný), telefonu, který si spojí s něčím zvláštním/osobním. Jsem si jist, že pokud jste poskytovatelem telefonních řešení, souhlasíte také se spojením vaší společnosti s poskytovatelem této „speciálky“ v očích zákazníka.
Mnozí z vás vědí, že Snom může nabídnout velmi různé úrovně přizpůsobení stolního telefonu: od velmi složitých hardwarových a softwarových změn, které vyžadují čas na vývoj, až po velmi jednoduché změny, které jsou dostupné všem hned po vybalení, zcela zdarma. Právě o tom druhém vám dnes chceme říct.
Firmware nabídky našich telefonů je postaven na XML a umožňuje flexibilní přizpůsobení uživatelského rozhraní následujících parametrů (krátký seznam):
- obrázek na pozadí
- písmo a barvu
- ikony
- jazyk
- vyzváněcí tóny
- přiřazení klíče
- a mnoho dalšího
V tomto, 1. díle našeho článku, si povíme, jak můžete změnit vizuální vzhled svého telefonu Snom. Promluvme si o několika bodech:
- Měnící se barvy
- Změna fontů
- Načítání obrázku na pozadí
- Příklady témat
V části 2 našeho článku (již brzy) budeme hovořit o zbývajících možnostech přizpůsobení. Takže „nepřepínejte“.
1. Změna barevného schématu
Počínaje verzí firmwaru 10 lze barevné rozhraní telefonu zcela změnit z hlediska barev a průhlednosti. To vám umožní přizpůsobit uživatelské rozhraní pro ideální čitelnost, přehlednost, barevné preference a další změny například firemní identity společnosti.
Pro snazší pochopení je zde schéma pro popis nastavení barev:
Barvy se upravují pomocí hodnot RGB
Jméno
Platné hodnoty
Hodnoty podle
výchozí
popis
barva_textu_titulku
Skupina 4
čísla, každé >=0 a <=255.
červená, zelená, modrý, alfa (hodnota alfa 255 znamená úplně
viditelné a 0 je zcela průhledné).
51 51 51 255
Řídí barvu a průhlednost textu v
titulní řádek, například „Datum“, „Čas“,
"Jméno" atd.
barva_textu
51 51 51
255
Ovládá barvu a průhlednost
hlavní text, jako je „Nabídka“, „Pohotovostní režim“ a
všechny ostatní hlavní textové obrazovky.
barva_podtextu
123 124 126 255
Ovládá barvu a průhlednost
podtext, například „Nabídka“, „Pohotovostní režim“ a další
další podtextové obrazovky.
extratext_color
123 124 126
255
Řídí barvu a průhlednost prvního
řádky textu zobrazené na pravé straně nabídky, jako je historie hovorů, datum a
čas.
extratext2_color
123 124 126
255
Řídí barvu a průhlednost druhého
řádky textu zobrazené na pravé straně nabídky, jako je historie hovorů, datum a
čas.
titlebar_background_color
226 226 226
255
Ovládá barvu pozadí a průhlednost
řádky záhlaví
barva pozadí
242 242 242
255
Ovládá barvu a průhlednost pozadí
každou obrazovku.
fkey_background_color
242 242 242
255
Ovládá barvu a průhlednost
kontextová tlačítka.
fkey_pressed_background_color
61 133 198
255
Ovládá barvu pozadí a průhlednost
při stisknutí kontextové klávesy.
fkey_separator_color
182 183 184
255
Ovládá barvu a průhlednost
Kontextově citlivé tlačítko dělicí čáry
fkey_label_color
123 124 126
255
Ovládá barvu a průhlednost textu,
používá se u kontextově citlivých tlačítek
fkey_pressed_label_color
242 242 242
255
Ovládá barvu a průhlednost textu,
používá se v kontextových tlačítkách při kliknutí
selected_line_background_color
255 255 255
255
Ovládá barvu pozadí a průhlednost
vybraném řádku, například v nabídce nebo na jakékoli volitelné obrazovce
selected_line_indicator_color
61 133 198
255
Ovládá barvu a průhlednost
indikátor nalevo od vybraného řádku, například v Menu nebo na jakékoli obrazovce s
vybrané prvky
selected_line_text_color
61 133 198
255
Řídí barvu a průhlednost textu v
na vybraném řádku, například v Menu nebo jakékoli obrazovce s vybranými položkami.
Také řídí barvu aktuálního symbolu při jeho procházení
různé možnosti ve vstupním okně
line_background_color
242 242 242
0
Řídí barvu pozadí a průhlednost pro
každý řádek nabídky nebo položky nabídky nebo jakékoli položky seznamu.
barva_oddělovače_řádků
226 226 226
255
Ovládá barvu a průhlednost
dělicí čára mezi nabídkami nebo položkami nabídky a zobrazí se pouze
když je k dispozici více než jedna vybraná položka.
barva posuvníku
182 183 184
255
Řídí barvu a průhlednost pruhu
rolování zobrazené na libovolné obrazovce.
barva_kurzoru
61 133 198
255
Ovládá barvu a průhlednost kurzoru,
zobrazené na obrazovkách pomocí vstupního signálu.
status_msgs_background_color
242 242 242
255
Řídí barvu pozadí a průhlednost pro
stavové zprávy, které se zobrazují na obrazovce nečinnosti a na obrazovce volání. Tato hodnota platí také pro pozadí
změny hlasitosti.
status_msgs_border_color
182 183 184
255
Řídí barvu a průhlednost ohraničení
pro stavové zprávy, které se zobrazují na obrazovce nečinnosti a na obrazovce volání. Tato hodnota platí i pro ohraničení
změny hlasitosti.
smartlabel_background_color
242 242 242
255
Řídí barvu pozadí a průhlednost SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Ovládá barvu pozadí a průhlednost štítku SmartLabel při stisknutí funkční klávesy.
smartlabel_separator_color
182 183 184
255
Ovládá barvu čáry a průhlednost
oddělovač mezi každou funkční klávesou SmartLabel.
smartlabel_label_color
123 124 126
255
Ovládá barvu a průhlednost textu,
používané v SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Ovládá barvu a průhlednost textu,
používá se v SmartLabel, když stisknete funkční klávesu.
Nyní, když víme, kde a co se nachází, můžeme přejít do webového rozhraní telefonu do sekce Nastavení/Předvolby, pak druhá záložka Vzhled:
Zde můžete hodnoty změnit a pokud kliknete na otazník, dostanete se na stránku s popisem, kde je i poznámka, jak tuto hodnotu zadat, pokud pro konfiguraci používáte XML soubor. Například pro náš první řádek „Barva textu“:
2. Změna fontů
Písma na všech telefonech snom jsou volně přizpůsobitelná a lze je měnit pomocí autoprovisioningu. Uvědomte si prosím, že pokud je aktuálně používané písmo TrueType nebo bitmapové písmo nahrazeno vlastním písmem, mohou při vykreslování textu nastat určité nesrovnalosti, protože uživatelské rozhraní je optimalizováno pro jedno konkrétní písmo TrueType.
Chcete-li nahradit jakékoli písmo, musíte vytvořit soubor tar obsahující nové písmo, které se musí jmenovat přesně stejně jako staré písmo, které bude nahrazeno.
"tar -cvf fonts.tar fontfile.ttf"
Na tento soubor tar je pak třeba odkazovat v souboru xml, aby se správně načetl při restartu telefonu.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Další podrobnosti o tom, která písma jsou předinstalovaná, naleznete na našich webových stránkách.
Tímto způsobem si můžete do telefonu stáhnout vlastní písmo.
3. Nahrajte obrázek na pozadí
Na příkladu si ukážeme, jak správně načíst pozadí a na jakém nastavení záleží.
Obrázek na pozadí můžete nahrát přes webové rozhraní → Nastavení → Vzhled:
Toto nastavení musí být nastaveno na přístupnou adresu URL obrázku. Po změně nastavení bude obrázek na pozadí nahrazen.
Nebo můžete toto nastavení změnit pomocí automatického zajišťování přidáním značky s platnou hodnotou do vašeho xml souboru.
Pokud je tento parametr prázdný nebo je adresa URL obrázku nesprávná, použije se výchozí obrázek na pozadí telefonu.
Je to důležité,: Pokud používáte software starší než 10.1.33.33, musíte nastavit hodnotu barvy pozadí na plně průhlednou.
To je nutné, protože obrázek na pozadí je umístěn ve vrstvě pod standardní barvou pozadí. Toho lze dosáhnout nastavením hodnoty alfa na 0 pro barvu pozadí.
Počínaje verzí firmwaru 10.1.33.33 se průhlednost barvy pozadí automaticky přizpůsobuje obrázku pozadí zobrazenému na telefonu. Nebude však zcela transparentní. Chcete-li dosáhnout úplné průhlednosti, upravte by měl mít stále hodnotu alfa 0.
Pro správné zobrazení obrázku na pozadí jej musíte uložit ve formátu png, jpg, gif, bmp nebo tga. Důrazně doporučujeme používat soubory .png a optimalizovat je pomocí "
Velikost obrázku v závislosti na modelu:
model
povolení
D375/ D385/ D785
480 x 272
D335/ D735/ D765
320 x 240
D717
426 x 240
4. Příklad konfigurace motivu
1. "Temný motiv":
Vidět
<?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. "Barevné téma":
Vidět
<?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>
Doufáme, že vám toto téma pomůže pochopit problém ručního přizpůsobení.
Chcete-li se pokračovat ...
Zdroj: www.habr.com