请问有没有谁填充过矩形区域（圆角）的LCD屏？

worksnfkpynn99

我现在使用的是320*240（横屏），方形的按键有点难看，于是就想到用圆角的按键，带圆角的框是画出来了，但按下的时候，不知道如何填充带圆角的矩形区域。有过这样应用的朋友说说思路咯。

worksnfkpynn99

就像上图把白色方框内可任意填充为其它色。

learner123

圆都画出来了，就不用愁填充，比画圆还简单些，参考《计算机图形学》
当然也可以用多边形填充

worksnfkpynn99

learner123 发表于 2012-7-16 14:35
圆都画出来了，就不用愁填充，比画圆还简单些，参考《计算机图形学》
当然也可以用多边形填充 ...

我是在裸机上画图，一点一画用的都是自己写进去的驱动，画圆角框是4个四分圆+4条直接画出来的。

有没有思路指导一下呀？

learner123

一样的，基本算法。查查书
还有一种麻烦的：多边形填充
应用更多，比如五角星的填充，搜索边界画直线即可

worksnfkpynn99

learner123 发表于 2012-7-16 14:44
一样的，基本算法。查查书
还有一种麻烦的：多边形填充
应用更多，比如五角星的填充，搜索边界画直线即可 ...

嗯嗯，找到你推荐的那本书了，在下载。

“搜索边界画直线”，这个方法估计可以，只是我比较笨，不知道如果在LCD里面搜索边界。

learner123

书里一般都会说到，先看看书，边界是你画圆时算出来的，也可以读取你的外矩形的点数据，比如边界线是白色，那么读0表示白即为边界线

worksnfkpynn99

learner123 发表于 2012-7-16 14:52
书里一般都会说到，先看看书，边界是你画圆时算出来的，也可以读取你的外矩形的点数据，比如边界线是白色， ...

嗯嗯，听你这样一说清晰很多了，谢谢了哈，我看看书去。

albert_w

worksnfkpynn99 发表于 2012-7-16 14:49
嗯嗯，找到你推荐的那本书了，在下载。

“搜索边界画直线”，这个方法估计可以，只是我比较笨，不知道如 ...

如果LCD不能回读,你可以在你的显示缓冲区搜索,毕竟是你自己画的圆角矩形,你总是知道它的

adce

worksnfkpynn99 发表于 2012-7-16 14:40
我是在裸机上画图，一点一画用的都是自己写进去的驱动，画圆角框是4个四分圆+4条直接画出来的。

有没有 ...

3个FillRect+4个FillArc

worksnfkpynn99

learner123 发表于 2012-7-16 14:44
一样的，基本算法。查查书
还有一种麻烦的：多边形填充
应用更多，比如五角星的填充，搜索边界画直线即可 ...

完成了，谢谢指点了。我是用顶点把4和1象限，3和2象限的矩离用直线填充，剩下中间的用矩形填充。

mcu_lover

worksnfkpynn99 发表于 2012-7-16 20:23
完成了，谢谢指点了。我是用顶点把4和1象限，3和2象限的矩离用直线填充，剩下中间的用矩形填充。 ...

代码贴出来给众兄弟参考下撒

worksnfkpynn99

mcu_lover 发表于 2012-7-16 20:46
代码贴出来给众兄弟参考下撒

会的，明天再贴出来，俺没有把工作带回家，哈

worksnfkpynn99

1. /***********************************************************************************************************************
   
2. *        函数名: LCD_DrawCircleRectangle
   
3. *        参  数: x0      ：X坐标
   
4. *                y0      ：Y坐标
   
5. *                Length  ：长度
   
6. *                wide    ：方向(Horizontal，Vertical)
   
7. *               r       :圆角半径
   
8. *        返  回: 无
   
9. *        功  能: 在LCD上画圆角矩形
   
10. *************************************************************************************************************************/
    
11. void LCD_DrawCircleRectangle(unsigned short x0,unsigned char y0,unsigned short Length,unsigned char wide,unsigned char r)
    
12. {
    
13.     int a,b;
    
14.     int di;
    
15.     unsigned char QUA_Second_y0,QUA_Third_y0;
    
16.     unsigned short QUA_Third_x0,QUA_Four_x0;
    
17.    
    
18.     x0 = x0+r;
    
19.     y0 = y0+r;
    
20.     Length = Length-2*r;
    
21.     wide = wide-2*r;
    
22.     a=0;
    
23.     b=r;
    
24.     di=3-2*r;
    
25.     while(a<=b)
    
26.     {
    
27.         //第一象限
    
28.         LCD_DrawPoint(x0-a,y0-b);             //2
    
29.         LCD_DrawPoint(x0-b,y0-a);             //3
    
30.         
    
31.         //第二象限        
    
32.         QUA_Second_y0 = y0+wide;
    
33.         LCD_DrawPoint(x0-a,QUA_Second_y0+b);             //1
    
34.         LCD_DrawPoint(x0-b,QUA_Second_y0+a);             //7
    
35.         
    
36.         //第三象限        
    
37.         QUA_Third_y0 = y0+wide;
    
38.         QUA_Third_x0 = x0+Length;
    
39.         LCD_DrawPoint(QUA_Third_x0+a,QUA_Third_y0+b);             //6
    
40.         LCD_DrawPoint(QUA_Third_x0+b,QUA_Third_y0+a);             //4
    
41.         
    
42.         //第四象限
    
43.         QUA_Four_x0 = x0+Length;
    
44.         LCD_DrawPoint(QUA_Four_x0+a,y0-b);             //5        
    
45.         LCD_DrawPoint(QUA_Four_x0+b,y0-a);             //0
    
46.         
    
47.         a++;
    
48.         if(di<0) di +=4*a+6;
    
49.         else
    
50.         {
    
51.             di+=10+4*(a-b);
    
52.             b--;
    
53.         }
    
54.         //LCD_DrawPoint(x0+a,y0+b);
    
55.     }
    
56.     LCD_DrawLine(x0-r,y0,wide,Vertical);//(6,10,77,Vertical);
    
57.     LCD_DrawLine(x0+r+Length,y0,wide,Vertical);//(192,10,77,Vertical);
    
58.     LCD_DrawLine(x0,y0-r,Length,Horizontal);//(6,10,186,Horizontal);
    
59.     LCD_DrawLine(x0,y0+wide+r,Length,Horizontal);//(6,87,186,Horizontal);
    
60.    
    
61. }
    
