请问下你们的圆角按钮是怎么做的？

muc520

 

如图，我看了原子的豪华板的GUI有圆角按钮  请问下都是用的什么算法做的呢？

正点原子

这种最好的办法就是贴图。用单片机直接画，比较繁琐一点。
我用的是画1/4圆弧的方法。

lzandyc

1/4圆弧很难填充的啊 ，不知道原子哥如何对圆和圆弧填充的啊！好难啊  请教！

正点原子

1/4填充不难，利用ucGUI提供的函数就可以实现（我就是copy ucgui的代码）

lzandyc

原子哥能把绘制控件的

lzandyc

的函数给我们参考一下呢！谢谢！

正点原子

//在指定位置画一个指定大小的圆
//(rx,ry):圆心
//(sx,sy),(ex,ey):设定的显示范围
//r :半径
//color:颜色
//mode:0,不填充;1,填充
void gui_draw_arc(u16 sx,u16 sy,u16 ex,u16 ey,u16 rx,u16 ry,u16 r,u16 color,u8 mode)
{
int a,b,c;
int di;   
a=0;b=r;   
di=3-(r<<1); //判断下个点位置的标志
while(a<=b)
{
if(mode)for(c=a;c<=b;c++)gui_draw_circle8(sx,sy,ex,ey,rx,ry,a,c,color);//画实心圆
  else gui_draw_circle8(sx,sy,ex,ey,rx,ry,a,b,color);    //画空心圆
a++;
//使用Bresenham算法画圆     
if(di<0)di +=4*a+6;   
else
{
di+=10+4*(a-b);   
b--;
}    
}
}
//画8点(Bresenham算法)   
//(sx,sy),(ex,ey):设定的显示范围
//(rx,ry,a,b):参数
//color:颜色
void gui_draw_circle8(u16 sx,u16 sy,u16 ex,u16 ey,u16 rx,u16 ry,int a,int b,u16 color)
{
gui_draw_expoint(sx,sy,ex,ey,rx+a,ry-b,color);              
gui_draw_expoint(sx,sy,ex,ey,rx+b,ry-a,color);                       
gui_draw_expoint(sx,sy,ex,ey,rx+b,ry+a,color);                           
gui_draw_expoint(sx,sy,ex,ey,rx+a,ry+b,color);             
gui_draw_expoint(sx,sy,ex,ey,rx-a,ry+b,color);                  
gui_draw_expoint(sx,sy,ex,ey,rx-b,ry+a,color);               
gui_draw_expoint(sx,sy,ex,ey,rx-b,ry-a,color);                      
gui_draw_expoint(sx,sy,ex,ey,rx-a,ry-b,color);                  
}
//在区域内画点
//(sx,sy),(ex,ey):设定的显示范围
//(x,y):点坐标
//color:颜色
void gui_draw_expoint(u16 sx,u16 sy,u16 ex,u16 ey,u16 x,u16 y,u16 color)     
{
u16 tempcolor;
if(x<=ex&&x>=sx&&y<=ey&&y>=sy)
{
tempcolor=POINT_COLOR;
POINT_COLOR=color;
LCD_DrawPoint(x,y);     
POINT_COLOR=tempcolor;
}
}