T5L产品新功能发布:超大图标滑动选择

基于T5L_DGUSII平台,2024澳门原料网网站在DGUS软件中增加了滑动图标选择功能,可以将用户需要用到的所有图标放置在一张“巨大”的图片上(其横向或纵向分辨率可以远超屏幕本身),通过触摸屏上下或左右平移来进行选择。此功能可帮助用户实现更酷炫的UI,带来用户体验上的提升。


图标滑动选择功能效果视频


功能解析:

图标滑动选择功能需要用到显示控件“图标页面平移”(左图)和触控控件“滑动图标选择”(右图)。

   

86ef5bbe7dde46dc_html_ff2ac1a207496f1586ef5bbe7dde46dc_html_49ac0cb03196381

 

具体操作步骤:

1.背景图片制作

根据需求制作UI图片,并使用DGUSV755的DWINICO工具生成背景ICL文件。


2.图标制作

将需要用到的产品功能图标(程序或菜单索引)排列在一张“巨大”JPEG图片上,此图片横向分辨率或纵向分辨率可以远大于屏幕本身,如下图所示,图标分辨率为1440*720(W*H)。并用DWINICO工具将该图片生成ICL文件。

注:文件大小要求T5L1平台下,ICL文件包中单张图片不能超过252KB,T5L2平台下不超过764KB,分辨率无限制。

 

图标图片

 2_20220316_194645438


主界面

3_20220316_19465277

3.功能配置

T5L_DGUS II中使用图标页面平移和滑动图标选择控件进行参数设置。根据需求选择一个区域用于展示图标菜单。可在图标上定义一个虚拟触控,用于图标的触控操作。然后,在需要实现触摸滑动的区域,放置滑动图标控件并配置即可。样例参数如下图所示:

       

86ef5bbe7dde46dc_html_927a039a659e9ac486ef5bbe7dde46dc_html_49ac0cb03196381

  

4.工程导入

将做好的工程文件导入到设备中,就可以实现图标滑动选择功能了。


作者:祖晓晨

编辑:孙惠英