62. 
    
63. /***********************************************************************************************************************
    
64. *        函数名: LCD_FillCircle
    
65. *        参  数: x0      ：X坐标
    
66. *                y0      ：Y坐标
    
67. *                Length  ：长度
    
68. *                wide    ：方向(Horizontal，Vertical)
    
69. *               r       :圆角半径
    
70. *               color   :填充色
    
71. *        返  回: 无
    
72. *        功  能: 用指定色填充圆角矩形区域
    
73. *************************************************************************************************************************/
    
74. void LCD_FillCircle(unsigned short x0,unsigned char y0,unsigned short Length,unsigned char wide,unsigned char r,unsigned short color)
    
75. {
    
76.     int a,b;
    
77.     int di;
    
78.     unsigned char QUA_Second_y0,QUA_Third_y0;
    
79.     unsigned short QUA_Third_x0,QUA_Four_x0;
    
80.    
    
81.     x0 = x0+r;
    
82.     y0 = y0+r;
    
83.     Length = Length-2*r;
    
84.     wide = wide-2*r;
    
85.     a=0;
    
86.     b=r;
    
87.     di=3-2*r;
    
88.     FontSet(3,color,1);
    
89.     while(a<=b)
    
90.     {
    
91.         //第一象限
    
92.         LCD_DrawPoint(x0-a,y0-b);             //2
    
93.         LCD_DrawPoint(x0-b,y0-a);             //3
    
94.         
    
95.         //第二象限        
    
96.         QUA_Second_y0 = y0+wide;
    
97.         LCD_DrawPoint(x0-a,QUA_Second_y0+b);             //1
    
98.         LCD_DrawPoint(x0-b,QUA_Second_y0+a);             //7
    
99.         
    
100.         //第三象限        
     
101.         QUA_Third_y0 = y0+wide;
     
102.         QUA_Third_x0 = x0+Length;
     
103.         LCD_DrawPoint(QUA_Third_x0+a,QUA_Third_y0+b);             //6
     
104.         LCD_DrawPoint(QUA_Third_x0+b,QUA_Third_y0+a);             //4
     
105.         
     
106.         //第四象限
     
107.         QUA_Four_x0 = x0+Length;
     
108.         LCD_DrawPoint(QUA_Four_x0+a,y0-b);             //5        
     
109.         LCD_DrawPoint(QUA_Four_x0+b,y0-a);             //0
     
110.         
     
111.         LCD_DrawLine(x0-a,y0-b,(QUA_Four_x0+a)-(x0-a),Horizontal);
     
112.         LCD_DrawLine(x0-b,y0-a,(QUA_Four_x0+b)-(x0-b),Horizontal);
     
113.         
     
114.         LCD_DrawLine(x0-a,QUA_Second_y0+b,(QUA_Third_x0+a)-(x0-a),Horizontal);
     
115.         LCD_DrawLine(x0-b,QUA_Second_y0+a,(QUA_Four_x0+b)-(x0-b),Horizontal);
     
116. 
     
117.         a++;
     
118.         if(di<0) di +=4*a+6;
     
119.         else
     
120.         {
     
121.             di+=10+4*(a-b);
     
122.             b--;
     
123.         }
     
124.     }
     
125.     LCD_DrawLine(x0-r,y0,wide,Vertical);//(6,10,77,Vertical);
     
126.     LCD_DrawLine(x0+r+Length,y0,wide,Vertical);//(192,10,77,Vertical);
     
127.     LCD_DrawLine(x0,y0-r,Length,Horizontal);//(6,10,186,Horizontal);
     
128.     LCD_DrawLine(x0,y0+wide+r,Length,Horizontal);//(6,87,186,Horizontal);
     
129.    
     
130.     LCD_Fill(x0-r+1,y0,Length+2*r-1,wide,color);
     
131. }

复制代码

worksnfkpynn99

worksnfkpynn99 发表于 2012-7-17 09:32

我使用的是320*240（横屏）
1、把圆分四个象限分别画1/4的圆再用直接连接（成圆角框）
2、（第四象限减第一象限）得到填充直线的长度
3、（第三象限减第二象限）得到填充直线的长度
4、再把中间的区域用矩形填充
这样就得到一个完整的圆角填充区域。

worksnfkpynn99

worksnfkpynn99 发表于 2012-7-17 09:37
我使用的是320*240（横屏）
1、把圆分四个象限分别画1/4的圆再用直接连接（成圆角框）
2、（第四象限减 ...

freshen

谢谢，正需要这个！

chenqinyao

不错,正需要,参考中,谢谢

advarx21ic

不错,谢谢,学习了

Robin_King

收藏学习了

kyq_linux

厉害了！ 画过一次，后来就直接上了EMWIN 了 ，画的好痛苦。尤其是半圆填充

xiaomu

其实这个有更好的办法，两张图片，按下的时候贴一张，抬起的时候贴一张，不用复杂的计算，缓冲在矩形区域内填数据