【os范例】基于os演示用基本图形实现进度条功能

神秘の宅叔

附件的demo是用迪文T5/T5-os汇编处理的作为进度条的效果演示，（OS功能并非必须要用的，用户用串口发指令即可实现）

实际用户处理进度条，只需要用基本图形发串口指令就可以实现。如果要用os处理，附件的demo仅仅作为参考演示效果用。

视频效果展示链接：

https://v.qq.com/x/page/c0910pup96k.html

http://cache.tv.qq.com/qqplayerout.swf?vid=c0910pup96k
（附件中的图片素材准备仅仅是简单用PPT做出来后截图做出来的图片，用该改功能演示，用户也可以自由去设计更加炫酷的图片，以带来更佳的人机交互体验。）

demo实现原理：
1、进图条进度 是用DGUS控件基本图形的矩形填充实现，（也可以用图片剪切，将其他页面的方形区域粘贴到当前区域，）
矩形填充指令举例：5A A5 11 82  2000 0004 0001 001E 0096 01AE 00B4 001E  区域(30,150)(430,180)
指令解释如下：

5A A5 11 82  2000	帧头、数据长度、写指令、变量地址vp
0004	基本图形绘图指令：0004表示矩形填充
0001	表示绘制数量为1个基本图形
001E 0096 01AE 00B4	（xs，ys）xe，ye）矩形显示区域(30,150)(430,180)
001f	蓝色

矩形区域的（xe）的坐标设计思路：
demo采用800x480的分辨率，取矩形区域x横坐标变化范围坐标为500个像素（652-152=500），分成100等分，则变化量为5，即随着 进度数字的百分比显示的x 变化为：起始坐标+5x

2、进度的数字显示是用的数据变量显示控件（控件可设置带上单位%），利用描述指针关联的+1地址属性更改横向的坐标，让其能够随着进度的坐标进行变化。
（更具体的指令请参考开发指南描述指针使用方法介绍）
例如：数据变量设置描述指针地址0x5000，发送指令显示到坐标位置（100，101）5A A5 07 82 5001 0064 0065

3、也可以用图形剪切实现进度条，即将某页面的底图图标的坐标矩形区域按照x轴增加的坐标剪切到要显示的基本图形地址里面。

神秘の宅叔

补充：
如果想实现环形进度条，建议做成图标显示，附件图标素材可以参考。

只需要设置好地址、图标控件的参数设置，

例如：
上限100，对应图标序号100
下限0，对应图标序号0

用户只需要对着变量地址赋值，即可显示图标进度
5A A5 05 82 VP 0064 显示100%




2023-01-31日功能增加：
补充：T5L DGUSII 显示变量控件增加了 0x23 进度条显示控件。（内核版本V6.0及以上）

zhu520

请问下这个程序的dwinset文件夹我下载到t5版本带继电器的86盒屏里怎么实现不了

wahaha

zhu520 发表于 2019-8-12 14:14
请问下这个程序的dwinset文件夹我下载到t5版本带继电器的86盒屏里怎么实现不了

...

这个历程是800*480的，86盒的分辨率和历程的分辨率对不上，所有您可以修改相关的分辨率后在下载测试。

zhu520

好的谢谢
我试试

zhu520

相关的分辨率怎么改。。求大佬指点指点 改了好几次都不行

90houyidai

0001	表示剪切1个基本图形

这个参数是干什么用的？迪文DGUS屏开发指南_V43中关于基本图形的好像没有这个参数？

小排骨

您好，这个就是给界面上所绘画的矩形填充颜色的。

FOX

5A A5 11 82  2000 0004 0001 001E 0096 01AE 00B4 001E

请问你说的这个命令在哪里找的到啊？

刘喜龙

请问一下，x轴的变化是这样，那要怎么将X轴改成Y轴呢？

wnly

刘喜龙 发表于 2021-3-20 11:03
请问一下，x轴的变化是这样，那要怎么将X轴改成Y轴呢？

剪切的对应坐标就可以的，不管X轴还是Y轴都是一样的原理