Mnogi od nas jako vole kada se nešto napravi za nas! Kada osjetimo određenu "razinu vlasništva" koja nam omogućuje da se izdvojimo iz pozadine "sive mase". Iste stolice, stolovi, kompjuteri itd. Sve je kao i kod svih!
Ponekad čak i tako mala stvar kao što je logotip tvrtke na običnoj olovci čini da se osjeća posebnom i samim time vrijednijom.
Složite se da će većina kupaca preferirati Snom telefon umjesto običnog (kao i svi drugi), telefon koji povezuje s nečim posebnim/osobnim. Siguran sam da biste, ako ste pružatelj rješenja za telefoniju, također pristali povezati svoju tvrtku s pružateljem te "posebnosti" u očima kupca.
Mnogi od vas znaju da Snom može ponuditi vrlo različite razine prilagodbe stolnog telefona: od vrlo složenih promjena hardvera i softvera koje zahtijevaju vrijeme razvoja, do vrlo jednostavnih koje su dostupne svima odmah, potpuno besplatno. Upravo o ovom posljednjem želimo vam danas govoriti.
Firmware izbornika naših telefona izgrađen je na XML-u i omogućuje vam fleksibilnu prilagodbu korisničkog sučelja sljedećih parametara (uži popis):
- fonovoe izobraženje
- font i boja
- ikone
- jezik
- melodije zvona
- dodjela ključa
- i još mnogo toga
U ovom, 1. dijelu našeg članka, govorit ćemo o tome kako možete promijeniti vizualni izgled svog Snom telefona. Razgovarajmo o nekoliko točaka:
- Mijenjanje boja
- Mijenjanje fontova
- Učitavanje pozadinske slike
- Primjeri tema
U drugom dijelu našeg članka (uskoro) govorit ćemo o ostalim opcijama prilagodbe. Dakle, nemojte se "prebacivati".
1. Promjena sheme boja
Počevši od verzije firmvera 10, sučelje u boji telefona može se potpuno promijeniti u smislu boje i prozirnosti. To vam omogućuje da prilagodite korisničko sučelje za idealnu čitljivost, jasnoću, željene boje i daljnje promjene, na primjer, korporativnog identiteta tvrtke.
Radi lakšeg razumijevanja, postoji shema za opis postavki boja:
Boje se podešavaju pomoću RGB vrijednosti
Ime
Valjane vrijednosti
Vrijednosti po
zadano
Opis
boja_teksta_naslovne trake
Grupa od 4
brojevi, svaki >=0 i <=255.
crven, zelen, plava, alfa (alfa vrijednost 255 znači potpuno
vidljiv, a 0 je potpuno proziran).
51 51 51 255
Upravlja bojom i prozirnošću teksta
naslovni redak, na primjer, "Datum", "Vrijeme",
"Ime" itd.
boja_teksta
51 51 51
255
Kontrolira boju i prozirnost
glavni tekst kao što su "Izbornik", "Stanje pripravnosti" i
sve ostale glavne tekstne ekrane.
boja_podteksta
123 124 126 255
Kontrolira boju i prozirnost
podtekst, na primjer, “Izbornik”, “Stanje mirovanja” i sve
drugi ekrani podteksta.
extratext_color
123 124 126
255
Kontrolira boju i prozirnost prvog
retke teksta prikazane na desnoj strani izbornika, kao što su povijest poziva, datum i
vrijeme.
ekstratekst2_boja
123 124 126
255
Kontrolira boju i prozirnost drugog
retke teksta prikazane na desnoj strani izbornika, kao što su povijest poziva, datum i
vrijeme.
boja_pozadine_naslovne trake
226 226 226
255
Kontrolira boju pozadine i prozirnost
linije zaglavlja
boja pozadine
242 242 242
255
Kontrolira boju i prozirnost uključene pozadine
svaki zaslon.
fključna_boja_pozadine
242 242 242
255
Kontrolira boju i prozirnost
gumbi osjetljivi na kontekst.
fkey_pressed_background_color
61 133 198
255
Kontrolira boju pozadine i prozirnost
tipke osjetljive na kontekst kada se pritisnu.
fkey_separator_color
182 183 184
255
Kontrolira boju i prozirnost
Kontekstne razdjelne linije gumba
fkey_label_color
123 124 126
255
Kontrolira boju i prozirnost teksta,
koristi se u gumbima osjetljivim na kontekst
fkey_pressed_label_color
242 242 242
255
Kontrolira boju i prozirnost teksta,
koristi se u gumbima osjetljivim na kontekst kada se klikne
boja_pozadine_odabrane_linije
255 255 255
255
Kontrolira boju pozadine i prozirnost
odabranom retku, na primjer u izborniku ili bilo kojem zaslonu koji se može odabrati
boja_indikatora_odabrane_linije
61 133 198
255
Kontrolira boju i prozirnost
indikator lijevo od odabranog retka, na primjer, u izborniku ili bilo kojem zaslonu s
odabranih elemenata
boja_teksta_odabrane_linije
61 133 198
255
Upravlja bojom i prozirnošću teksta
odabranom retku, na primjer u izborniku ili bilo kojem zaslonu s odabranim stavkama.
Također kontrolira boju trenutnog simbola dok kruži kroz njega
razne opcije u prozoru za unos
boja_pozadine_linije
242 242 242
0
Kontrolira boju pozadine i prozirnost za
svaki redak izbornika ili stavke izbornika ili bilo koje stavke popisa.
boja_razdjelnika_linije
226 226 226
255
Kontrolira boju i prozirnost
prikazuje samo razdjelnu liniju između izbornika ili stavki izbornika
kada je dostupno više od jedne odabrane stavke.
boja_klizne trake
182 183 184
255
Kontrolira boju i prozirnost pruge
pomicanje prikazano na bilo kojem zaslonu.
boja_pokazivača
61 133 198
255
Kontrolira boju i prozirnost kursora,
prikazani na zaslonima pomoću ulaznog signala.
status_msgs_boja_pozadine
242 242 242
255
Kontrolira boju pozadine i prozirnost za
statusne poruke koje se pojavljuju na zaslonima u mirovanju i pozivima. Ova se vrijednost također odnosi na pozadinu
promjene volumena.
status_msgs_border_color
182 183 184
255
Kontrolira boju i prozirnost obruba
za statusne poruke koje se pojavljuju na zaslonima u mirovanju i pozivima. Ova se vrijednost također odnosi na obrub
promjene volumena.
pametna oznaka_boja_pozadine
242 242 242
255
Kontrolira boju pozadine i prozirnost SmartLabela.
pametna_oznaka_pritisnuta_boja_pozadine
61 133 198
255
Kontrolira boju pozadine i prozirnost SmartLabela kada se pritisne funkcijska tipka.
boja_razdjelnika_pametne oznake
182 183 184
255
Upravlja bojom linije i prozirnošću
razdjelnik između svake SmartLabel funkcijske tipke.
pametna_oznaka_boja_oznake
123 124 126
255
Kontrolira boju i prozirnost teksta,
koristi se u SmartLabelu.
smartlabel_pressed_label_color
242 242 242
255
Kontrolira boju i prozirnost teksta,
koristi se u SmartLabelu kada pritisnete funkcijsku tipku.
Sada kada znamo gdje i što se nalazi, možemo otići na web sučelje telefona do odjeljka Postavljanje/Postavke, zatim drugu karticu Izgled:
Ovdje možete promijeniti vrijednosti, a ako kliknete na upitnik, bit ćete preusmjereni na stranicu s opisom, gdje se nalazi i napomena kako odrediti ovu vrijednost ako za konfiguraciju koristite XML datoteku. Na primjer, za naš prvi redak "Boja teksta":
2. Mijenjanje fontova
Fontovi na svim Snom telefonima mogu se slobodno prilagoditi i mogu se mijenjati pomoću automatskog postavljanja. 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čko sučelje optimizirano za jedan određeni TrueType font.
Da biste zamijenili bilo koji font, morate stvoriti tar datoteku koja sadrži novi font, koji mora biti nazvan potpuno isto kao stari font koji će biti zamijenjen.
"tar -cvf fontovi.tar datoteka fontova.ttf"
Ovu tar datoteku tada treba referencirati u xml datoteci kako bi se pravilno učitavala kada se telefon ponovno 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 pojedinosti o tome koji su fontovi unaprijed instalirani možete pronaći na našoj web stranici.
Na taj način možete preuzeti vlastiti font na svoj telefon.
3. Učitajte pozadinsku sliku
Na primjeru ćemo pokazati kako pravilno učitati pozadinu i koje su postavke važne.
Pozadinsku sliku možete učitati putem web sučelja → Postavke → Izgled:
Ova postavka mora biti postavljena na URL pristupačne slike. Nakon što se postavka promijeni, pozadinska slika će biti zamijenjena.
Ili možete promijeniti ovu postavku pomoću automatskog dodjeljivanja dodavanjem oznake s valjanom vrijednošću u vašu xml datoteku.
Ako je ovaj parametar prazan ili URL slike nije točan, koristit će se zadana pozadinska slika telefona.
To je važno: Ako koristite softver stariji od verzije 10.1.33.33, morate postaviti vrijednost boje pozadine na potpuno prozirnu.
Ovo je neophodno jer se pozadinska slika nalazi na sloju ispod standardne pozadinske boje. To se može postići postavljanjem alfa vrijednosti na 0 za boju pozadine.
Počevši od verzije firmvera 10.1.33.33, prozirnost pozadinske boje automatski se prilagođava pozadinskoj slici prikazanoj na telefonu. No, neće biti potpuno transparentan. Da biste postigli potpunu transparentnost, prilagodite treba i dalje imati alfa vrijednost 0.
Za ispravan prikaz pozadinske slike morate je spremiti u png, jpg, gif, bmp ili tga formatu. Toplo preporučujemo korištenje .png datoteka i njihovo optimiziranje s "" za smanjenje veličine datoteke i poboljšanje performansi.
Veličina slike ovisno o modelu:
Model
dozvola
D375/ D385/ D785
X 480 272
D335/ D735/ D765
X 320 240
D717
X 426 240
4. Primjer konfiguracije teme
1. "Tamna tema":
gledati
<?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":
gledati
<?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 razumijete problem ručne prilagodbe.
Da bi se nastavio ...
Izvor: www.habr.com