Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Mange av oss liker veldig godt når noe er laget for oss! Når vi føler et visst "eierskapsnivå", som lar oss skille oss ut fra bakgrunnen til den "grå massen". De samme stolene, bordene, datamaskinene osv. Alt er som alle andre!

Noen ganger gjør selv en så liten ting som en firmalogo på en vanlig penn at den føles spesiell og derfor mer verdifull.

Enig i at de fleste kunder vil foretrekke en Snom-telefon i stedet for en vanlig (som alle andre), en telefon som de forbinder med noe spesielt/personlig. Jeg er sikker på at hvis du er en leverandør av telefoniløsninger, vil du også godta å knytte selskapet ditt til leverandøren av den "spesielle" i kundens øyne.

Mange av dere vet at Snom kan tilby svært forskjellige nivåer av stasjonær telefontilpasning: fra svært komplekse maskinvare- og programvareendringer som krever utviklingstid, til veldig enkle endringer som er tilgjengelige for alle rett ut av esken, helt gratis. Det er sistnevnte vi ønsker å fortelle om i dag.

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Menyfastvaren til telefonene våre er bygget på XML og lar deg fleksibelt tilpasse brukergrensesnittet for følgende parametere (kortliste):

  • bakgrunnsbilde
  • font og farge
  • ikoner
  • språk
  • ringetoner
  • nøkkeloppdrag
  • og mye mer

I denne, den første delen av artikkelen vår, vil vi snakke om hvordan du kan endre det visuelle utseendet til din Snom-telefon. La oss snakke om noen punkter:

  1. Skiftende farger
  2. Endre fonter
  3. Laster inn et bakgrunnsbilde
  4. Eksempler på emner

I del 2 av artikkelen vår (kommer snart) vil vi snakke om resten av tilpasningsalternativene. Så ikke "bytt".

1. Endre fargeskjemaet

Fra og med fastvareversjon 10 kan telefonens fargegrensesnitt endres fullstendig når det gjelder farge og gjennomsiktighet. Dette lar deg tilpasse brukergrensesnittet for ideell lesbarhet, klarhet, fargepreferanser og ytterligere endringer, for eksempel av selskapets bedriftsidentitet.

For å gjøre det lettere å forstå, er det et skjema for å beskrive fargeinnstillinger:

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Farger justeres ved hjelp av RGB-verdier

Navn

Gyldige verdier

Verdier etter
misligholde

beskrivelse

tittellinje_tekstfarge

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

rød, grønn, blå, alfa (alfaverdi 255 betyr fullstendig
synlig, og 0 er helt gjennomsiktig).

51 51 51 255

Styrer fargen og gjennomsiktigheten til tekst i
tittellinje, for eksempel "Dato", "Tid",
"navn" osv.

tekst_farge

+51 51 51 XNUMX
255

Kontrollerer farge og gjennomsiktighet
brødtekst som "Meny", "Standby-modus" og
alle andre hovedtekstskjermer.

undertekst_farge

123 124 126 255

Kontrollerer farge og gjennomsiktighet
undertekst, for eksempel "Meny", "Standby-modus" og alt
andre undertekstskjermer.

ekstratekst_farge

+123 124 126 XNUMX
255

Styrer fargen og gjennomsiktigheten til den første
tekstlinjer som vises på høyre side av menyen, for eksempel anropshistorikk, dato og
tid.

ekstratekst2_farge

+123 124 126 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til den andre
tekstlinjer som vises på høyre side av menyen, for eksempel anropshistorikk, dato og
tid.

tittellinje_bakgrunnsfarge

+226 226 226 XNUMX
255

Kontrollerer bakgrunnsfarge og gjennomsiktighet
overskriftslinjer

bakgrunnsfarge

+242 242 242 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten av bakgrunnen på
hver skjerm.

fkey_background_color

+242 242 242 XNUMX
255

Kontrollerer farge og gjennomsiktighet
kontekstsensitive knapper.

fkey_pressed_background_color

+61 133 198 XNUMX
255

Kontrollerer bakgrunnsfarge og gjennomsiktighet
kontekstsensitive taster når de trykkes.

fkey_separator_color

+182 183 184 XNUMX
255

Kontrollerer farge og gjennomsiktighet
Kontekstsensitive knappeskillelinjer

fkey_label_color

+123 124 126 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til tekst,
brukes i kontekstsensitive knapper

fkey_pressed_label_color

+242 242 242 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til tekst,
brukes i kontekstsensitive knapper når de klikkes

valgt_linjebakgrunnsfarge

+255 255 255 XNUMX
255

Kontrollerer bakgrunnsfarge og gjennomsiktighet
valgt linje, for eksempel i en meny eller en valgbar skjerm

valgt_linjeindikator_farge

+61 133 198 XNUMX
255

Kontrollerer farge og gjennomsiktighet
indikator til venstre for den valgte linjen, for eksempel i menyen eller en hvilken som helst skjerm med
utvalgte elementer

valgt_linjetekst_farge

+61 133 198 XNUMX
255

Styrer fargen og gjennomsiktigheten til tekst i
valgt linje, for eksempel i en meny eller en hvilken som helst skjerm med valgte elementer.
Styrer også fargen på det gjeldende symbolet når det går gjennom
ulike alternativer i inndatavinduet

linje_bakgrunnsfarge

+242 242 242 XNUMX
0

Styrer bakgrunnsfargen og gjennomsiktigheten for
hver linje i menyen eller menyelementet, eller et hvilket som helst listeelement.

