Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Mange af os kan rigtig godt lide, når der bliver lavet noget til os! Når vi føler et vist "ejerskabsniveau", som giver os mulighed for at skille os ud fra baggrunden af ​​den "grå masse". De samme stole, borde, computere mv. Alt er som alle andre!

Nogle gange får selv en så lille ting som et firmalogo på en almindelig kuglepen den til at føles speciel og derfor mere værdifuld.

Enig i at de fleste kunder vil foretrække en Snom telefon i stedet for en almindelig (som alle andre), en telefon som de forbinder med noget særligt/personligt. Jeg er sikker på, at hvis du er en udbyder af telefoniløsninger, vil du også acceptere at knytte din virksomhed til udbyderen af ​​denne "særlige" i kundens øjne.

Mange af jer ved, at Snom kan tilbyde meget forskellige niveauer af desktoptelefontilpasning: fra meget komplekse hardware- og softwareændringer, der kræver udviklingstid, til meget enkle, der er tilgængelige for alle lige uden for boksen, helt gratis. Det er sidstnævnte, vi vil fortælle om i dag.

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Menu-firmwaren på vores telefoner er bygget på XML og giver dig mulighed for fleksibelt at tilpasse brugergrænsefladen af ​​følgende parametre (kort liste):

  • baggrundsbillede
  • skrifttype og farve
  • ikoner
  • sprog
  • ringetoner
  • nøgle tildeling
  • og meget mere

I denne, 1. del af vores artikel, vil vi tale om, hvordan du kan ændre det visuelle udseende af din Snom-telefon. Lad os tale om et par punkter:

  1. Skiftende farver
  2. Ændring af skrifttyper
  3. Indlæser et baggrundsbillede
  4. Emneeksempler

I del 2 af vores artikel (kommer snart) vil vi tale om resten af ​​tilpasningsmulighederne. Så lad være med at "skifte".

1. Ændring af farveskemaet

Fra og med firmwareversion 10 kan telefonens farvegrænseflade ændres fuldstændigt med hensyn til farve og gennemsigtighed. Dette giver dig mulighed for at tilpasse brugergrænsefladen til ideel læsbarhed, klarhed, farvepræferencer og yderligere ændringer, for eksempel af virksomhedens virksomhedsidentitet.

For at gøre det lettere at forstå, er der et skema til beskrivelse af farveindstillinger:

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Farver justeres ved hjælp af RGB-værdier

Navn

Gyldige værdier

Værdier af
Standard

beskrivelse

titellinje_tekstfarve

Gruppe på 4
tal, hver >=0 og <=255.

rød, grøn, blå, alfa (alfaværdi 255 betyder fuldstændigt
synlig, og 0 er fuldstændig gennemsigtig).

51 51 51 255

Styrer farven og gennemsigtigheden af ​​tekst i
titellinje, for eksempel "Dato", "Tid",
"Navn" osv.

tekst_farve

51 51 51
255

Styrer farve og gennemsigtighed
brødtekst såsom "Menu", "Standbytilstand" og
alle andre hovedtekstskærme.

undertekst_farve

123 124 126 255

Styrer farve og gennemsigtighed
undertekst, for eksempel "Menu", "Standbytilstand" og alt
andre undertekstskærme.

ekstratekst_farve

123 124 126
255

Styrer farven og gennemsigtigheden af ​​den første
tekstlinjer vist i højre side af menuen, såsom opkaldshistorik, dato og
tid.

ekstratekst2_farve

123 124 126
255

Styrer farven og gennemsigtigheden af ​​den anden
tekstlinjer vist i højre side af menuen, såsom opkaldshistorik, dato og
tid.

titellinje_baggrundsfarve

226 226 226
255

Styrer baggrundsfarve og gennemsigtighed
overskriftslinjer

baggrundsfarve

242 242 242
255

Styrer farven og gennemsigtigheden af ​​baggrunden på
hver skærm.

fkey_baggrundsfarve

242 242 242
255

Styrer farve og gennemsigtighed
kontekstafhængige knapper.

fkey_pressed_background_color

61 133 198
255

Styrer baggrundsfarve og gennemsigtighed
kontekstafhængige taster, når de trykkes ned.

fkey_separator_color

182 183 184
255

Styrer farve og gennemsigtighed
Kontekstfølsomme knapskillelinjer

fkey_label_color

123 124 126
255

Styrer farven og gennemsigtigheden af ​​tekst,
bruges i kontekstfølsomme knapper

fkey_pressed_label_color

242 242 242
255

Styrer farven og gennemsigtigheden af ​​tekst,
bruges i kontekstfølsomme knapper, når der klikkes på dem

valgt_linje_baggrundsfarve

255 255 255
255

Styrer baggrundsfarve og gennemsigtighed
valgt linje, for eksempel i en menu eller en hvilken som helst valgbar skærm

valgt_linjeindikator_farve

61 133 198
255

Styrer farve og gennemsigtighed
indikator til venstre for den valgte linje, for eksempel i menuen eller en hvilken som helst skærm med
udvalgte elementer

valgt_linjetekst_farve

61 133 198
255

Styrer farven og gennemsigtigheden af ​​tekst i
valgt linje, for eksempel i en menu eller en hvilken som helst skærm med valgte elementer.
Styrer også farven på det aktuelle symbol, når det går igennem
forskellige muligheder i inputvinduet

linje_baggrundsfarve

242 242 242
0

Styrer baggrundsfarven og gennemsigtigheden for
hver linje i menuen eller menupunktet eller et hvilket som helst listepunkt.

linje_separator_farve

226 226 226
255

