Viele von uns mögen es wirklich, wenn etwas für uns gemacht wird! Wenn wir ein gewisses „Level of Ownership“ verspüren, das es uns ermöglicht, uns vom Hintergrund der „grauen Masse“ abzuheben. Die gleichen Stühle, Tische, Computer usw. Alles ist wie alle anderen!
Manchmal verleiht einem gewöhnlichen Kugelschreiber schon eine so kleine Sache wie ein Firmenlogo einen besonderen Eindruck und macht ihn dadurch wertvoller.
Stimmen Sie zu, dass die meisten Kunden ein Snom-Telefon einem normalen Telefon vorziehen (wie alle anderen auch), ein Telefon, das sie mit etwas Besonderem/Persönlichem verbinden. Ich bin mir sicher, dass Sie als Anbieter von Telefonielösungen auch damit einverstanden wären, Ihr Unternehmen mit dem Anbieter dieses „Besonderen“ in den Augen des Kunden in Verbindung zu bringen.
Viele von Ihnen wissen, dass Snom sehr unterschiedliche Ebenen der Individualisierung von Desktop-Telefonen anbieten kann: von sehr komplexen Hardware- und Softwareänderungen, die Entwicklungszeit erfordern, bis hin zu sehr einfachen Änderungen, die für jeden sofort verfügbar und absolut kostenlos sind. Von Letzterem möchten wir Ihnen heute erzählen.
Die Menü-Firmware unserer Telefone basiert auf XML und ermöglicht Ihnen die flexible Anpassung der Benutzeroberfläche anhand der folgenden Parameter (kurze Liste):
- Hintergrundbild
- Schriftart und Farbe
- Symbole
- Sprache
- Klingeltöne
- Tastenbelegung
- und vieles mehr
Im ersten Teil unseres Artikels sprechen wir darüber, wie Sie das optische Erscheinungsbild Ihres Snom-Telefons ändern können. Lassen Sie uns über ein paar Punkte sprechen:
- Wechselnde Farben
- Schriftarten ändern
- Laden eines Hintergrundbilds
- Themenbeispiele
In Teil 2 unseres Artikels (in Kürze verfügbar) werden wir über die restlichen Anpassungsoptionen sprechen. Also nicht „wechseln“.
1. Ändern des Farbschemas
Ab Firmware-Version 10 kann die Farboberfläche des Telefons hinsichtlich Farbe und Transparenz komplett verändert werden. Dies ermöglicht Ihnen eine individuelle Anpassung der Benutzeroberfläche für optimale Lesbarkeit, Klarheit, Farbvorlieben und weitere Änderungen, beispielsweise an der Corporate Identity des Unternehmens.
Zum besseren Verständnis gibt es ein Schema zur Beschreibung der Farbeinstellungen:
Farben werden mithilfe von RGB-Werten angepasst
Name
Gültige Werte
Werte von
Ursprünglich
Beschreibung
titlebar_text_color
Gruppe von 4
Zahlen, jeweils >=0 und <=255.
rot, grün, blau, Alpha (Alpha-Wert 255 bedeutet vollständig
sichtbar und 0 ist völlig transparent).
51 51 51 255
Steuert die Farbe und Transparenz des Textes in
Titelzeile, zum Beispiel „Datum“, „Uhrzeit“,
„Name“ usw.
Textfarbe
51 51 51
255
Steuert Farbe und Transparenz
Textkörper wie „Menü“, „Standby-Modus“ und
alle anderen Haupttextbildschirme.
subtext_color
123 124 126 255
Steuert Farbe und Transparenz
Subtext, zum Beispiel „Menü“, „Standby-Modus“ und alle
andere Subtext-Bildschirme.
extratext_color
123 124 126
255
Steuert die Farbe und Transparenz des ersten
Auf der rechten Seite des Menüs werden Textzeilen angezeigt, z. B. Anrufliste, Datum usw
Zeit.
extratext2_color
123 124 126
255
Steuert die Farbe und Transparenz der Sekunde
Auf der rechten Seite des Menüs werden Textzeilen angezeigt, z. B. Anrufliste, Datum usw
Zeit.
titlebar_background_color
226 226 226
255
Steuert Hintergrundfarbe und Transparenz
Kopfzeilen
Hintergrundfarbe
242 242 242
255
Steuert die Farbe und Transparenz des Hintergrunds
Jeder Bildschirm.
fkey_background_color
242 242 242
255
Steuert Farbe und Transparenz
kontextsensitive Schaltflächen.
fkey_pressed_background_color
61 133 198
255
Steuert Hintergrundfarbe und Transparenz
kontextsensitive Tasten, wenn sie gedrückt werden.
fkey_separator_color
182 183 184
255
Steuert Farbe und Transparenz
Kontextsensitive Schaltflächen-Trennlinien
fkey_label_color
123 124 126
255
Steuert die Farbe und Transparenz von Text,
Wird in kontextsensitiven Schaltflächen verwendet
fkey_pressed_label_color
242 242 242
255
Steuert die Farbe und Transparenz von Text,
Wird in kontextsensitiven Schaltflächen verwendet, wenn darauf geklickt wird
selected_line_background_color
255 255 255
255
Steuert Hintergrundfarbe und Transparenz
ausgewählte Zeile, zum Beispiel in einem Menü oder einem beliebigen auswählbaren Bildschirm
selected_line_indicator_color
61 133 198
255
Steuert Farbe und Transparenz
Anzeige links neben der ausgewählten Zeile, zum Beispiel im Menü oder auf einem beliebigen Bildschirm mit
ausgewählte Elemente
selected_line_text_color
61 133 198
255
Steuert die Farbe und Transparenz des Textes in
ausgewählte Zeile, zum Beispiel in einem Menü oder einem beliebigen Bildschirm mit ausgewählten Elementen.
Steuert außerdem die Farbe des aktuellen Symbols beim Durchlaufen
verschiedene Optionen im Eingabefenster
line_background_color
242 242 242
0
Steuert die Hintergrundfarbe und Transparenz für
jede Zeile des Menüs oder Menüelements oder eines beliebigen Listenelements.
line_separator_color
226 226 226
255
Steuert Farbe und Transparenz
Trennlinie zwischen Menüs oder Menüpunkten und wird nur angezeigt
wenn mehr als ein ausgewähltes Element verfügbar ist.
scrollbar_color
182 183 184
255
Steuert die Farbe und Transparenz des Streifens
Scrollen wird auf jedem Bildschirm angezeigt.
Cursor_Farbe
61 133 198
255
Steuert die Farbe und Transparenz des Cursors.
werden anhand des Eingangssignals auf Bildschirmen angezeigt.
status_msgs_background_color
242 242 242
255
Steuert die Hintergrundfarbe und Transparenz für
Statusmeldungen, die auf dem Ruhe- und Anrufbildschirm angezeigt werden. Dieser Wert gilt auch für den Hintergrund
Lautstärke ändert sich.
status_msgs_border_color
182 183 184
255
Steuert die Farbe und Transparenz des Rahmens
für Statusmeldungen, die auf dem Ruhe- und Anrufbildschirm angezeigt werden. Dieser Wert gilt auch für den Rand
Lautstärke ändert sich.
smartlabel_background_color
242 242 242
255
Steuert die Hintergrundfarbe und Transparenz des SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Steuert die Hintergrundfarbe und Transparenz des SmartLabels, wenn eine Funktionstaste gedrückt wird.
smartlabel_separator_color
182 183 184
255
Steuert Linienfarbe und Transparenz
Trennzeichen zwischen den einzelnen SmartLabel-Funktionstasten.
smartlabel_label_color
123 124 126
255
Steuert die Farbe und Transparenz von Text,
Wird in SmartLabel verwendet.
smartlabel_pressed_label_color
242 242 242
255
Steuert die Farbe und Transparenz von Text,
Wird in SmartLabel verwendet, wenn Sie eine Funktionstaste drücken.
Da wir nun wissen, wo und was sich befindet, können wir über die Weboberfläche des Telefons den entsprechenden Abschnitt aufrufen Einrichtung/Einstellungen, dann die zweite Registerkarte Optik:
Hier können Sie die Werte ändern, und wenn Sie auf das Fragezeichen klicken, gelangen Sie auf eine Beschreibungsseite, auf der es auch einen Hinweis gibt, wie Sie diesen Wert angeben, wenn Sie eine XML-Datei für die Konfiguration verwenden. Zum Beispiel für unsere erste Zeile „Textfarbe“:
2. Schriftarten ändern
Schriftarten sind auf allen snom-Telefonen frei anpassbar und können per Autoprovisioning geändert werden. Bitte beachten Sie, dass es beim Ersetzen der aktuell verwendeten TrueType- oder Bitmap-Schriftart durch eine benutzerdefinierte Schriftart zu Inkonsistenzen bei der Textwiedergabe kommen kann, da die Benutzeroberfläche für eine bestimmte TrueType-Schriftart optimiert ist.
Um eine Schriftart zu ersetzen, müssen Sie eine TAR-Datei mit der neuen Schriftart erstellen, die genau denselben Namen haben muss wie die alte Schriftart, die ersetzt werden soll.
„tar -cvf Schriftarten.tar Schriftartdatei.ttf“
Diese TAR-Datei muss dann in der XML-Datei referenziert werden, damit sie beim Neustart des Telefons korrekt geladen wird.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Weitere Details zu den vorinstallierten Schriftarten finden Sie auf unserer Website.
Auf diese Weise können Sie Ihre eigene Schriftart auf Ihr Telefon herunterladen.
3. Laden Sie ein Hintergrundbild hoch
Anhand eines Beispiels zeigen wir, wie man den Hintergrund richtig lädt und auf welche Einstellungen es ankommt.
Über die Weboberfläche können Sie ein Hintergrundbild hochladen → Voreinstellungen → Optik:
Diese Einstellung muss auf eine zugängliche Bild-URL eingestellt sein. Sobald die Einstellung geändert wird, wird das Hintergrundbild ersetzt.
Sie können diese Einstellung auch mithilfe der automatischen Bereitstellung ändern, indem Sie das Tag hinzufügen mit einem gültigen Wert in Ihre XML-Datei.
Wenn dieser Parameter leer ist oder die Bild-URL falsch ist, wird das Standardhintergrundbild des Telefons verwendet.
Es ist wichtig,: Wenn Sie Software vor Version 10.1.33.33 verwenden, müssen Sie den Hintergrundfarbwert auf vollständig transparent einstellen.
Dies ist notwendig, da sich das Hintergrundbild auf einer Ebene unterhalb der Standard-Hintergrundfarbe befindet. Dies kann erreicht werden, indem der Alpha-Wert für die Hintergrundfarbe auf 0 gesetzt wird.
Ab Firmware-Version 10.1.33.33 passt sich die Transparenz der Hintergrundfarbe automatisch an das auf dem Telefon angezeigte Hintergrundbild an. Es wird jedoch nicht vollständig transparent sein. Um vollständige Transparenz zu erreichen, passen Sie es an sollte immer noch einen Alpha-Wert von 0 haben.
Um das Hintergrundbild korrekt anzuzeigen, müssen Sie es im PNG-, JPG-, GIF-, BMP- oder TGA-Format speichern. Wir empfehlen dringend, .png-Dateien zu verwenden und diese mit „" um die Dateigröße zu reduzieren und die Leistung zu verbessern.
Bildgröße je nach Modell:
Modell
Auflösung
D375 / D385 / D785
480 x 272
D335 / D735 / D765
320 x 240
D717
426 x 240
4. Beispiel einer Theme-Konfiguration
1. „Dunkles Thema“:
Sehen
<?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. „Buntes Thema“:
Sehen
<?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>Wir hoffen, dass dieses Thema Ihnen hilft, das Problem der manuellen Anpassung zu verstehen.
To be continued ...
Source: habr.com