افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

الكثير منا يحب ذلك حقًا عندما يتم صنع شيء ما لنا! عندما نشعر "بمستوى معين من الملكية" يسمح لنا بالتميز عن خلفية "الكتلة الرمادية". نفس الكراسي والطاولات وأجهزة الكمبيوتر وما إلى ذلك. كل شيء مثل أي شخص آخر!

في بعض الأحيان، حتى شيء صغير مثل شعار الشركة على قلم عادي يجعله يشعر بالخصوصية وبالتالي أكثر قيمة.

توافق على أن معظم العملاء يفضلون هاتف Snom بدلاً من الهاتف العادي (مثل أي شخص آخر)، وهو هاتف يربطونه بشيء خاص/شخصي. أنا متأكد من أنك إذا كنت مزود حلول هاتفية، فإنك توافق أيضًا على ربط شركتك بمزود هذا "الخاص" في نظر العميل.

يعرف الكثير منكم أن Snom يمكنه تقديم مستويات مختلفة جدًا من تخصيص هواتف سطح المكتب: بدءًا من التغييرات المعقدة جدًا في الأجهزة والبرامج التي تتطلب وقتًا للتطوير، إلى التغييرات البسيطة جدًا المتوفرة للجميع خارج الصندوق مجانًا تمامًا. هذا هو الأخير الذي نريد أن نخبركم عنه اليوم.

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

قائمة البرامج الثابتة لهواتفنا مبنية على XML وتسمح لك بتخصيص واجهة المستخدم بشكل مرن للمعلمات التالية (قائمة قصيرة):

  • الصورة الخلفية
  • الخط واللون
  • الرموز
  • لغة
  • نغمات
  • مهمة رئيسية
  • وأكثر بكثير

سنتحدث في هذا الجزء الأول من مقالتنا عن كيفية تغيير المظهر المرئي لهاتف Snom الخاص بك. دعونا نتحدث عن بعض النقاط:

  1. تغيير الألوان
  2. تغيير الخطوط
  3. تحميل صورة الخلفية
  4. أمثلة الموضوع

في الجزء الثاني من مقالتنا (قريبًا) سنتحدث عن باقي خيارات التخصيص. لذلك لا "تبديل".

1. تغيير نظام الألوان

بدءًا من الإصدار 10 من البرنامج الثابت، يمكن تغيير واجهة ألوان الهاتف بالكامل من حيث اللون والشفافية. يتيح لك ذلك تخصيص واجهة المستخدم لتحقيق الوضوح المثالي والوضوح وتفضيلات الألوان وإجراء المزيد من التغييرات، على سبيل المثال، على هوية الشركة.

لتسهيل الفهم، يوجد مخطط لوصف إعدادات الألوان:

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

يتم ضبط الألوان باستخدام قيم RGB

اسم

قيم صالحة

القيم بواسطة
إفتراضي

وصف

titlebar_text_color

مجموعة من 4
الأرقام، كل >=0 و<=255.

أحمر, أخضر, أزرق, ألفا (قيمة ألفا 255 تعني تماما
مرئي، و0 شفاف تمامًا).

51 51 51 255

التحكم في لون النص وشفافيته
سطر العنوان، على سبيل المثال، "التاريخ"، "الوقت"،
"الاسم" الخ

لون الخط

51 51 51
255

التحكم في اللون والشفافية
نص أساسي مثل "القائمة" و"وضع الاستعداد" و
جميع شاشات النص الرئيسية الأخرى.

subtext_color

123 124 126 255

التحكم في اللون والشفافية
نص فرعي، على سبيل المثال، "القائمة"، "وضع الاستعداد" وكل شيء
شاشات النص الفرعي الأخرى.

extratext_color

123 124 126
255

يتحكم في اللون والشفافية الأولى
أسطر النص المعروضة على الجانب الأيمن من القائمة، مثل سجل المكالمات والتاريخ و
الوقت.

extratext2_color

123 124 126
255

يتحكم في لون وشفافية الثانية
أسطر النص المعروضة على الجانب الأيمن من القائمة، مثل سجل المكالمات والتاريخ و
الوقت.

titlebar_background_color

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