Styrer farve og gennemsigtighed
skillelinje mellem menuer eller menupunkter og vises kun
når mere end ét valgt element er tilgængeligt.

rullebjælke_farve

182 183 184
255

Styrer farven og gennemsigtigheden af ​​striben
rulning vist på enhver skærm.

cursor_color

61 133 198
255

Styrer farven og gennemsigtigheden af ​​markøren,
vises på skærme ved hjælp af indgangssignalet.

status_msgs_background_color

242 242 242
255

Styrer baggrundsfarven og gennemsigtigheden for
statusmeddelelser, der vises på inaktive og opkaldsskærme. Denne værdi gælder også for baggrunden
volumen ændringer.

status_msgs_border_color

182 183 184
255

Styrer farven og gennemsigtigheden af ​​rammen
for statusmeddelelser, der vises på standby- og opkaldsskærmene. Denne værdi gælder også for grænsen
volumen ændringer.

smartlabel_baggrundsfarve

242 242 242
255

Styrer baggrundsfarven og gennemsigtigheden af ​​SmartLabel.

smartlabel_pressed_background_color

61 133 198
255

Styrer baggrundsfarven og gennemsigtigheden af ​​SmartLabel, når der trykkes på en funktionstast.

smartlabel_separator_color

182 183 184
255

Styrer linjefarve og gennemsigtighed
separator mellem hver SmartLabel funktionstast.

smartlabel_label_color

123 124 126
255

Styrer farven og gennemsigtigheden af ​​tekst,
bruges i SmartLabel.

smartlabel_pressed_label_color

242 242 242
255

Styrer farven og gennemsigtigheden af ​​tekst,
bruges i SmartLabel, når du trykker på en funktionstast.

Nu hvor vi ved, hvor og hvad der er placeret, kan vi gå til telefonens webgrænseflade til sektionen Opsætning/præferencer, derefter den anden fane Udseende:

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Her kan du ændre værdierne, og hvis du klikker på spørgsmålstegnet, kommer du til en beskrivelsesside, hvor der også er en note om, hvordan du angiver denne værdi, hvis du bruger en XML-fil til konfigurationen. For eksempel for vores første linje "Tekstfarve":

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

2. Ændring af skrifttyper

Skrifttyper på alle snom-telefoner kan frit tilpasses og kan ændres ved hjælp af autoprovisioning. Vær opmærksom på, at hvis den aktuelt brugte TrueType- eller bitmapskrifttype udskiftes med en brugerdefineret, kan der være nogle uoverensstemmelser i tekstgengivelsen, fordi brugergrænsefladen er optimeret til én specifik TrueType-skrifttype.

For at erstatte en skrifttype skal du oprette en tar-fil, der indeholder den nye skrifttype, som skal have nøjagtig det samme navn som den gamle skrifttype, der skal erstattes.

"tar -cvf fonts.tar fontfile.ttf"

Denne tar-fil skal derefter refereres i xml-filen, så den indlæses korrekt, når telefonen genstartes.

<?xml version="1.0" encoding="utf-8" ?>

<settings>

 <uploads>

  <file url="http://192.168.23.54:8080/fonts.tar" type="font" />

 </uploads>

</settings>

Flere detaljer om, hvilke skrifttyper der er forudinstalleret, kan findes på vores hjemmeside. wiki
På denne måde kan du downloade din egen skrifttype til din telefon.

3. Upload et baggrundsbillede

Ved hjælp af et eksempel vil vi vise, hvordan man indlæser baggrunden korrekt, og hvilke indstillinger der betyder noget.

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Du kan uploade et baggrundsbillede via webgrænsefladen → Indstillinger Udseende:

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Denne indstilling skal indstilles til en tilgængelig billed-URL. Når indstillingen er ændret, vil baggrundsbilledet blive erstattet.

Eller du kan ændre denne indstilling ved hjælp af autoprovisioning ved at tilføje tagget med en gyldig værdi i din xml-fil.

Hvis denne parameter er tom, eller billed-URL'en er forkert, bruges telefonens standardbaggrundsbillede.

Det er vigtigt: Hvis du bruger software før version 10.1.33.33, skal du indstille baggrundsfarveværdien til fuldt gennemsigtig.

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Dette er nødvendigt, fordi baggrundsbilledet er placeret på et lag under standard baggrundsfarven. Dette kan opnås ved at sætte alfaværdien til 0 for baggrundsfarven.

Fra og med firmwareversion 10.1.33.33 tilpasser baggrundsfarven sig automatisk til det baggrundsbillede, der vises på telefonen. Det bliver dog ikke helt gennemsigtigt. Juster for at opnå fuldstændig gennemsigtighed skal stadig have en alfaværdi på 0.

For at vise baggrundsbilledet korrekt skal du gemme det i png-, jpg-, gif-, bmp- eller tga-format. Vi anbefaler kraftigt at bruge .png-filer og optimere dem med "valg" for at reducere filstørrelsen og forbedre ydeevnen.

Billedstørrelse afhængig af model:

Model
tilladelse

D375/ D385/ D785
X 480 272

D335/ D735/ D765
X 320 240

D717
X 426 240

4. Eksempel på temakonfiguration

1. "Mørkt tema":

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Se

<?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. "Farverigt tema":

Gør det selv, eller hvordan du tilpasser din Snom-telefon. Del 1 farver, skrifttype, baggrund

Se

<?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>

Vi håber, at dette emne vil hjælpe dig med at forstå spørgsmålet om manuel tilpasning.

Fortsættes ...

Kilde: www.habr.com

Tilføj en kommentar