Multora dintre noi ne place foarte mult când ceva este făcut pentru noi! Când simțim un anumit „nivel de proprietate”, care ne permite să ieșim în evidență de fundalul „masei cenușii”. Aceleași scaune, mese, computere etc. Totul este ca toți ceilalți!
Uneori, chiar și un lucru atât de mic precum sigla companiei pe un stilou obișnuit îl face să se simtă special și, prin urmare, mai valoros.
Sunteți de acord că majoritatea clienților vor prefera un telefon Snom în loc de unul obișnuit (ca toți ceilalți), un telefon pe care îl asociază cu ceva special/personal. Sunt sigur că, dacă sunteți furnizor de soluții de telefonie, ați fi, de asemenea, de acord să vă asociați compania cu furnizorul acelei „speciale” în ochii clientului.
Mulți dintre voi știți că Snom poate oferi niveluri foarte diferite de personalizare a telefonului desktop: de la modificări foarte complexe de hardware și software, care necesită timp de dezvoltare, până la cele foarte simple, care sunt disponibile pentru toată lumea din cutie, absolut gratuite. Despre aceasta din urmă vrem să vă vorbim astăzi.
Firmware-ul de meniu al telefoanelor noastre este construit pe XML și vă permite să personalizați flexibil interfața de utilizare a următorilor parametri (lista scurtă):
- imagine de fundal
- font și culoare
- icoane
- limbă
- tonuri de apel
- atribuirea tastelor
- și mult mai mult
În aceasta, prima parte a articolului nostru, vom vorbi despre cum puteți schimba aspectul vizual al telefonului dvs. Snom. Să vorbim despre câteva puncte:
- Schimbarea schemei de culori
- Schimbarea fonturilor
- Se încarcă o imagine de fundal
- Exemple de subiecte
În partea 2 a articolului nostru (în curând) vom vorbi despre restul opțiunilor de personalizare. Deci nu „comutați”.
1. Schimbarea schemei de culori
Începând cu versiunea de firmware 10, interfața de culoare a telefonului poate fi complet schimbată în ceea ce privește culoarea și transparența. Acest lucru vă permite să personalizați interfața cu utilizatorul pentru o lizibilitate ideală, claritate, preferințe de culoare și modificări ulterioare, de exemplu, la identitatea corporativă a companiei.
Pentru a fi mai ușor de înțeles, există o schemă pentru descrierea setărilor de culoare:
Culorile sunt ajustate folosind valori RGB
Nume
Valori valide
Valori de către
Mod implicit
descriere
titlebar_text_color
Grupa de 4
numere, fiecare >=0 și <=255.
roșu, verde, albastru, alfa (valoarea alfa 255 înseamnă complet
vizibil, iar 0 este complet transparent).
51 51 51 255
Controlează culoarea și transparența textului în
linia de titlu, de exemplu, „Data”, „Ora”,
„Nume” etc.
culoarea textului
51 51 51
255
Controlează culoarea și transparența
text, cum ar fi „Meniu”, „Modul de așteptare” și
toate celelalte ecrane de text principale.
culoarea_subtext
+123 124 126 255
Controlează culoarea și transparența
subtext, de exemplu, „Meniu”, „Modul de așteptare” și toate
alte ecrane subtext.
extratext_color
123 124 126
255
Controlează culoarea și transparența primului
linii de text afișate în partea dreaptă a meniului, cum ar fi istoricul apelurilor, data și
timp.
extratext2_color
123 124 126
255
Controlează culoarea și transparența secundei
linii de text afișate în partea dreaptă a meniului, cum ar fi istoricul apelurilor, data și
timp.
titlebar_background_color
226 226 226
255
Controlează culoarea de fundal și transparența
linii de antet
culoare de fundal
242 242 242
255
Controlează culoarea și transparența fundalului
fiecare ecran.
fkey_background_color
242 242 242
255
Controlează culoarea și transparența
butoane sensibile la context.
fkey_pressed_background_color
61 133 198
255
Controlează culoarea de fundal și transparența
tastele sensibile la context când sunt apăsate.
fkey_separator_color
182 183 184
255
Controlează culoarea și transparența
Linii de separare a butoanelor sensibile la context
fkey_label_color
123 124 126
255
Controlează culoarea și transparența textului,
utilizate în butoanele sensibile la context
fkey_pressed_label_color
242 242 242
255
Controlează culoarea și transparența textului,
folosit în butoanele sensibile la context când se face clic
culoarea_fondului_liniei_selectate
255 255 255
255
Controlează culoarea de fundal și transparența
linia selectată, de exemplu într-un Meniu sau orice ecran selectabil
culoarea_indicatorului_liniei_selectate
61 133 198
255
Controlează culoarea și transparența
indicator din stânga liniei selectate, de exemplu, în Meniu sau orice ecran cu
elementele selectate
culoarea_textului_liniei_selectate
61 133 198
255
Controlează culoarea și transparența textului în
linia selectată, de exemplu într-un Meniu sau orice ecran cu elementele selectate.
Controlează, de asemenea, culoarea simbolului curent pe măsură ce acesta trece
diferite opțiuni în fereastra de introducere
culoare_de_fond_linie
242 242 242
0
Controlează culoarea de fundal și transparența pentru
fiecare linie din meniu sau element de meniu sau orice element din listă.
culoare_separator_linie
226 226 226
255
Controlează culoarea și transparența
linie de divizare între meniuri sau elemente de meniu și este afișată numai
când sunt disponibile mai multe articole selectate.
scrollbar_color
182 183 184
255
Controlează culoarea și transparența dungii
defilare afișată pe orice ecran.
culoarea_cursorului
61 133 198
255
Controlează culoarea și transparența cursorului,
afișate pe ecrane folosind semnalul de intrare.
status_msgs_background_color
242 242 242
255
Controlează culoarea de fundal și transparența pentru
mesajele de stare care apar pe ecranele inactiv și de apel. Această valoare se aplică și fundalului
modificări de volum.
status_msgs_border_color
182 183 184
255
Controlează culoarea și transparența chenarului
pentru mesajele de stare care apar pe ecranele inactiv și de apel. Această valoare este valabilă și pentru graniță
modificări de volum.
smartlabel_background_color
242 242 242
255
Controlează culoarea de fundal și transparența SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Controlează culoarea de fundal și transparența SmartLabel atunci când este apăsată o tastă funcțională.
culoarea_separatorului_smartlabel
182 183 184
255
Controlează culoarea liniilor și transparența
separator între fiecare tastă funcțională SmartLabel.
smartlabel_label_color
123 124 126
255
Controlează culoarea și transparența textului,
utilizat în SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Controlează culoarea și transparența textului,
utilizat în SmartLabel atunci când apăsați o tastă funcțională.
Acum că știm unde și ce se află, putem merge la interfața web a telefonului la secțiune Configurare / Preferințe, apoi a doua filă Aspect:
Aici puteți modifica valorile, iar dacă faceți clic pe semnul întrebării, veți fi dus la o pagină de descriere, unde există și o notă despre cum să specificați această valoare dacă utilizați un fișier XML pentru configurare. De exemplu, pentru prima noastră linie „Culoare text”:
2. Schimbarea fonturilor
Fonturile de pe toate telefoanele snom sunt personalizabile în mod liber și pot fi modificate utilizând aprovizionarea automată. Vă rugăm să rețineți că, dacă fontul TrueType sau bitmap utilizat în prezent este înlocuit cu unul personalizat, pot exista unele inconsecvențe în redarea textului, deoarece interfața de utilizator este optimizată pentru un anumit font TrueType.
Pentru a înlocui orice font, trebuie să creați un fișier tar care să conțină noul font, care trebuie să fie numit exact la fel ca vechiul font care va fi înlocuit.
„tar -cvf fonts.tar fontfile.ttf”
Acest fișier tar trebuie apoi să fie referit în fișierul xml, astfel încât să se încarce corect când telefonul este repornit.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Mai multe detalii despre ce fonturi sunt preinstalate pot fi găsite pe site-ul nostru.
În acest fel, puteți descărca propriul font pe telefon.
3. Încărcați o imagine de fundal
Folosind un exemplu, vom arăta cum să încărcați corect fundalul și ce setări contează.
Puteți încărca o imagine de fundal prin interfața Web → Preferințe → Aspect:
Această setare trebuie setată la o adresă URL de imagine accesibilă. Odată ce setarea este schimbată, imaginea de fundal va fi înlocuită.
Sau puteți modifica această setare utilizând aprovizionarea automată adăugând eticheta cu o valoare validă în fișierul dvs. xml.
Dacă acest parametru este gol sau adresa URL a imaginii este incorectă, va fi utilizată imaginea de fundal implicită a telefonului.
Este important: Dacă utilizați software înainte de versiunea 10.1.33.33, trebuie să setați valoarea culorii de fundal la complet transparent.
Acest lucru este necesar deoarece imaginea de fundal este situată pe un strat sub culoarea standard de fundal. Acest lucru poate fi realizat prin setarea valorii alfa la 0 pentru culoarea de fundal.
Începând cu versiunea de firmware 10.1.33.33, transparența culorii de fundal se adaptează automat la imaginea de fundal afișată pe telefon. Cu toate acestea, nu va fi complet transparent. Pentru a obține o transparență completă, ajustați ar trebui să aibă în continuare o valoare alfa de 0.
Pentru a afișa corect imaginea de fundal, trebuie să o salvați în format png, jpg, gif, bmp sau tga. Vă recomandăm insistent să utilizați fișiere .png și să le optimizați cu „" pentru a reduce dimensiunea fișierului și a îmbunătăți performanța.
Dimensiunea imaginii in functie de model:
Model
permis
D375/ D385/ D785
480 x 272
D335/ D735/ D765
320 x 240
D717
426 x 240
4. Exemplu de configurare a temei
1. „Temă întunecată”:
Vedea
<?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. „Temă plină de culoare”:
Vedea
<?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>Sperăm că acest subiect vă va ajuta să înțelegeți problema personalizării manuale.
Pentru a fi continuat ...
Sursa: www.habr.com