主持人 > 博客 > 管理 > 自己动手或如何定制您的 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 x 272

D335 / D735 / D765
320 x 240

D717
426 x 240

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>

我们希望本主题能够帮助您了解手动定制的问题。

待续...

来源： habr.com

添加评论