A molts de nosaltres ens agrada molt quan es fa alguna cosa per a nosaltres! Quan sentim un cert “nivell de propietat”, que ens permet destacar del fons de la “massa grisa”. Les mateixes cadires, taules, ordinadors, etc. Tot és com tots!
De vegades, fins i tot una cosa tan petita com el logotip d'una empresa en un bolígraf normal el fa sentir especial i, per tant, més valuós.
Accepteu que la majoria dels clients preferiran un telèfon Snom en lloc d'un de normal (com tothom), un telèfon que associen amb alguna cosa especial/personal. Estic segur que si sou un proveïdor de solucions de telefonia, també acceptareu associar la vostra empresa amb el proveïdor d'aquest "especial" als ulls del client.
Molts de vosaltres sabeu que Snom pot oferir nivells molt diferents de personalització del telèfon d'escriptori: des de canvis de maquinari i programari molt complexos que requereixen temps de desenvolupament, fins a d'altres de molt senzills que estan disponibles per a tothom de manera totalment gratuïta. Aquest últim és el que us volem parlar avui.
El firmware del menú dels nostres telèfons està basat en XML i us permet personalitzar de manera flexible la interfície d'usuari dels paràmetres següents (llista curta):
- imatge de fons
- lletra i color
- icones
- idioma
- tons de trucada
- assignació de claus
- i molt més
En aquesta, la primera part del nostre article, parlarem de com podeu canviar l'aspecte visual del vostre telèfon Snom. Parlem d'uns quants punts:
- Canviar l'esquema de colors
- Canvi de tipus de lletra
- S'està carregant una imatge de fons
- Exemples de temes
A la part 2 del nostre article (pròximament) parlarem de la resta d'opcions de personalització. Així que no "canviïs".
1. Canviar l'esquema de colors
A partir de la versió 10 del firmware, la interfície de color del telèfon es pot canviar completament en termes de color i transparència. Això us permet personalitzar la interfície d'usuari per obtenir una llegibilitat ideal, claredat, preferències de color i canvis addicionals, per exemple, a la identitat corporativa de l'empresa.
Per facilitar-ne la comprensió, hi ha un esquema per descriure la configuració del color:
Els colors s'ajusten mitjançant valors RGB
Nom
Valors vàlids
Valors per
per defecte
Descripció
titlebar_text_color
Grup de 4
nombres, cadascun >=0 i <=255.
vermell, verd, blau, alfa (el valor alfa 255 significa completament
visible i 0 és completament transparent).
51 51 51 255
Controla el color i la transparència del text
línia de títol, per exemple, "Data", "Hora",
"Nom", etc.
color_text
51 51 51
255
Controla el color i la transparència
text del cos com ara "Menú", "Mode d'espera" i
totes les altres pantalles de text principals.
subtext_color
123 124 126 255
Controla el color i la transparència
subtext, per exemple, "Menú", "Mode d'espera" i tot
altres pantalles de subtext.
color_extratext
123 124 126
255
Controla el color i la transparència del primer
línies de text que es mostren a la part dreta del menú, com ara l'historial de trucades, la data i
temps
extratext2_color
123 124 126
255
Controla el color i la transparència del segon
línies de text que es mostren a la part dreta del menú, com ara l'historial de trucades, la data i
temps
titlebar_background_color
226 226 226
255
Controla el color de fons i la transparència
línies de capçalera
color de fons
242 242 242
255
Controla el color i la transparència del fons activat
cada pantalla.
fkey_background_color
242 242 242
255
Controla el color i la transparència
botons sensibles al context.
fkey_pressed_background_color
61 133 198
255
Controla el color de fons i la transparència
tecles sensibles al context quan es prem.
fkey_separator_color
182 183 184
255
Controla el color i la transparència
Línies divisòries de botons sensibles al context
fkey_label_color
123 124 126
255
Controla el color i la transparència del text,
utilitzat en botons sensibles al context
fkey_pressed_label_color
242 242 242
255
Controla el color i la transparència del text,
s'utilitza en botons sensibles al context quan es fa clic
color_de_fond_de_línia_seleccionada
255 255 255
255
Controla el color de fons i la transparència
línia seleccionada, per exemple en un menú o en qualsevol pantalla seleccionable
color_indicador_de_línia_seleccionada
61 133 198
255
Controla el color i la transparència
indicador a l'esquerra de la línia seleccionada, per exemple, al menú o qualsevol pantalla amb
elements seleccionats
color_de_text_de_línia_seleccionada
61 133 198
255
Controla el color i la transparència del text
línia seleccionada, per exemple en un menú o qualsevol pantalla amb elements seleccionats.
També controla el color del símbol actual a mesura que es mou
diverses opcions a la finestra d'entrada
línia_color_de_fons
242 242 242
0
Controla el color de fons i la transparència
cada línia del menú o element de menú, o qualsevol element de la llista.
color_separador_de_línees
226 226 226
255
Controla el color i la transparència
línia divisòria entre menús o elements de menú i només es mostra
quan hi hagi més d'un element seleccionat disponible.
color_barra de desplaçament
182 183 184
255
Controla el color i la transparència de la franja
desplaçament que es mostra a qualsevol pantalla.
cursor_color
61 133 198
255
Controla el color i la transparència del cursor,
es mostra a les pantalles mitjançant el senyal d'entrada.
status_msgs_background_color
242 242 242
255
Controla el color de fons i la transparència
missatges d'estat que apareixen a les pantalles d'inactivitat i de trucada. Aquest valor també s'aplica al fons
canvis de volum.
status_msgs_border_color
182 183 184
255
Controla el color i la transparència de la vora
per als missatges d'estat que apareixen a les pantalles d'inactivitat i de trucada. Aquest valor també s'aplica a la vora
canvis de volum.
smartlabel_color_de_fons
242 242 242
255
Controla el color de fons i la transparència de la SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Controla el color de fons i la transparència de la SmartLabel quan es prem una tecla de funció.
smartlabel_separator_color
182 183 184
255
Controla el color de la línia i la transparència
separador entre cada tecla de funció SmartLabel.
smartlabel_label_color
123 124 126
255
Controla el color i la transparència del text,
utilitzat a SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Controla el color i la transparència del text,
s'utilitza a SmartLabel quan premeu una tecla de funció.
Ara que sabem on i què es troba, podem anar a la interfície web del telèfon a la secció Configuració / Preferències, després la segona pestanya Canals:
Aquí podeu canviar els valors, i si feu clic al signe d'interrogació, se us dirigirà a una pàgina de descripció, on també hi ha una nota sobre com especificar aquest valor si utilitzeu un fitxer XML per a la configuració. Per exemple, per a la nostra primera línia "Color del text":
2. Canvi de tipus de lletra
Els tipus de lletra de tots els telèfons snom es poden personalitzar lliurement i es poden canviar mitjançant l'aprovisionament automàtic. Tingueu en compte que si el tipus de lletra TrueType o de mapa de bits que s'utilitza actualment es substitueix per un de personalitzat, pot haver-hi algunes incoherències en la representació del text perquè la interfície d'usuari està optimitzada per a un tipus de lletra TrueType específic.
Per substituir qualsevol tipus de lletra, heu de crear un fitxer tar que contingui el tipus de lletra nou, que s'ha de denominar exactament igual que el tipus de lletra antic que es substituirà.
"tar -cvf fonts.tar fontfile.ttf"
Aleshores, cal fer referència a aquest fitxer tar al fitxer xml perquè es carregui correctament quan es reiniciï el telèfon.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Podeu trobar més detalls sobre quins tipus de lletra estan preinstal·lats al nostre lloc web.
D'aquesta manera, podeu descarregar el vostre propi tipus de lletra al vostre telèfon.
3. Carregueu una imatge de fons
Amb un exemple, mostrarem com carregar el fons correctament i quins paràmetres són importants.
Podeu carregar una imatge de fons mitjançant la interfície web → Preferències → Canals:
Aquesta configuració s'ha d'establir en un URL d'imatge accessible. Un cop canviat la configuració, es substituirà la imatge de fons.
O podeu canviar aquesta configuració mitjançant l'aprovisionament automàtic afegint l'etiqueta amb un valor vàlid al fitxer xml.
Si aquest paràmetre està buit o l'URL de la imatge és incorrecte, s'utilitzarà la imatge de fons predeterminada del telèfon.
És important: Si utilitzeu programari anterior a la versió 10.1.33.33, heu d'establir el valor del color de fons com a totalment transparent.
Això és necessari perquè la imatge de fons es troba en una capa per sota del color de fons estàndard. Això es pot aconseguir establint el valor alfa a 0 per al color de fons.
A partir de la versió de firmware 10.1.33.33, la transparència del color de fons s'adapta automàticament a la imatge de fons que es mostra al telèfon. Tanmateix, no serà completament transparent. Per aconseguir una transparència total, ajusta encara hauria de tenir un valor alfa de 0.
Per mostrar correctament la imatge de fons, cal desar-la en format png, jpg, gif, bmp o tga. Recomanem fermament utilitzar fitxers .png i optimitzar-los amb "" per reduir la mida del fitxer i millorar el rendiment.
Mida de la imatge segons model:
Model
permís
D375/ D385/ D785
480 272 x
D335/ D735/ D765
320 240 x
D717
426 240 x
4. Exemple de configuració del tema
1. "Tema fosc":
mirar
<?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 de colors":
mirar
<?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>Esperem que aquest tema us ajudi a entendre el problema de la personalització manual.
Continuar ...
Font: www.habr.com