Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Mnogi od nas zaista vole kada je nešto napravljeno za nas! Kada osjećamo određeni “nivo vlasništva”, koji nam omogućava da se izdvojimo iz pozadine “sive mase”. Iste stolice, stolovi, kompjuteri itd. Sve je kao i svi ostali!

Ponekad čak i tako mala stvar kao što je logotip kompanije na običnoj olovci čini da se osjeća posebnim i stoga vrijednijim.

Slažete se da će većina kupaca preferirati Snom telefon umjesto običnog (kao i svi ostali), telefon koji povezuju s nečim posebnim/ličnim. Siguran sam da biste, ako ste dobavljač telefonskih rješenja, također pristali da povežete svoju kompaniju sa provajderom ovog „posebnog“ u očima korisnika.

Mnogi od vas znaju da Snom može ponuditi vrlo različite nivoe prilagođavanja desktop telefona: od vrlo složenih promjena hardvera i softvera za koje je potrebno vrijeme za razvoj, do vrlo jednostavnih koje su dostupne svima izvan kutije, apsolutno besplatno. Upravo o ovom poslednjem želimo da vam danas pričamo.

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Firmware menija naših telefona je izgrađen na XML-u i omogućava vam fleksibilno prilagođavanje korisničkog sučelja sljedećih parametara (kratka lista):

  • pozadinska slika
  • font i boja
  • ikone
  • язык
  • melodije zvona
  • dodeljivanje ključeva
  • i još mnogo toga

U ovom, prvom dijelu našeg članka, govorit ćemo o tome kako možete promijeniti vizualni izgled vašeg Snom telefona. Hajde da razgovaramo o nekoliko tačaka:

  1. Promjena sheme boja
  2. Promjena fontova
  3. Učitavanje pozadinske slike
  4. Primjeri tema

U drugom dijelu našeg članka (uskoro) govorit ćemo o ostalim opcijama prilagođavanja. Zato nemojte "prebacivati".

1. Promjena sheme boja

Počevši od verzije firmvera 10, interfejs u boji telefona može se potpuno promeniti u pogledu boje i transparentnosti. Ovo vam omogućava da prilagodite korisnički interfejs za idealnu čitljivost, jasnoću, preferencije boja i dalje promene, na primer, korporativnog identiteta kompanije.

Da biste lakše razumjeli, postoji shema za opisivanje postavki boja:

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Boje se podešavaju pomoću RGB vrijednosti

Naziv proizvoda

Važeće vrijednosti

Vrijednosti po
default

Opis

titlebar_text_color

Grupa od 4
brojeva, svaki >=0 i <=255.

crvena, zeleno, plavo, alfa (alfa vrijednost 255 znači potpuno
vidljivo, a 0 je potpuno transparentno).

51 51 51 255

Kontrolira boju i transparentnost teksta
naslovni red, na primjer, "Datum", "Vrijeme",
"Ime" itd.

text_color

51 51 51
255

Kontrolira boju i transparentnost
osnovni tekst kao što su “Meni”, “Režim pripravnosti” i
svi ostali glavni tekstualni ekrani.

boja_podteksta

123 124 126 255

Kontrolira boju i transparentnost
podtekst, na primjer, “Meni”, “Režim pripravnosti” i sve
drugi ekrani podteksta.

extratext_color

123 124 126
255

Kontrolira boju i prozirnost prvog
redovi teksta prikazani na desnoj strani menija, kao što su istorija poziva, datum i
vrijeme.

extratext2_color

123 124 126
255

Kontrolira boju i transparentnost sekunde
redovi teksta prikazani na desnoj strani menija, kao što su istorija poziva, datum i
vrijeme.

titlebar_background_color

226 226 226
255

Kontrolira boju pozadine i transparentnost
linije zaglavlja

boja pozadine

242 242 242
255

Kontrolira boju i transparentnost pozadine uključene
svaki ekran.

fkey_background_color

242 242 242
255

Kontrolira boju i transparentnost
dugmad osjetljiva na kontekst.

fkey_pressed_background_color

61 133 198
255

Kontrolira boju pozadine i transparentnost
kontekstno osjetljive tipke kada se pritisnu.

fkey_separator_color

182 183 184
255

Kontrolira boju i transparentnost
Kontekstno osjetljive linije razdvajanja gumba

fkey_label_color

123 124 126
255

Kontrolira boju i transparentnost teksta,
koristi se u dugmadima osjetljivim na kontekst

fkey_pressed_label_color

242 242 242
255

Kontrolira boju i transparentnost teksta,
koristi se u dugmadima osjetljivim na kontekst kada se klikne

odabrana_linija_boja_pozadine

255 255 255
255

Kontrolira boju pozadine i transparentnost
odabranu liniju, na primjer u izborniku ili bilo kojem ekranu koji se može odabrati

odabrana_boja_indikatora_linije

61 133 198
255

Kontrolira boju i transparentnost
indikator levo od izabrane linije, na primer, u meniju ili na bilo kom ekranu sa
odabranih elemenata

selected_line_text_color

61 133 198
255

Kontrolira boju i transparentnost teksta
odabranu liniju, na primjer u izborniku ili bilo kojem ekranu sa odabranim stavkama.
Također kontrolira boju trenutnog simbola dok se on kreće
razne opcije u prozoru za unos

line_background_color

242 242 242
0