يتحكم في لون الخلفية والشفافية
السطر المحدد، على سبيل المثال في القائمة أو أي شاشة قابلة للتحديد

Selected_line_indicator_color

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

التحكم في اللون والشفافية
الخط الفاصل بين القوائم أو عناصر القائمة ويظهر فقط
عند توفر أكثر من عنصر محدد.

Scrollbar_color

182 183 184
255

يتحكم في لون وشفافية الشريط
التمرير المعروض على أي شاشة.

cursor_color

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 عند الضغط على مفتاح وظيفي.

الآن بعد أن عرفنا أين وماذا يقع، يمكننا الانتقال إلى واجهة الويب الخاصة بالهاتف إلى القسم الإعداد / التفضيلات، ثم علامة التبويب الثانية مظهر:

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

هنا يمكنك تغيير القيم، وإذا نقرت على علامة الاستفهام، سيتم نقلك إلى صفحة الوصف، حيث توجد أيضًا ملاحظة حول كيفية تحديد هذه القيمة إذا كنت تستخدم ملف XML للتكوين. على سبيل المثال، بالنسبة للسطر الأول "لون النص":

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

2. تغيير الخطوط

الخطوط الموجودة على جميع هواتف snom قابلة للتخصيص بحرية ويمكن تغييرها باستخدام التوفير التلقائي. يرجى العلم أنه إذا تم استبدال خط TrueType أو الصورة النقطية المستخدم حاليًا بخط مخصص، فقد تحدث بعض حالات عدم الاتساق في عرض النص نظرًا لأن واجهة المستخدم محسنة لخط TrueType محدد.

لاستبدال أي خط، يجب عليك إنشاء ملف tar يحتوي على الخط الجديد، والذي يجب أن يكون اسمه بالضبط نفس اسم الخط القديم الذي سيتم استبداله.

"القطران -cvf الخطوط.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. قم بتحميل صورة الخلفية

باستخدام مثال، سنوضح كيفية تحميل الخلفية بشكل صحيح والإعدادات المهمة.

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

يمكنك تحميل صورة خلفية عبر واجهة الويب → التفضيلات مظهر:

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

يجب ضبط هذا الإعداد على عنوان URL للصورة الذي يمكن الوصول إليه. بمجرد تغيير الإعداد، سيتم استبدال صورة الخلفية.

أو يمكنك تغيير هذا الإعداد باستخدام إدارة الحسابات التلقائية عن طريق إضافة العلامة بقيمة صالحة في ملف xml الخاص بك.

إذا كانت هذه المعلمة فارغة أو كان عنوان URL للصورة غير صحيح، فسيتم استخدام صورة الخلفية الافتراضية للهاتف.

من المهم: إذا كنت تستخدم برنامجًا أقدم من الإصدار 10.1.33.33، فيجب عليك ضبط قيمة لون الخلفية على الشفافية الكاملة.

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

يعد ذلك ضروريًا لأن صورة الخلفية موجودة على طبقة أسفل لون الخلفية القياسي. يمكن تحقيق ذلك عن طريق ضبط قيمة ألفا على 0 للون الخلفية.

بدءًا من إصدار البرنامج الثابت 10.1.33.33، تتكيف شفافية لون الخلفية تلقائيًا مع صورة الخلفية المعروضة على الهاتف. ومع ذلك، فإنه لن يكون شفافا تماما. لتحقيق الشفافية الكاملة، قم بضبط يجب أن تظل قيمة ألفا 0.

لعرض صورة الخلفية بشكل صحيح، يجب عليك حفظها بتنسيق png أو jpg أو gif أو bmp أو tga. نوصي بشدة باستخدام ملفات .png وتحسينها باستخدام "اختيار"لتقليل حجم الملف وتحسين الأداء.

حجم الصورة حسب الموديل:

نموذج
تصريح

D375/D385/D785
480 س 272

D335/D735/D765
320 س 240

D717
426 س 240

4. مثال لتكوين الموضوع

1. "الموضوع المظلم":

افعل ذلك بنفسك أو كيفية تخصيص هاتف Snom الخاص بك. الجزء الأول الألوان والخط والخلفية

شاهد

<?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 الخاص بك. الجزء الأول الألوان والخط والخلفية

شاهد

<?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

إضافة تعليق