Wielu z nas uwielbia, gdy coś jest zrobione specjalnie dla nas! Kiedy czujemy pewien 'poziom własności', który pozwala nam wyróżniać się wśród 'szarej masy'. Te same krzesła, stoły, komputery itd. Wszystko jak u wszystkich!
Czasami nawet taki drobiazg, jak logo firmy na zwykłym długopisie, sprawia, że czujemy ją jako wyjątkową i przez to bardziej cenną.
Zgódźcie się, że większość klientów wolałaby zamiast zwykłego (jak u wszystkich) telefonu Snom, telefon, który kojarzy im się z czymś wyjątkowym/osobistym. Jestem pewien, że jeśli jesteście dostawcą rozwiązań telefonicznych, również zgodzilibyście się z tym, aby powiązać swoją firmę z dostawcą czegoś 'specjalnego' w oczach klienta.
Wielu z was wie, że Snom może zaoferować bardzo różne poziomy personalizacji telefonów stacjonarnych: od bardzo skomplikowanych zmian sprzętowych i programowych, które wymagają czasu na rozwój, do najprostszych, które są dostępne wszystkim z 'pudełka', całkowicie za darmo. To właśnie o ostatnim chcemy dziś opowiedzieć.
Oprogramowanie menu naszych telefonów oparte jest na XML i pozwala na elastyczną personalizację UI następujących parametrów (krótka lista):
- tło
- czcionka i kolor
- ikony
- język
- melodie dzwonków
- przypisanie przycisków
- i wiele innych
W tej, pierwszej części naszego artykułu, opowiemy o tym, jak można zmienić wizualny wygląd telefonu Snom. Porozmawiamy o kilku punktach:
- Zmiana kolorystyki
- Zmiana czcionek
- Ładowanie tła
- Przykłady motywów
W drugiej części naszego artykułu (która pojawi się wkrótce) porozmawiamy o pozostałych możliwościach personalizacji. Więc nie 'przełączajcie się'.
1. Zmiana kolorystyki
Zaczynając od wersji oprogramowania 10, kolorowy interfejs telefonu może być całkowicie zmieniony pod względem koloru i przezroczystości. To pozwala na dostosowanie interfejsu do idealnej czytelności, przejrzystości, preferencji kolorystycznych oraz dalszych zmian, np. identyfikacji wizualnej firmy.
Aby ułatwić zrozumienie, istnieje schemat opisu ustawienia kolorów:
Kolory są dostosowywane z użyciem wartości RGB
Nazwa
Dopuszczalne wartości
Wartości domyślne
titlebar_text_color
Opis
Grupa 4 liczb, każda >=0 i <=255.
czerwony
zielony
niebieski, alfa, niebieski, alfa (wartość alfa 255 oznacza całkowity
widoczny, a 0 — całkowicie przezroczysty).
51 51 51 255
Zarządza kolorem i przezroczystością tekstu w
wierszu nagłówka, na przykład „Data”, „Czas”,
„Nazwa” i inne.
text_color
51 51 51
255
Zarządza kolorem i przezroczystością
głównego tekstu, na przykład „Menu”, „Tryb czuwania” i
wszystkich innych ekranów głównego tekstu.
subtext_color
123 124 126 255
Zarządza kolorem i przezroczystością
podtekstu, na przykład „Menu”, „Tryb czuwania” i wszystkich
innych ekranów podtekstowych.
extratext_color
123 124 126
255
Zarządza kolorem i przezroczystością pierwszej
linii tekstu wyświetlanej po prawej stronie w menu, na przykład historia połączeń, data i
czas.
extratext2_color
123 124 126
255
Zarządza kolorem i przezroczystością drugiej
linii tekstu wyświetlanej po prawej stronie w menu, na przykład historia połączeń, data i
czas.
titlebar_background_color
226 226 226
255
Zarządza kolorem i przezroczystością tła
wiersza nagłówka
background_color
242 242 242
255
Zarządza kolorem i przezroczystością tła na
każdym ekranie.
fkey_background_color
242 242 242
255
Zarządza kolorem i przezroczystością
przycisków kontekstowych.
fkey_pressed_background_color
61 133 198
255
Zarządza kolorem i przezroczystością tła
przycisków kontekstowych podczas wciśnięcia.
fkey_separator_color
182 183 184
255
Zarządza kolorem i przezroczystością
linii dzielących przyciski kontekstowe
fkey_label_color
123 124 126
255
Zarządza kolorem i przezroczystością tekstu,
używanego w kontekstowych przyciskach
fkey_pressed_label_color
242 242 242
255
Zarządza kolorem i przezroczystością tekstu,
używanego w kontekstowych przyciskach podczas wciśnięcia
selected_line_background_color
255 255 255
255
Zarządza kolorem i przezroczystością tła
wybranej linii, na przykład w Menu lub na dowolnym ekranie z wybieranymi elementami
selected_line_indicator_color
61 133 198
255
Zarządza kolorem i przezroczystością
wskaźnika po lewej stronie wybranej linii, na przykład w Menu lub na dowolnym ekranie z
wybranymi elementami
selected_line_text_color
61 133 198
255
Zarządza kolorem i przezroczystością tekstu w
podświetlonej linii, na przykład w Menu lub na dowolnym ekranie z wybranymi elementami.
Zarządza także kolorem bieżącego symbolu podczas cyklicznego przechodzenia przez
różne opcje w oknie wprowadzania
line_background_color
242 242 242
0
Zarządza kolorem i przezroczystością tła dla
każdej linii Menu lub punktu menu, lub dowolnego punktu listy.
line_separator_color
226 226 226
255
Zarządza kolorem i przezroczystością
linii dzielącej pomiędzy menu lub punktami menu i wyświetlana jest tylko
gdy dostępne jest więcej niż jeden wybrany element.
scrollbar_color
182 183 184
255
Zarządza kolorem i przezroczystością paska
przewijania wyświetlanego na dowolnym ekranie.
cursor_color
61 133 198
255
Zarządza kolorem i przezroczystością kursora,
wyświetlanego na ekranach przy użyciu sygnału wejściowego.
status_msgs_background_color
242 242 242
255
Zarządza kolorem i przezroczystością tła dla
wiadomości o stanie, które pojawiają się na ekranach oczekiwania i połączenia. Ta wartość stosuje się również do tła
zmiany głośności.
status_msgs_border_color
182 183 184
255
Zarządza kolorem i przezroczystością obramowania
dla komunikatów o statusie, które pojawiają się na ekranach oczekiwania i połączeń. Ta wartość jest również stosowana do granicy
zmiany głośności.
smartlabel_background_color
242 242 242
255
Zarządza kolorem i przezroczystością tła SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Zarządza kolorem i przezroczystością tła SmartLabel po naciśnięciu klawisza funkcyjnego.
smartlabel_separator_color
182 183 184
255
Zarządza kolorem i przezroczystością linii
separatora między każdą funkcjonalną klawiszem SmartLabel.
smartlabel_label_color
123 124 126
255
Zarządza kolorem i przezroczystością tekstu,
używanego w SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Zarządza kolorem i przezroczystością tekstu,
używanego w SmartLabel, po naciśnięciu klawisza funkcyjnego.
Teraz, gdy wiemy, gdzie i co się znajduje, możemy przejść do interfejsu internetowego telefonu w sekcji Setup/Preferences, następnie na drugą zakładkę Appearance:
Tutaj można zmieniać wartości, a po naciśnięciu na znak zapytania, przejdziesz do strony z opisem, gdzie również znajduje się uwaga, jak określić daną wartość, jeśli używasz pliku XML do konfiguracji. Na przykład dla naszej pierwszej linii „Text Color”:
2. Zmiana czcionek
Czcionki na wszystkich telefonach snom są łatwo konfigurowalne i mogą być zmieniane za pomocą automatycznego provisioningu. Pamiętaj, że jeśli aktualnie używana czcionka TrueType lub rastrowa zostanie zastąpiona przez czcionkę użytkownika, mogą wystąpić pewne niespójności w wizualizacji tekstu, ponieważ interfejs użytkownika jest zoptymalizowany dla jednej konkretnej czcionki TrueType.
Aby zastąpić jakąkolwiek czcionkę, należy stworzyć plik tar zawierający nową czcionkę, której nazwa musi całkowicie zgadzać się ze starą czcionką, którą ma zastąpić.
„tar -cvf fonts.tar fontfile.ttf”
Następnie trzeba podać odnośnik do tego pliku tar w pliku xml, aby był poprawnie ładowany podczas restartu telefonu.
Szczegółowe informacje na temat preinstalowanych czcionek można znaleźć u nas na
W ten sposób możesz załadować swoją własną czcionkę do telefonu.
3. Ładowanie obrazu tła
Na przykład pokażemy, jak prawidłowo załadować tło i jakie ustawienia mają znaczenie.
Obraz tła można załadować przez interfejs internetowy → Preferences → Appearance:
W tym parametrze musi być podany dostępny adres URL obrazu. Gdy tylko parametr zostanie zmieniony, obraz tła zostanie zastąpiony.
Możesz zmienić to ustawienie za pomocą automatyzacji, dodając znacznik z prawidłową wartością do swojego pliku xml.
Jeśli ten parametr jest pusty lub adres URL obrazu jest nieprawidłowy, użyte zostanie domyślne tło telefonu.
Ważne: jeśli korzystasz z oprogramowania w wersji przed 10.1.33.33, musisz ustawić wartość koloru tła na całkowicie przezroczystą.
Należy to zrobić, ponieważ tło obrazu znajduje się na warstwie pod standardowym kolorem tła. Można to osiągnąć, ustawiając wartość alfa na 0 dla koloru tła.
Od wersji firmware 10.1.33.33 przezroczystość koloru tła automatycznie dostosowuje się do tła wyświetlanego na telefonie. Niemniej jednak nie będzie całkowicie przezroczysta. Aby uzyskać całkowitą przezroczystość, ustawienie nadal musi mieć wartość alfa 0.
Aby prawidłowo wyświetlić tło obrazu, należy je zapisać w formacie png, jpg, gif, bmp lub tga. Zdecydowanie zalecamy użycie plików .png i optymalizację ich za pomocą "", aby zmniejszyć rozmiar pliku i poprawić wydajność.
Rozmiar obrazu w zależności od modelu:
Model
Rozdzielczość
D375/ D385/ D785
480 x 272
D335/ D735/ D765
320 x 240
D717
426 x 240
4. Przykład konfiguracji motywów
1. „Motyw ciemny”:
Zobacz
43 49 56 255
242 242 242 255
43 49 56 255
242 242 242 255
224 224 224 255
158 158 158 255
158 158 158 255
43 49 56 255
61 133 198 255
70 90 120 255
224 224 224 255
242 242 242 255
242 242 242 0
50 60 80 255
61 133 198 255
61 133 198 255
70 90 120 255
70 90 120 255
61 133 198 255
43 49 56 255
70 90 120 255
43 49 56 255
61 133 198 255
70 90 120 255
224 224 224 255
242 242 242 2552. „Kolorowy Motyw“:
Zobacz
http://192.168.0.1/background.png
0 0 0 0
242 242 242 255
43 49 56 40
242 242 242 255
224 224 224 255
224 224 224 255
224 224 224 255
43 49 56 40
43 49 56 140
0 0 0 0
224 224 224 255
224 224 224 255
0 0 0 0
43 49 56 40
61 133 198 255
61 133 198 255
0 0 0 0
61 133 198 255
61 133 198 255
61 133 198 255
61 133 198 255
43 49 56 40
43 49 56 140
0 0 0 0
242 242 242 255
242 242 242 255Mamy nadzieję, że ten temat pomoże zrozumieć kwestię ręcznego dostosowywania.
Ciąg dalszy nastąpi…
Źródło: habr.com
