Wielu z nas naprawdę lubi, gdy coś jest robione dla nas! Kiedy czujemy pewien „poziom własności”, który pozwala nam wyróżnić się na tle „szarej masy”. Te same krzesła, stoły, komputery itp. Wszystko jest jak wszyscy!
Czasami nawet tak drobnostka jak logo firmy na zwykłym długopisie sprawia, że czuje się on wyjątkowy i przez to bardziej wartościowy.
Zgadzam się, że większość klientów woli telefon Snom zamiast zwykłego (jak wszyscy inni), telefonu, który kojarzy im się z czymś wyjątkowym/osobistym. Jestem pewien, że jeśli jesteś dostawcą rozwiązań telefonicznych, zgodzisz się także na skojarzenie swojej firmy z dostawcą tego „specjalu” w oczach klienta.
Wielu z Was wie, że Snom może oferować bardzo różne poziomy dostosowywania telefonów stacjonarnych: od bardzo skomplikowanych zmian sprzętu i oprogramowania, które wymagają czasu na rozwój, po bardzo proste zmiany, które są dostępne dla każdego od razu po wyjęciu z pudełka, całkowicie za darmo. Właśnie o tym ostatnim chcemy Wam dzisiaj opowiedzieć.
Oprogramowanie menu naszych telefonów jest zbudowane w formacie XML i umożliwia elastyczne dostosowywanie interfejsu użytkownika w zakresie następujących parametrów (krótka lista):
- zdjęcie w tle
- czcionka i kolor
- ikony
- język
- dzwonki
- przypisanie klucza
- i wiele więcej
W pierwszej części naszego artykułu porozmawiamy o tym, jak możesz zmienić wygląd swojego telefonu Snom. Porozmawiajmy o kilku punktach:
- Zmiana schematu kolorów
- Zmiana czcionek
- Ładowanie obrazu tła
- Przykłady tematów
W drugiej części naszego artykułu (już wkrótce) porozmawiamy o pozostałych opcjach dostosowywania. Więc nie „zmieniaj”.
1. Zmiana schematu kolorów
Począwszy od wersji oprogramowania 10, kolorowy interfejs telefonu można całkowicie zmienić pod względem koloru i przezroczystości. Dzięki temu możesz dostosować interfejs użytkownika pod kątem idealnej czytelności, przejrzystości, preferencji kolorystycznych i dalszych zmian, na przykład w identyfikacji wizualnej firmy.
Aby ułatwić zrozumienie, istnieje schemat opisywania ustawień kolorów:
Kolory są dostosowywane przy użyciu wartości RGB
Nazwa
Prawidłowe wartości
Wartości wg
domyślny
Opis
kolor_tekstu_tytułu
Grupa 4
liczby, każda >=0 i <=255.
czerwony, zielony, niebieski, alfa (wartość alfa 255 oznacza całkowicie
widoczne, a 0 jest całkowicie przezroczyste).
51 51 51 255
Steruje kolorem i przezroczystością tekstu w
wiersz tytułu, na przykład „Data”, „Czas”,
„Imię” itp.
kolor tekstu
51 51 51
255
Kontroluje kolor i przezroczystość
tekst podstawowy, taki jak „Menu”, „Tryb gotowości” i
wszystkie pozostałe główne ekrany tekstowe.
kolor_podtekstu
123 124 126 255
Kontroluje kolor i przezroczystość
podtekst, na przykład „Menu”, „Tryb gotowości” i tak dalej
inne ekrany podtekstów.
kolor_dodatkowego_tekstu
123 124 126
255
Kontroluje kolor i przezroczystość pierwszego
linie tekstu wyświetlane po prawej stronie menu, takie jak historia połączeń, data i
czas
ekstratekst2_kolor
123 124 126
255
Kontroluje kolor i przezroczystość sekundy
linie tekstu wyświetlane po prawej stronie menu, takie jak historia połączeń, data i
czas
kolor_tła_tablicy_tytułu
226 226 226
255
Kontroluje kolor i przezroczystość tła
linie nagłówka
kolor tła
242 242 242
255
Steruje kolorem i przezroczystością tła
każdy ekran.
fkey_background_color
242 242 242
255
Kontroluje kolor i przezroczystość
przyciski kontekstowe.
fkey_pressed_background_color
61 133 198
255
Kontroluje kolor i przezroczystość tła
klawisze kontekstowe po naciśnięciu.
fkey_separator_color
182 183 184
255
Kontroluje kolor i przezroczystość
Kontekstowy przycisk dzielący linie
fkey_label_color
123 124 126
255
Kontroluje kolor i przezroczystość tekstu,
używane w przyciskach kontekstowych
fkey_pressed_label_color
242 242 242
255
Kontroluje kolor i przezroczystość tekstu,
używany w przyciskach kontekstowych po kliknięciu
wybrany_kolor_tła_linii
255 255 255
255
Kontroluje kolor i przezroczystość tła
wybraną linię, na przykład w Menu lub na dowolnym ekranie do wyboru
wybrany_kolor_wskaźnika_linii
61 133 198
255
Kontroluje kolor i przezroczystość
wskaźnik po lewej stronie wybranej linii, na przykład w Menu lub na dowolnym ekranie z
wybrane elementy
wybrany_kolor_tekstu_linii
61 133 198
255
Steruje kolorem i przezroczystością tekstu w
wybraną linię, na przykład w Menu lub na dowolnym ekranie z wybranymi pozycjami.
Kontroluje także kolor bieżącego symbolu w trakcie jego cyklu
różne opcje w oknie wprowadzania
kolor_tła_linii
242 242 242
0
Kontroluje kolor tła i przezroczystość
każdą linię menu, element menu lub dowolny element listy.
kolor_separatora_linii
226 226 226
255
Kontroluje kolor i przezroczystość
linia podziału pomiędzy menu lub elementami menu i jest wyświetlana tylko
gdy dostępny jest więcej niż jeden wybrany element.
kolor_paska przewijania
182 183 184
255
Kontroluje kolor i przezroczystość paska
przewijanie wyświetlane na dowolnym ekranie.
kolor_kursora
61 133 198
255
Kontroluje kolor i przezroczystość kursora,
wyświetlane na ekranach przy użyciu sygnału wejściowego.
status_msgs_background_color
242 242 242
255
Kontroluje kolor tła i przezroczystość
komunikaty o stanie wyświetlane na ekranie stanu gotowości i ekranu połączeń. Wartość ta dotyczy również tła
zmiany głośności.
status_msgs_border_color
182 183 184
255
Steruje kolorem i przezroczystością obramowania
dla komunikatów o stanie pojawiających się na ekranach stanu gotowości i ekranów połączeń. Wartość ta dotyczy również granicy
zmiany głośności.
smartlabel_background_color
242 242 242
255
Steruje kolorem tła i przezroczystością etykiety SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Steruje kolorem tła i przezroczystością etykiety SmartLabel po naciśnięciu klawisza funkcyjnego.
kolor_separatora_smartlabel
182 183 184
255
Kontroluje kolor i przezroczystość linii
separator pomiędzy każdym klawiszem funkcyjnym SmartLabel.
smartlabel_label_color
123 124 126
255
Kontroluje kolor i przezroczystość tekstu,
stosowane w SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Kontroluje kolor i przezroczystość tekstu,
używane w SmartLabel po naciśnięciu klawisza funkcyjnego.
Teraz, gdy wiemy, gdzie i co się znajduje, możemy przejść do interfejsu internetowego telefonu, do sekcji Konfiguracja/Preferencje, a następnie druga zakładka Wygląd:
Tutaj możesz zmienić wartości, a jeśli klikniesz na znak zapytania, zostaniesz przeniesiony na stronę z opisem, gdzie znajduje się również uwaga, jak określić tę wartość, jeśli do konfiguracji używasz pliku XML. Na przykład dla naszej pierwszej linii „Kolor tekstu”:
2. Zmiana czcionek
Czcionki we wszystkich telefonach snom można dowolnie dostosowywać i można je zmieniać za pomocą funkcji automatycznego udostępniania. Należy pamiętać, że jeśli aktualnie używana czcionka TrueType lub bitmapa zostanie zastąpiona niestandardową, mogą wystąpić pewne niespójności w renderowaniu tekstu, ponieważ interfejs użytkownika jest zoptymalizowany dla jednej konkretnej czcionki TrueType.
Aby zastąpić dowolną czcionkę, musisz utworzyć plik tar zawierający nową czcionkę, której nazwa musi być dokładnie taka sama jak stara czcionka, która zostanie zastąpiona.
"tar -cvf czcionki.tar plik czcionki.ttf"
Następnie należy odwoływać się do tego pliku tar w pliku xml, aby ładował się poprawnie po ponownym uruchomieniu telefonu.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Więcej szczegółów na temat preinstalowanych czcionek można znaleźć na naszej stronie internetowej.
W ten sposób możesz pobrać własną czcionkę na swój telefon.
3. Prześlij obraz tła
Na przykładzie pokażemy jak poprawnie załadować tło i jakie ustawienia mają znaczenie.
Możesz przesłać obraz tła za pośrednictwem interfejsu internetowego → Preferencje → Wygląd:
To ustawienie musi być ustawione na dostępny adres URL obrazu. Po zmianie ustawienia obraz tła zostanie zastąpiony.
Możesz też zmienić to ustawienie za pomocą automatycznej obsługi administracyjnej, dodając tag z prawidłową wartością do pliku xml.
Jeśli ten parametr jest pusty lub adres URL obrazu jest nieprawidłowy, zostanie użyty domyślny obraz tła telefonu.
To jest ważne: Jeśli używasz oprogramowania w wersji starszej niż 10.1.33.33, musisz ustawić wartość koloru tła na całkowicie przezroczystą.
Jest to konieczne, ponieważ obraz tła znajduje się na warstwie poniżej standardowego koloru tła. Można to osiągnąć, ustawiając wartość alfa koloru tła na 0.
Począwszy od wersji oprogramowania 10.1.33.33, przezroczystość koloru tła automatycznie dostosowuje się do obrazu tła wyświetlanego na telefonie. Nie będzie to jednak całkowicie przejrzyste. Aby uzyskać pełną przezroczystość, dostosuj powinien nadal mieć wartość alfa równą 0.
Aby poprawnie wyświetlić obraz tła, należy zapisać go w formacie png, jpg, gif, bmp lub tga. Zdecydowanie zalecamy używanie plików .png i optymalizację ich za pomocą „
Rozmiar obrazu w zależności od modelu:
Model
pozwolenie
D375/D385/D785
X 480 272
D335/D735/D765
X 320 240
D717
X 426 240
4. Przykład konfiguracji motywu
1. „Ciemny motyw”:
Zobaczyć
<?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. „Kolorowy motyw”:
Zobaczyć
<?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>
Mamy nadzieję, że ten temat pomoże Państwu zrozumieć kwestię ręcznej personalizacji.
To be continued ...
Źródło: www.habr.com