Kontrolira boju pozadine i transparentnost za
svaki red menija ili stavke menija, ili bilo koja stavka liste.

linija_separator_color

226 226 226
255

Kontrolira boju i transparentnost
linija razdvajanja menija ili stavki menija i prikazuje se samo
kada je dostupno više od jedne odabrane stavke.

scrollbar_color

182 183 184
255

Kontrolira boju i transparentnost trake
skrolovanje prikazano na bilo kom ekranu.

cursor_color

61 133 198
255

Kontrolira boju i transparentnost kursora,
prikazano na ekranima koristeći ulazni signal.

status_msgs_background_color

242 242 242
255

Kontrolira boju pozadine i transparentnost za
statusne poruke koje se pojavljuju na ekranu u mirovanju i pozivima. Ova vrijednost se odnosi i na pozadinu
promene jačine zvuka.

status_msgs_border_color

182 183 184
255

Kontrolira boju i transparentnost obruba
za statusne poruke koje se pojavljuju na ekranu mirovanja i poziva. Ova vrijednost vrijedi i za granicu
promene jačine zvuka.

smartlabel_background_color

242 242 242
255

Kontrolira boju pozadine i transparentnost SmartLabel-a.

smartlabel_pressed_background_color

61 133 198
255

Kontrolira boju pozadine i transparentnost SmartLabel-a kada se pritisne funkcijski taster.

smartlabel_separator_color

182 183 184
255

Kontrolira boju i transparentnost linije
separator između svake SmartLabel funkcijske tipke.

smartlabel_label_color

123 124 126
255

Kontrolira boju i transparentnost teksta,
koristi se u SmartLabelu.

smartlabel_pressed_label_color

242 242 242
255

Kontrolira boju i transparentnost teksta,
koristi se u SmartLabelu kada pritisnete funkcijsku tipku.

Sada kada znamo gdje i šta se nalazi, možemo prijeći na web interfejs telefona u odjeljak Podešavanje/Preference, zatim drugu karticu izgled:

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Ovdje možete promijeniti vrijednosti, a ako kliknete na upitnik, bićete odvedeni na stranicu sa opisom, gdje se nalazi i napomena kako da navedete ovu vrijednost ako za konfiguraciju koristite XML datoteku. Na primjer, za naš prvi red "Boja teksta":

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

2. Promjena fontova

Fontovi na svim snom telefonima su slobodno prilagodljivi i mogu se mijenjati korištenjem autoprovisioninga. Imajte na umu da ako se trenutno korišteni TrueType ili bitmap font zamijeni prilagođenim, može doći do nekih nedosljednosti u prikazivanju teksta jer je korisnički interfejs optimizovan za jedan određeni TrueType font.

Da biste zamijenili bilo koji font, morate kreirati tar datoteku koja sadrži novi font, koji mora imati potpuno isti naziv kao i stari font koji će biti zamijenjen.

"tar -cvf fonts.tar fontfile.ttf"

Ovu tar datoteku tada treba referencirati u xml datoteci kako bi se ispravno učitala kada se telefon ponovo pokrene.

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

<settings>

 <uploads>

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

 </uploads>

</settings>

Više detalja o tome koji su fontovi unaprijed instalirani možete pronaći na našoj web stranici. Wiki
Na ovaj način možete preuzeti vlastiti font na svoj telefon.

3. Otpremite pozadinsku sliku

Koristeći primjer, pokazat ćemo kako pravilno učitati pozadinu i koja su podešavanja bitna.

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Pozadinsku sliku možete učitati putem web sučelja → Preferences izgled:

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Ova postavka mora biti postavljena na pristupačnu URL adresu slike. Kada se postavka promijeni, pozadinska slika će biti zamijenjena.

Ili možete promijeniti ovu postavku koristeći automatsku proviziju dodavanjem oznake sa važećom vrijednošću u vašu xml datoteku.

Ako je ovaj parametar prazan ili je URL slike netačan, koristit će se zadana pozadinska slika telefona.

važno: Ako koristite softver prije verzije 10.1.33.33, morate postaviti vrijednost boje pozadine na potpuno transparentnu.

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Ovo je neophodno jer se pozadinska slika nalazi na sloju ispod standardne boje pozadine. Ovo se može postići postavljanjem alfa vrijednosti na 0 za boju pozadine.

Počevši od verzije firmvera 10.1.33.33, prozirnost boje pozadine se automatski prilagođava pozadinskoj slici prikazanoj na telefonu. Međutim, neće biti potpuno transparentno. Da biste postigli potpunu transparentnost, podesite i dalje treba imati alfa vrijednost 0.

Da biste pravilno prikazali pozadinsku sliku, morate je sačuvati u png, jpg, gif, bmp ili tga formatu. Preporučujemo da koristite .png datoteke i optimizirate ih pomoću "opting" za smanjenje veličine datoteke i poboljšanje performansi.

Veličina slike u zavisnosti od modela:

Model
dozvola

D375/ D385/ D785
480 x 272

D335/ D735/ D765
320 x 240

D717
426 x 240

4. Primjer konfiguracije teme

1. "Tamna tema":

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Pogled

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

Uradite to sami ili kako da prilagodite svoj Snom telefon. Dio 1 boje, font, pozadina

Pogled

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

Nadamo se da će vam ova tema pomoći da shvatite problem ručnog prilagođavanja.

Da se nastavi ...

izvor: www.habr.com

Dodajte komentar