linje_separator_farge

+226 226 226 XNUMX
255

Kontrollerer farge og gjennomsiktighet
skillelinje mellom menyer eller menyelementer og vises kun
når mer enn ett valgt element er tilgjengelig.

rullefelt_farge

+182 183 184 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til stripen
rulling vises på hvilken som helst skjerm.

cursor_color

+61 133 198 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til markøren,
vises på skjermer ved hjelp av inngangssignalet.

status_msgs_background_color

+242 242 242 XNUMX
255

Styrer bakgrunnsfargen og gjennomsiktigheten for
statusmeldinger som vises på hvile- og anropsskjermen. Denne verdien gjelder også for bakgrunnen
volumendringer.

status_msgs_border_color

+182 183 184 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til kanten
for statusmeldinger som vises på hvile- og anropsskjermen. Denne verdien gjelder også for grensen
volumendringer.

smartlabel_background_color

+242 242 242 XNUMX
255

Kontrollerer bakgrunnsfargen og gjennomsiktigheten til SmartLabel.

smartlabel_pressed_background_color

+61 133 198 XNUMX
255

Styrer bakgrunnsfargen og gjennomsiktigheten til SmartLabel når en funksjonstast trykkes.

smartlabel_separator_color

+182 183 184 XNUMX
255

Kontrollerer linjefarge og gjennomsiktighet
skilletegn mellom hver SmartLabel-funksjonstast.

smartlabel_label_color

+123 124 126 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til tekst,
brukt i SmartLabel.

smartlabel_pressed_label_color

+242 242 242 XNUMX
255

Kontrollerer fargen og gjennomsiktigheten til tekst,
brukes i SmartLabel når du trykker på en funksjonstast.

Nå som vi vet hvor og hva som ligger, kan vi gå til telefonens nettgrensesnitt til seksjonen Oppsett/preferanser, deretter den andre fanen Utseende:

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Her kan du endre verdiene, og klikker du på spørsmålstegnet kommer du til en beskrivelsesside, hvor det også er en merknad om hvordan du spesifiserer denne verdien dersom du bruker en XML-fil for konfigurasjonen. For eksempel, for vår første linje "Tekstfarge":

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

2. Endre fonter

Fonter på alle snom-telefoner er fritt tilpassbare og kan endres ved hjelp av autoprovisioning. Vær oppmerksom på at hvis den nåværende brukte TrueType- eller punktgrafikkskriften erstattes med en egendefinert, kan det være noen inkonsekvenser i tekstgjengivelsen fordi brukergrensesnittet er optimalisert for én spesifikk TrueType-skrift.

For å erstatte en hvilken som helst skrift, må du lage en tar-fil som inneholder den nye skriften, som må ha nøyaktig samme navn som den gamle skriften som skal erstattes.

"tar -cvf fonts.tar fontfile.ttf"

Denne tar-filen må deretter refereres til i xml-filen slik at den lastes inn riktig når telefonen startes på nytt.

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

<settings>

 <uploads>

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

 </uploads>

</settings>

Mer informasjon om hvilke fonter som er forhåndsinstallert finner du på nettsiden vår. wiki
På denne måten kan du laste ned din egen font til telefonen.

3. Last opp et bakgrunnsbilde

Ved hjelp av et eksempel vil vi vise hvordan du laster inn bakgrunnen riktig og hvilke innstillinger som betyr noe.

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Du kan laste opp et bakgrunnsbilde via webgrensesnittet → Preferanser Utseende:

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Denne innstillingen må settes til en tilgjengelig bilde-URL. Når innstillingen er endret, vil bakgrunnsbildet bli erstattet.

Eller du kan endre denne innstillingen ved å bruke autoprovisioning ved å legge til taggen med en gyldig verdi inn i xml-filen.

Hvis denne parameteren er tom eller nettadressen til bildet er feil, brukes telefonens standard bakgrunnsbilde.

Det er viktig: Hvis du bruker programvare før versjon 10.1.33.33, må du sette bakgrunnsfargeverdien til fullstendig gjennomsiktig.

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

Dette er nødvendig fordi bakgrunnsbildet er plassert på et lag under standard bakgrunnsfarge. Dette kan oppnås ved å sette alfaverdien til 0 for bakgrunnsfargen.

Fra og med fastvareversjon 10.1.33.33 tilpasser bakgrunnsfargen seg automatisk til bakgrunnsbildet som vises på telefonen. Det vil imidlertid ikke være helt gjennomsiktig. For å oppnå fullstendig gjennomsiktighet, juster skal fortsatt ha en alfaverdi på 0.

For å vise bakgrunnsbildet riktig, må du lagre det i png-, jpg-, gif-, bmp- eller tga-format. Vi anbefaler på det sterkeste å bruke .png-filer og optimalisere dem med "optng" for å redusere filstørrelsen og forbedre ytelsen.

Bildestørrelse avhengig av modell:

modell
tillatelse

D375/ D385/ D785
480 x 272

D335/ D735/ D765
320 x 240

D717
426 x 240

4. Eksempel på temakonfigurasjon

1. "Mørkt tema":

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

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

Gjør det selv eller hvordan du tilpasser din Snom-telefon. Del 1 farger, font, bakgrunn

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åper dette emnet vil hjelpe deg å forstå problemet med manuell tilpasning.

To be continued ...

Kilde: www.habr.com

Legg til en kommentar