بسیاری از ما واقعاً دوست داریم که چیزی برای ما ساخته شود! زمانی که احساس می کنیم "سطح مالکیت" خاصی را احساس می کنیم، که به ما امکان می دهد از پس زمینه "توده خاکستری" متمایز شویم. همان صندلی ها، میزها، کامپیوترها و... همه چیز مثل بقیه است!
گاهی اوقات حتی یک چیز کوچک مانند یک لوگوی شرکت روی یک خودکار معمولی باعث می شود که احساس خاص و در نتیجه ارزشمندتر شود.
موافق باشید که اکثر مشتریان به جای تلفن معمولی (مانند بقیه)، تلفن اسنوم را ترجیح می دهند، تلفنی که آنها را با چیزی خاص/شخصی مرتبط می دانند. من مطمئن هستم که اگر شما یک ارائه دهنده راه حل های تلفن هستید، همچنین موافقت می کنید که شرکت خود را با ارائه دهنده این "ویژه" از نظر مشتری مرتبط کنید.
بسیاری از شما می‌دانید که Snom می‌تواند سطوح بسیار متفاوتی از سفارشی‌سازی تلفن‌های رومیزی را ارائه دهد: از تغییرات سخت‌افزاری و نرم‌افزاری بسیار پیچیده که نیازمند زمان توسعه هستند تا تغییرات بسیار ساده‌ای که در دسترس همه هستند، کاملاً رایگان. این دومی است که امروز می خواهیم به شما بگوییم.
سفت‌افزار منوی گوشی‌های ما بر اساس XML ساخته شده است و به شما این امکان را می‌دهد که UI پارامترهای زیر را به صورت انعطاف‌پذیر سفارشی کنید (لیست کوتاه):
- تصویر پس زمینه
- فونت و رنگ
- آیکون ها
- زبان
- آهنگ های زنگ
- تکلیف کلید
- و خیلی بیشتر
در این قسمت اول مقاله ما در مورد اینکه چگونه می توانید ظاهر بصری گوشی اسنوم خود را تغییر دهید صحبت خواهیم کرد. بیایید در مورد چند نکته صحبت کنیم:
- تغییر رنگ
- تغییر فونت
- در حال بارگذاری تصویر پس زمینه
- مثال های موضوعی
در قسمت 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
رنگ و شفافیت متن را کنترل می کند،
در دکمه های حساس به متن هنگام کلیک کردن استفاده می شود
Select_line_background_color
255 255 255
255
رنگ پس زمینه و شفافیت را کنترل می کند
خط انتخاب شده، برای مثال در یک منو یا هر صفحه قابل انتخاب
select_line_indicator_color
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
رنگ و شفافیت حاشیه را کنترل می کند
برای پیام های وضعیتی که در صفحه های بیکار و تماس ظاهر می شوند. این مقدار برای حاشیه نیز صدق می کند
تغییرات حجم
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. یک تصویر پس زمینه آپلود کنید
با استفاده از یک مثال، نحوه بارگذاری صحیح پس زمینه و تنظیمات مهم را نشان خواهیم داد.
می توانید یک تصویر پس زمینه را از طریق رابط وب آپلود کنید تنظیمات → ظاهر:
این تنظیم باید روی یک URL تصویر قابل دسترسی تنظیم شود. پس از تغییر تنظیمات، تصویر پس زمینه جایگزین خواهد شد.
یا می توانید این تنظیم را با استفاده از تامین خودکار با افزودن برچسب تغییر دهید با یک مقدار معتبر در فایل xml شما.
اگر این پارامتر خالی باشد یا URL تصویر نادرست باشد، از تصویر پس‌زمینه پیش‌فرض گوشی استفاده می‌شود.
این مهم است: اگر از نرم افزار قبل از نسخه 10.1.33.33 استفاده می کنید، باید مقدار رنگ پس زمینه را روی کاملا شفاف تنظیم کنید.
این امر ضروری است زیرا تصویر پس زمینه روی لایه ای زیر رنگ پس زمینه استاندارد قرار دارد. این را می توان با تنظیم مقدار آلفا روی 0 برای رنگ پس زمینه به دست آورد.
با شروع نسخه میان‌افزار 10.1.33.33، شفافیت رنگ پس‌زمینه به‌طور خودکار با تصویر پس‌زمینه نمایش‌داده‌شده بر روی گوشی سازگار می‌شود. با این حال، کاملا شفاف نخواهد بود. برای دستیابی به شفافیت کامل، تنظیم کنید هنوز باید مقدار آلفای 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. "تم تاریک":
دیدن
<?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