用emWin的2D绘图函数画一个带圆形端点的环形进度条

先上效果图，首先是顺时针转：

然后是逆时针转：

大概讲一下思路吧，首先讲一下顺时针是怎么弄的，很简单。

画圆弧函数GUI_DrawArc有起始角度a0和终止角度a1两个参数，且a0必须小于a1否则无法显示，而且这个函数的角度正方向又是逆时针的，这就容易造成一个误解，以为起始角度a0和终止角度a1的值只能从0°逆时针增加到360°这么一个变化，换句话说，在a0不变时通过增加a1的值可以让圆弧沿逆时针方向增长。

之前我也是这么认为的，但是通过测试发现，a0为负值也是能正常显示的，只要保证a0＜a1。然后顺着上面的思路想了下，那可不可以不改变a1，通过减少a0的值实现圆弧沿顺时针方向增长呢？结果一测试发现果然可行。

啰里啰唆这么多其实就一句话：顺时针转，减起始角度a0；逆时针转，加终止角度a1。

/* 顺时针转，减起始角度 */
a0 = 90;
while(1)
{
    GUI_DrawArc(0, 0, 20, 20, a0, 90);
    a0 -= 1;
    if(a < -270)
    {
        a0 = 90;
    }
}

/* 逆时针转，加终止角度 */
a1 = 90;
while(1)
{
    GUI_DrawArc(0, 0, 20, 20, 90, a0);
    a0 += 1;
    if(a > 450)
    {
        a1 = 90;
    }
}

然后再来说一下圆形端点是怎么实现的，其实这个是从圆弧函数的官方例程里面找到的思路，就是那个画速度表盘的例程。例程代码我就不贴出来了，手册上都有的。也很简单，官方例程在圆弧旁边画了很多的圆形图案，这些圆形图案包括字符的坐标都是通过求圆上任意一点坐标的方法算出来的，只不过计算用的圆半径比画的圆弧小罢了。

我们直接用同样的方法把计算用的圆半径等于画的圆弧，即可求得圆形端点的坐标。

但是具体哪一点的坐标呢？其实分两种情况，一种是定点坐标，这个几乎可以说是已知的，你圆弧哪里不动就求哪里的坐标；另一种是动点坐标，这个就需要根据圆弧运动的一侧进行及时调整了。

不知道这样有没有讲明白，如果实在不懂的话还是直接看代码吧，可以到这个链接下载：分享一个用2D绘图函数做的带圆形端点的环形进度条 - GUI图形库 - 野火电子论坛 - Powered by Discuz!(出处: 野火电子论坛)

2022.04.16更新

最新的emwinv6.16版本有了官方的环形进度条，比我自己实现的好用，大家可以去试试。

可以在这里下载：

单片机版emWin6.16软件包来了，可以完美配合最新版AppWizard了
https://www.armbbs.cn/forum.php?mod=viewthread&tid=107080&fromuid=23005
(出处: 硬汉嵌入式论坛)