Σε πολλούς από εμάς αρέσει πολύ όταν φτιάχνεται κάτι για εμάς! Όταν νιώθουμε ένα συγκεκριμένο «επίπεδο ιδιοκτησίας», που μας επιτρέπει να ξεχωρίζουμε από το φόντο της «γκρίζας μάζας». Οι ίδιες καρέκλες, τραπέζια, υπολογιστές κ.λπ. Όλα είναι όπως όλα τα άλλα!
Μερικές φορές ακόμη και ένα τόσο μικρό πράγμα όπως το λογότυπο της εταιρείας σε ένα συνηθισμένο στυλό το κάνει να νιώθει ξεχωριστό και επομένως πιο πολύτιμο.
Συμφωνήστε ότι οι περισσότεροι πελάτες θα προτιμήσουν ένα τηλέφωνο Snom αντί για ένα κανονικό (όπως όλοι οι άλλοι), ένα τηλέφωνο που συνδέουν με κάτι ιδιαίτερο/προσωπικό. Είμαι βέβαιος ότι εάν είστε πάροχος λύσεων τηλεφωνίας, θα συμφωνούσατε επίσης να συσχετίσετε την εταιρεία σας με τον πάροχο αυτού του «ειδικού» στα μάτια του πελάτη.
Πολλοί από εσάς γνωρίζετε ότι το Snom μπορεί να προσφέρει πολύ διαφορετικά επίπεδα προσαρμογής επιτραπέζιων τηλεφώνων: από πολύ περίπλοκες αλλαγές υλικού και λογισμικού που απαιτούν χρόνο ανάπτυξης, έως πολύ απλές που είναι διαθέσιμες σε όλους, εντελώς δωρεάν. Είναι το τελευταίο που θέλουμε να σας πούμε σήμερα.
Το υλικολογισμικό μενού των τηλεφώνων μας είναι χτισμένο σε XML και σας επιτρέπει να προσαρμόσετε ευέλικτα τη διεπαφή χρήστη των παρακάτω παραμέτρων (σύντομη λίστα):
- εικόνα φόντου
- γραμματοσειρά και χρώμα
- εικονίδια
- γλώσσα
- κουδούνισματα τηλεφώνου
- ανάθεση κλειδιού
- και πολλά άλλα
Σε αυτό, το 1ο μέρος του άρθρου μας, θα μιλήσουμε για το πώς μπορείτε να αλλάξετε την οπτική εμφάνιση του τηλεφώνου σας Snom. Ας μιλήσουμε για μερικά σημεία:
- Αλλαγή χρωμάτων
- Αλλαγή γραμματοσειρών
- Φόρτωση εικόνας φόντου
- Παραδείγματα θεμάτων
Στο Μέρος 2 του άρθρου μας (προσεχώς) θα μιλήσουμε για τις υπόλοιπες επιλογές προσαρμογής. Οπότε μην «αλλάξετε».
1. Αλλαγή του συνδυασμού χρωμάτων
Ξεκινώντας με την έκδοση υλικολογισμικού 10, η χρωματική διεπαφή του τηλεφώνου μπορεί να αλλάξει πλήρως όσον αφορά το χρώμα και τη διαφάνεια. Αυτό σας επιτρέπει να προσαρμόσετε τη διεπαφή χρήστη για ιδανική αναγνωσιμότητα, σαφήνεια, προτιμήσεις χρωμάτων και περαιτέρω αλλαγές, για παράδειγμα, στην εταιρική ταυτότητα της εταιρείας.
Για να γίνει πιο κατανοητό, υπάρχει ένα σχήμα για την περιγραφή των ρυθμίσεων χρώματος:
Τα χρώματα προσαρμόζονται χρησιμοποιώντας τιμές RGB
Όνομα
Έγκυρες τιμές
Τιμές κατά
Προκαθορισμένο
Περιγραφή
γραμμή τίτλου_κείμενο_χρώμα
Ομάδα των 4
αριθμοί, ο καθένας >=0 και <=255.
κόκκινος, πράσινος, синий, άλφα (η τιμή άλφα 255 σημαίνει πλήρως
ορατό και το 0 είναι εντελώς διαφανές).
51 51 51 255
Ελέγχει το χρώμα και τη διαφάνεια του κειμένου
γραμμή τίτλου, για παράδειγμα, "Ημερομηνία", "Ώρα",
«Όνομα» κ.λπ.
χρώμα κειμένου
51 51 51
255
Ελέγχει το χρώμα και τη διαφάνεια
κείμενο σώματος όπως "Μενού", "Κατάσταση αναμονής" και
όλες οι άλλες κύριες οθόνες κειμένου.
υποκείμενο_χρώμα
123 124 126 255
Ελέγχει το χρώμα και τη διαφάνεια
υποκείμενο, για παράδειγμα, "Μενού", "Κατάσταση αναμονής" και όλα
άλλες οθόνες υποκειμένου.
extratext_color
123 124 126
255
Ελέγχει το χρώμα και τη διαφάνεια του πρώτου
γραμμές κειμένου που εμφανίζονται στη δεξιά πλευρά του μενού, όπως ιστορικό κλήσεων, ημερομηνία και
ώρα.
extratext2_color
123 124 126
255
Ελέγχει το χρώμα και τη διαφάνεια του δεύτερου
γραμμές κειμένου που εμφανίζονται στη δεξιά πλευρά του μενού, όπως ιστορικό κλήσεων, ημερομηνία και
ώρα.
γραμμή τίτλου_φόντο_χρώμα
226 226 226
255
Ελέγχει το χρώμα του φόντου και τη διαφάνεια
γραμμές κεφαλίδας
χρώμα του φόντου
242 242 242
255
Ελέγχει το χρώμα και τη διαφάνεια του φόντου
κάθε οθόνη.
fkey_background_color
242 242 242
255
Ελέγχει το χρώμα και τη διαφάνεια
κουμπιά με ευαισθησία στο πλαίσιο.
fkey_pressed_background_color
61 133 198
255
Ελέγχει το χρώμα του φόντου και τη διαφάνεια
πλήκτρα ευαίσθητα στο περιβάλλον όταν πατηθούν.
fkey_separator_color
182 183 184
255
Ελέγχει το χρώμα και τη διαφάνεια
Διαχωριστικές γραμμές κουμπιών με ευαισθησία στο περιβάλλον
fkey_label_color
123 124 126
255
Ελέγχει το χρώμα και τη διαφάνεια του κειμένου,
χρησιμοποιείται σε κουμπιά με ευαισθησία περιβάλλοντος
fkey_pressed_label_color
242 242 242
255
Ελέγχει το χρώμα και τη διαφάνεια του κειμένου,
χρησιμοποιείται σε κουμπιά με ευαισθησία περιβάλλοντος όταν γίνεται κλικ
Selected_line_background_color
255 255 255
255
Ελέγχει το χρώμα του φόντου και τη διαφάνεια
επιλεγμένη γραμμή, για παράδειγμα σε ένα Μενού ή σε οποιαδήποτε επιλέξιμη οθόνη
επιλεγμένη_γραμμή_δείκτης_χρώμα
61 133 198
255
Ελέγχει το χρώμα και τη διαφάνεια
ένδειξη στα αριστερά της επιλεγμένης γραμμής, για παράδειγμα, στο Μενού ή σε οποιαδήποτε οθόνη με
επιλεγμένα στοιχεία
Selected_line_text_color
61 133 198
255
Ελέγχει το χρώμα και τη διαφάνεια του κειμένου
επιλεγμένη γραμμή, για παράδειγμα σε ένα Μενού ή σε οποιαδήποτε οθόνη με επιλεγμένα στοιχεία.
Επίσης ελέγχει το χρώμα του τρέχοντος συμβόλου καθώς περνάει
διάφορες επιλογές στο παράθυρο εισαγωγής
line_background_color
242 242 242
0
Ελέγχει το χρώμα φόντου και τη διαφάνεια για
κάθε γραμμή του μενού ή του στοιχείου μενού ή οποιοδήποτε στοιχείο λίστας.
line_separator_color
226 226 226
255
Ελέγχει το χρώμα και τη διαφάνεια
διαχωριστική γραμμή μεταξύ μενού ή στοιχείων μενού και εμφανίζεται μόνο
όταν είναι διαθέσιμα περισσότερα από ένα επιλεγμένα στοιχεία.
γραμμή κύλισης_χρώμα
182 183 184
255
Ελέγχει το χρώμα και τη διαφάνεια της ρίγας
κύλιση που εμφανίζεται σε οποιαδήποτε οθόνη.
δρομέας_χρώμα
61 133 198
255
Ελέγχει το χρώμα και τη διαφάνεια του δρομέα,
εμφανίζεται στις οθόνες χρησιμοποιώντας το σήμα εισόδου.
status_msgs_background_color
242 242 242
255
Ελέγχει το χρώμα φόντου και τη διαφάνεια για
μηνύματα κατάστασης που εμφανίζονται στις οθόνες αναμονής και κλήσεων. Αυτή η τιμή ισχύει και για το φόντο
αλλαγές έντασης.
status_msgs_border_color
182 183 184
255
Ελέγχει το χρώμα και τη διαφάνεια του περιγράμματος
για μηνύματα κατάστασης που εμφανίζονται στις οθόνες αναμονής και κλήσεων. Αυτή η τιμή ισχύει και για το περίγραμμα
αλλαγές έντασης.
smartlabel_background_color
242 242 242
255
Ελέγχει το χρώμα φόντου και τη διαφάνεια του SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Ελέγχει το χρώμα φόντου και τη διαφάνεια του SmartLabel όταν πατηθεί ένα πλήκτρο λειτουργίας.
smartlabel_separator_color
182 183 184
255
Ελέγχει το χρώμα και τη διαφάνεια της γραμμής
διαχωριστικό μεταξύ κάθε πλήκτρου λειτουργίας SmartLabel.
smartlabel_label_color
123 124 126
255
Ελέγχει το χρώμα και τη διαφάνεια του κειμένου,
χρησιμοποιείται στο SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Ελέγχει το χρώμα και τη διαφάνεια του κειμένου,
χρησιμοποιείται στο SmartLabel όταν πατάτε ένα πλήκτρο λειτουργίας.
Τώρα που γνωρίζουμε πού και τι βρίσκεται, μπορούμε να μεταβούμε στη διεπαφή ιστού του τηλεφώνου στην ενότητα Ρύθμιση/Προτιμήσεις, μετά η δεύτερη καρτέλα Εμφάνιση:
Εδώ μπορείτε να αλλάξετε τις τιμές και αν κάνετε κλικ στο ερωτηματικό, θα μεταφερθείτε σε μια σελίδα περιγραφής, όπου υπάρχει επίσης μια σημείωση σχετικά με τον τρόπο καθορισμού αυτής της τιμής εάν χρησιμοποιείτε ένα αρχείο XML για τη διαμόρφωση. Για παράδειγμα, για την πρώτη μας γραμμή "Χρώμα κειμένου":
2. Αλλαγή γραμματοσειρών
Οι γραμματοσειρές σε όλα τα τηλέφωνα snom είναι ελεύθερα προσαρμόσιμες και μπορούν να αλλάξουν χρησιμοποιώντας την αυτόματη παροχή. Λάβετε υπόψη ότι εάν η γραμματοσειρά TrueType ή bitmap που χρησιμοποιείται αυτήν τη στιγμή αντικατασταθεί με μια προσαρμοσμένη γραμματοσειρά, ενδέχεται να υπάρχουν κάποιες ασυνέπειες στην απόδοση κειμένου επειδή η διεπαφή χρήστη έχει βελτιστοποιηθεί για μια συγκεκριμένη γραμματοσειρά TrueType.
Για να αντικαταστήσετε οποιαδήποτε γραμματοσειρά, πρέπει να δημιουργήσετε ένα αρχείο tar που να περιέχει τη νέα γραμματοσειρά, η οποία πρέπει να ονομαστεί ακριβώς όπως η παλιά γραμματοσειρά που θα αντικατασταθεί.
"tar -cvf fonts.tar fontfile.ttf"
Αυτό το αρχείο tar πρέπει στη συνέχεια να αναφέρεται στο αρχείο xml, έτσι ώστε να φορτώνεται σωστά κατά την επανεκκίνηση του τηλεφώνου.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Περισσότερες λεπτομέρειες σχετικά με το ποιες γραμματοσειρές είναι προεγκατεστημένες μπορείτε να βρείτε στον ιστότοπό μας.
Με αυτόν τον τρόπο μπορείτε να κατεβάσετε τη δική σας γραμματοσειρά στο τηλέφωνό σας.
3. Ανεβάστε μια εικόνα φόντου
Χρησιμοποιώντας ένα παράδειγμα, θα δείξουμε πώς να φορτώσετε σωστά το φόντο και ποιες ρυθμίσεις έχουν σημασία.
Μπορείτε να ανεβάσετε μια εικόνα φόντου μέσω της διεπαφής Web → Προτιμήσεις → Εμφάνιση:
Αυτή η ρύθμιση πρέπει να οριστεί σε μια προσβάσιμη διεύθυνση URL εικόνας. Μόλις αλλάξει η ρύθμιση, η εικόνα φόντου θα αντικατασταθεί.
Ή μπορείτε να αλλάξετε αυτήν τη ρύθμιση χρησιμοποιώντας την αυτόματη παροχή προσθέτοντας την ετικέτα με μια έγκυρη τιμή στο αρχείο xml.
Εάν αυτή η παράμετρος είναι κενή ή η διεύθυνση URL της εικόνας είναι λανθασμένη, θα χρησιμοποιηθεί η προεπιλεγμένη εικόνα φόντου του τηλεφώνου.
Είναι σημαντικό: Εάν χρησιμοποιείτε λογισμικό πριν από την έκδοση 10.1.33.33, πρέπει να ορίσετε την τιμή χρώματος φόντου σε πλήρως διαφανές.
Αυτό είναι απαραίτητο επειδή η εικόνα φόντου βρίσκεται σε ένα στρώμα κάτω από το τυπικό χρώμα φόντου. Αυτό μπορεί να επιτευχθεί ορίζοντας την τιμή άλφα στο 0 για το χρώμα φόντου.
Ξεκινώντας με την έκδοση υλικολογισμικού 10.1.33.33, η διαφάνεια χρώματος φόντου προσαρμόζεται αυτόματα στην εικόνα φόντου που εμφανίζεται στο τηλέφωνο. Ωστόσο, δεν θα είναι εντελώς διαφανές. Για να επιτύχετε πλήρη διαφάνεια, προσαρμόστε θα πρέπει να εξακολουθεί να έχει τιμή άλφα 0.
Για να εμφανίσετε σωστά την εικόνα φόντου, πρέπει να την αποθηκεύσετε σε μορφή png, jpg, gif, bmp ή tga. Συνιστούμε ανεπιφύλακτα τη χρήση αρχείων .png και τη βελτιστοποίησή τους με "" για να μειώσετε το μέγεθος του αρχείου και να βελτιώσετε την απόδοση.
Μέγεθος εικόνας ανάλογα με το μοντέλο:
Μοντέλο
άδεια
D375/ D385/ D785
X 480 272
D335/ D735/ D765
X 320 240
D717
X 426 240
4. Παράδειγμα διαμόρφωσης θέματος
1. "Σκοτεινό θέμα":
ματιά
<?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. "Πολύχρωμο Θέμα":
ματιά
<?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>Ελπίζουμε ότι αυτό το θέμα θα σας βοηθήσει να κατανοήσετε το ζήτημα της μη αυτόματης προσαρμογής.
Για να συνεχιστεί ...
Πηγή: www.habr.com