主持人 > 博客 > 管理 > 自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

我們中的許多人都非常喜歡為我們製作的東西！ 當我們感受到一定的「所有權水準」時，這可以讓我們從「灰色大眾」的背景中脫穎而出。 相同的椅子、桌子、電腦等。 一切都和其他人一樣！

有時，即使是普通筆上的公司徽標這樣的小東西也會讓人感覺很特別，因此更有價值。

同意大多數客戶會更喜歡 Snom 手機，而不是普通手機（像其他人一樣），他們將手機與特殊/個人聯繫在一起。 我確信，如果您是電話解決方案提供商，您也會同意將您的公司與客戶眼中這種「特殊」的提供者聯繫起來。

許多人都知道，Snom 可以提供不同級別的桌上型電話客製化：從需要開發時間的非常複雜的硬體和軟體更改，到每個人都可以開箱即用且完全免費的非常簡單的更改。 我們今天要向您介紹的是後者。

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

我們手機的選單韌體基於 XML 構建，可讓您靈活自訂以下參數的 UI（簡短清單）：

  • 背景圖
  • 字體和顏色
  • 圖標
  • 語
  • 鈴聲
  • 按鍵分配
  • 等等

在本文的第一部分中，我們將討論如何更改 Snom 手機的視覺外觀。 我們來談幾點：

  1. 改變顏色
  2. 更改字體
  3. 載入背景圖像
  4. 主題範例

在我們文章的第 2 部分（即將發布）中，我們將討論其餘的自訂選項。 所以不要“切換”。

1.改變配色方案

從韌體版本10開始，手機的彩色介面在顏色和透明度方面可以完全改變。 這使您可以自訂使用者介面，以實現理想的易讀性、清晰度、顏色偏好和進一步的更改，例如公司的企業形象。

為了更容易理解，有一個描述顏色設定的方案：

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

使用 RGB 值調整顏色

名稱

有效值

值由
默認

描述

標題列文字顏色

4人一組
數字，每個 >=0 且 <=255。

紅色, зеленый, 藍, 阿爾法 （alpha值255表示完全
可見，0 完全透明）。

51 51 51 255

控製文字的顏色和透明度
標題行，例如「日期」、「時間」、
“姓名”等。

文字顏色

51 51 51
255

控制顏色和透明度
正文，例如“選單”、“待機模式”和
所有其他主要文字螢幕。

潛台詞顏色

123 124 126 255

控制顏色和透明度
副文本，例如「選單」、「待機模式」等
其他潛台詞螢幕。

額外文字顏色

123 124 126
255

控制第一個的顏色和透明度
選單右側顯示的文字行，例如通話記錄、日期和
時間。

extratext2_color

123 124 126
255

控制第二個的顏色和透明度
選單右側顯示的文字行，例如通話記錄、日期和
時間。

標題列背景顏色

226 226 226
255

控制背景顏色和透明度
標題行

背景顏色

242 242 242
255

控制背景的顏色和透明度
每個螢幕。

fkey_背景_顏色

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

控製文字的顏色和透明度，
點擊時用於上下文相關按鈕

所選行背景顏色

255 255 255
255

控制背景顏色和透明度
選定的行，例如在選單或任何可選擇的畫面中

所選行指示器顏色

61 133 198
255

控制顏色和透明度
指示器位於所選行的左側，例如，在選單或任何帶有
選定的元素

選定的行文字顏色

61 133 198
255

控製文字的顏色和透明度
選定的行，例如在選單或具有選定項目的任何畫面中。
也控制當前符號循環時的顏色
輸入視窗中的各種選項

線條背景顏色

242 242 242
0

控制背景顏色和透明度
選單或選單項目或任何清單項目的每一行。

行分隔符號顏色

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

控制邊框的顏色和透明度
用於顯示在空閒螢幕和呼叫螢幕上的狀態訊息。 該值也適用於邊框
音量變化。

智慧標籤背景顏色

242 242 242
255

控制智慧標籤的背景顏色和透明度。

smartlabel_pressed_background_color

61 133 198
255

按下功能鍵時控制智慧標籤的背景顏色和透明度。

smartlabel_separator_color

182 183 184
255

控制線條顏色和透明度
每個 SmartLabel 功能鍵之間的分隔符號。

智慧標籤_標籤_顏色

123 124 126
255

控製文字的顏色和透明度，
用於智慧標籤。

smartlabel_pressed_label_color

242 242 242
255

控製文字的顏色和透明度，
當您按下功能鍵時在 SmartLabel 中使用。

現在我們知道了位置和內容，我們可以轉到手機的網路介面來查看該部分 設置/首選項，然後是第二個選項卡 外觀:

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

您可以在此處變更這些值，如果您按一下問號，您將進入描述頁面，其中還有關於如何在使用 XML 檔案進行設定時指定此值的註解。 例如，對於我們的第一行“文字顏色”：

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

2. 更改字體

所有 snom 手機上的字體均可自由定制，並可使用自動配置進行更改。 請注意，如果將目前使用的 TrueType 或點陣字體替換為自訂字體，則文字渲染可能會出現一些不一致，因為使用者介面針對特定 TrueType 字體進行了最佳化。

要替換任何字體，您必須建立一個包含新字體的 tar 文件，該文件的名稱必須與要替換的舊字體完全相同。

“tar -cvf 字型.tar 字型檔.ttf”

然後需要在 xml 文件中引用此 tar 文件，以便在手機重新啟動時正確加載。

<?xml version="1.0" encoding="utf-8" ?>

<settings>

 <uploads>

  <file url="http://192.168.23.54:8080/fonts.tar" type="font" />

 </uploads>

</settings>

有關預裝字體的更多詳細資訊可以在我們的網站上找到。 維基
這樣您就可以將自己的字體下載到手機上。

3.上傳背景圖片

透過一個範例，我們將展示如何正確載入背景以及哪些設定很重要。

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

您可以透過Web介面上傳背景圖片→ 偏好 → 外觀:

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

此設定必須設定為可存取的圖像 URL。 設定更改後，背景圖像將被替換。

或者您可以透過新增標籤使用自動配置來變更此設置將有效值寫入您的 xml 檔案中。

如果該參數為空或圖片URL不正確，則使用手機預設的背景圖片。

這一點很重要：如果您使用的軟體版本為10.1.33.33之前，則必須將背景顏色值設為完全透明。

自己動手或如何自訂您的 Snom 手機。 第 1 部分顏色、字體、背景

這是必要的，因為背景圖像位於標準背景顏色下方的圖層上。 這可以透過將背景顏色的 alpha 值設為 0 來實現。

從韌體版本 10.1.33.33 開始，背景顏色透明度會自動適應手機上顯示的背景影像。 然而，它不會完全透明。 若要完全透明，請調整alpha 值仍應為 0。

若要正確顯示背景影像，必須將其儲存為 png、jpg、gif、bmp 或 tga 格式。 我們強烈建議使用 .png 檔案並使用“優化它們”優化”以減小檔案大小並提高效能。

影像尺寸取決於型號：

模型
許可證

D375 / D385 / D785
480 272點¯x

D335 / D735 / D765
320 240點¯x

D717
426 240點¯x

4. 主題配置範例

1.「黑暗主題」：

自己動手或如何自訂您的 Snom 手機。 第 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.“多彩主題”：

自己動手或如何自訂您的 Snom 手機。 第 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 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

添加評論