基于T5L_DGUSII平臺,迪文科技在DGUS軟件中增加了滑動圖標(biāo)選擇功能,可以將用戶需要用到的所有圖標(biāo)放置在一張“巨大”的圖片上(其橫向或縱向分辨率可以遠超屏幕本身),通過上下或左右平移來進行選擇。此功能可幫助用戶實現(xiàn)更酷炫的UI,帶來用戶體驗上的提升。
圖標(biāo)滑動選擇功能效果視頻
功能解析:
圖標(biāo)滑動選擇功能需要用到顯示控件“圖標(biāo)頁面平移”(左圖)和觸控控件“滑動圖標(biāo)選擇”(右圖)。
具體操作步驟:
1.背景圖片制作
根據(jù)需求制作UI圖片,并使用DGUSV755的DWINICO工具生成背景ICL文件。
2.圖標(biāo)制作
將需要用到的產(chǎn)品功能圖標(biāo)(程序或菜單索引)排列在一張“巨大”JPEG圖片上,此圖片橫向分辨率或縱向分辨率可以遠大于屏幕本身,如下圖所示,圖標(biāo)分辨率為1440*720(W*H)。并用DWINICO工具將該圖片生成ICL文件。
注:文件大小要求T5L1平臺下,ICL文件包中單張圖片不能超過252KB,T5L2平臺下不超過764KB,分辨率無限制。
圖標(biāo)圖片
主界面
3.功能配置
在T5L_DGUS II中使用圖標(biāo)頁面平移和滑動圖標(biāo)選擇控件進行參數(shù)設(shè)置。根據(jù)需求選擇一個區(qū)域用于展示圖標(biāo)菜單??稍趫D標(biāo)上定義一個虛擬觸控,用于圖標(biāo)的觸控操作。然后,在需要實現(xiàn)觸摸滑動的區(qū)域,放置滑動圖標(biāo)控件并配置即可。樣例參數(shù)如下圖所示:
4.工程導(dǎo)入
將做好的工程文件導(dǎo)入到設(shè)備中,就可以實現(xiàn)圖標(biāo)滑動選擇功能了。
作者:祖曉晨
編輯:孫惠英