พวกเราหลายคนชอบมันมากเมื่อมีบางสิ่งถูกสร้างขึ้นมาเพื่อเรา! เมื่อเรารู้สึกถึง “ระดับความเป็นเจ้าของ” ที่แน่นอน ซึ่งทำให้เราโดดเด่นจากเบื้องหลังของ “มวลสีเทา” เก้าอี้ โต๊ะ คอมพิวเตอร์ ฯลฯ ตัวเดียวกัน ทุกอย่างก็เหมือนคนอื่นๆ!
บางครั้งแม้แต่สิ่งเล็กๆ เช่น โลโก้บริษัทบนปากกาธรรมดาๆ ก็ทำให้รู้สึกพิเศษและมีคุณค่ามากขึ้น
ยอมรับว่าลูกค้าส่วนใหญ่จะชอบโทรศัพท์ Snom แทนที่จะเป็นโทรศัพท์ธรรมดา (เหมือนกับคนอื่นๆ) ซึ่งเป็นโทรศัพท์ที่พวกเขาเชื่อมโยงกับสิ่งพิเศษ/ส่วนตัว ฉันแน่ใจว่าหากคุณเป็นผู้ให้บริการโซลูชั่นระบบโทรศัพท์ คุณจะต้องตกลงที่จะเชื่อมโยงบริษัทของคุณกับผู้ให้บริการ "พิเศษ" นี้ในสายตาของลูกค้า
หลายท่านทราบดีว่า Snom สามารถนำเสนอการปรับแต่งโทรศัพท์เดสก์ท็อปในระดับที่แตกต่างกันมาก ตั้งแต่การเปลี่ยนแปลงฮาร์ดแวร์และซอฟต์แวร์ที่ซับซ้อนมากซึ่งต้องใช้เวลาในการพัฒนา ไปจนถึงการเปลี่ยนแปลงที่เรียบง่ายซึ่งทุกคนพร้อมให้ใช้งานได้ฟรีทันที เป็นเรื่องหลังที่เราอยากจะเล่าให้คุณฟังในวันนี้
เฟิร์มแวร์เมนูของโทรศัพท์ของเราสร้างขึ้นบน XML และช่วยให้คุณปรับแต่ง UI ของพารามิเตอร์ต่อไปนี้ได้อย่างยืดหยุ่น (รายการสั้น ๆ ):
- ภาพพื้นหลัง
- แบบอักษรและสี
- ไอคอน
- ภาษา
- เสียงเรียกเข้า
- การมอบหมายที่สำคัญ
- และอีกมากมาย
ในส่วนที่ 1 ของบทความนี้ เราจะพูดถึงวิธีที่คุณสามารถเปลี่ยนรูปลักษณ์ของโทรศัพท์ Snom ของคุณได้ เรามาพูดถึงบางประเด็นกัน:
- เปลี่ยนสี
- การเปลี่ยนแบบอักษร
- กำลังโหลดภาพพื้นหลัง
- ตัวอย่างหัวข้อ
ในส่วนที่ 2 ของบทความของเรา (เร็วๆ นี้) เราจะพูดถึงตัวเลือกการปรับแต่งอื่นๆ ดังนั้นอย่า "เปลี่ยน"
1. การเปลี่ยนโทนสี
ตั้งแต่เฟิร์มแวร์เวอร์ชัน 10 เป็นต้นไป อินเทอร์เฟซสีของโทรศัพท์สามารถเปลี่ยนได้อย่างสมบูรณ์ในแง่ของสีและความโปร่งใส สิ่งนี้ช่วยให้คุณสามารถปรับแต่งอินเทอร์เฟซผู้ใช้เพื่อให้อ่านง่าย ความชัดเจน การกำหนดลักษณะสี และการเปลี่ยนแปลงเพิ่มเติม เช่น เอกลักษณ์องค์กรของบริษัท
เพื่อให้เข้าใจได้ง่ายขึ้น จึงมีรูปแบบการอธิบายการตั้งค่าสี:
สีจะถูกปรับโดยใช้ค่า RGB
ชื่อ
ค่าที่ถูกต้อง
ค่านิยมโดย
ค่าเริ่มต้น
ลักษณะ
titlebar_text_color
กลุ่ม 4 คน
ตัวเลขแต่ละตัว >=0 และ <=255
สีแดง, สีเขียว, สีน้ำเงิน, แอลฟา (ค่าอัลฟ่า 255 หมายถึงสมบูรณ์
มองเห็นได้ และ 0 มีความโปร่งใสโดยสมบูรณ์)
51 51 51 255
ควบคุมสีและความโปร่งใสของข้อความ
บรรทัดหัวเรื่อง เช่น "วันที่" "เวลา"
"ชื่อ" ฯลฯ
text_color
51 51 51
255
ควบคุมสีและความโปร่งใส
ข้อความเนื้อหา เช่น “เมนู”, “โหมดสแตนด์บาย” และ
หน้าจอข้อความหลักอื่นๆ ทั้งหมด
ข้อความย่อย_สี
123 124 126 255
ควบคุมสีและความโปร่งใส
ข้อความย่อย เช่น “เมนู” “โหมดสแตนด์บาย” และทั้งหมด
หน้าจอข้อความย่อยอื่นๆ
ข้อความพิเศษ_สี
123 124 126
255
ควบคุมสีและความโปร่งใสของสีแรก
บรรทัดข้อความที่แสดงทางด้านขวาของเมนู เช่น ประวัติการโทร วันที่ และ
เวลา.
extratext2_color
123 124 126
255
ควบคุมสีและความโปร่งใสของวินาที
บรรทัดข้อความที่แสดงทางด้านขวาของเมนู เช่น ประวัติการโทร วันที่ และ
เวลา.
titlebar_พื้นหลัง_สี
226 226 226
255
ควบคุมสีพื้นหลังและความโปร่งใส
บรรทัดส่วนหัว
สีพื้นหลัง
242 242 242
255
ควบคุมสีและความโปร่งใสของพื้นหลัง
ทุกหน้าจอ
fkey_พื้นหลัง_สี
242 242 242
255
ควบคุมสีและความโปร่งใส
ปุ่มตามบริบท
fkey_pressed_พื้นหลัง_สี
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
ควบคุมสีพื้นหลังและความโปร่งใส
บรรทัดที่เลือก เช่น ในเมนูหรือหน้าจอที่เลือกได้
Selected_line_indicator_color
61 133 198
255
ควบคุมสีและความโปร่งใส
ตัวบ่งชี้ทางด้านซ้ายของบรรทัดที่เลือก เช่น ในเมนูหรือหน้าจอใดๆ ด้วย
องค์ประกอบที่เลือก
Selected_line_text_color
61 133 198
255
ควบคุมสีและความโปร่งใสของข้อความ
บรรทัดที่เลือก เช่น ในเมนูหรือหน้าจอใดๆ ที่มีรายการที่เลือก
ยังควบคุมสีของสัญลักษณ์ปัจจุบันขณะหมุนเวียนอีกด้วย
ตัวเลือกต่างๆ ในหน้าต่างป้อนข้อมูล
line_พื้นหลัง_สี
242 242 242
0
ควบคุมสีพื้นหลังและความโปร่งใสสำหรับ
แต่ละบรรทัดของเมนูหรือรายการเมนู หรือรายการใดๆ
line_separator_color
226 226 226
255
ควบคุมสีและความโปร่งใส
เส้นแบ่งระหว่างเมนูหรือรายการเมนูและแสดงไว้เท่านั้น
เมื่อมีรายการที่เลือกไว้มากกว่าหนึ่งรายการ
scrollbar_color
182 183 184
255
ควบคุมสีและความโปร่งใสของแถบ
การเลื่อนที่แสดงบนหน้าจอใด ๆ
เคอร์เซอร์_สี
61 133 198
255
ควบคุมสีและความโปร่งใสของเคอร์เซอร์
แสดงบนหน้าจอโดยใช้สัญญาณอินพุต
สถานะ_msgs_พื้นหลัง_สี
242 242 242
255
ควบคุมสีพื้นหลังและความโปร่งใสสำหรับ
ข้อความสถานะที่ปรากฏบนหน้าจอว่างและหน้าจอการโทร ค่านี้ยังใช้กับพื้นหลังด้วย
การเปลี่ยนแปลงระดับเสียง
สถานะ_msgs_border_color
182 183 184
255
ควบคุมสีและความโปร่งใสของเส้นขอบ
สำหรับข้อความสถานะที่ปรากฏบนหน้าจอว่างและหน้าจอการโทร ค่านี้ยังใช้กับเส้นขอบด้วย
การเปลี่ยนแปลงระดับเสียง
ป้ายกำกับอัจฉริยะ_พื้นหลัง_สี
242 242 242
255
ควบคุมสีพื้นหลังและความโปร่งใสของ SmartLabel
smartlabel_pressed_พื้นหลัง_สี
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 หรือบิตแมปที่ใช้อยู่ในปัจจุบันด้วยแบบอักษรที่กำหนดเอง อาจมีความไม่สอดคล้องกันในการแสดงข้อความเนื่องจากอินเทอร์เฟซผู้ใช้ได้รับการปรับให้เหมาะสมสำหรับแบบอักษร 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 272 X
D335/D735/D765
320 240 X
D717
426 240 X
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>เราหวังว่าหัวข้อนี้จะช่วยให้คุณเข้าใจปัญหาของการปรับแต่งด้วยตนเอง
จะยังคง ...
ที่มา: will.com