基于STM32的双缓存LCD显示
前言
前些天闲来无事，在正点原子的mini板上写了一个贪吃蛇，用的是N年前官方例程的库函数版本。发现蛇在移动时身体一直在闪，非常影响体验，于是想到使用双缓存显示来解决闪的问题。
为什么会闪
为了实现让蛇移动的效果，单片机在显示下一帧时，会先将蛇抹去，然后将新的蛇画上去。由于新旧两只蛇的位置不一样，就会给人一种蛇在移动的感觉。虽然单片机抹去蛇再画上蛇的动作很快，但是人眼有时还是能捕捉到那一瞬间的空白，于是就会觉得闪。既然问题的关键在于存在空白帧，那么我们想办法将它去除就好了，此时双缓存显示就派上了用场。
双缓存显示
故名思意，双缓存显示就是用于显示的缓存有两个，这两个显示缓存将交替显示在屏幕上。比如我们有A，B两个缓存，第一帧A显示在屏幕上，此时程序就应将下一帧的内容输入到B缓存，到了第二帧，B的内容被显示在屏幕上，程序将下一帧的内容输入到A缓存，如此交替进行。此原理类似于电影胶片，屏幕只显示每一帧的内容，省去了擦除再显示的麻烦。
LCD控制器ILI9341
想要控制LCD进行显示，首先需要了解LCD控制器ILI9341的原理。ILI9341 液晶控制器自带显存，其显存总大小为 172800（240 * 320 * 18/8），对应着LCD240 * 320的分辨率。向控制器写入颜色值，LCD相应的位置就会显示相应的颜色。
向控制器写入颜色值前，要先指定写入的位置，也就是屏幕的坐标，代码如下：
void LCD_SetCursor(u16 Xpos, u16 Ypos)
{
LCD_WR_REG(lcddev.setxcmd); //向ILI9341发出设置x坐标的指令(0x2A)
LCD_WR_DATA(Xpos>>8);LCD_WR_DATA(Xpos&0XFF);//向ILI9341发出x坐标的值
LCD_WR_REG(lcddev.setycmd); //向ILI9341发出设置y坐标的指令(0x2B)
LCD_WR_DATA(Ypos>>8);LCD_WR_DATA(Ypos&0XFF); //向ILI9341发出y坐标的值
}
接下来再发送写显存命令，随后发送的数据就会被作为颜色值显示在屏幕上。并且该命令支持连续输入，即命令之后的N个数据都会被作为该命令的参数，并自动顺着扫描方向向后进行填充。比如LCD的扫描方向是从左到右，从上到下，那么ILI9341会使这N个颜色值依次向右显示在LCD上，如果到达最右端，则向下移动一个像素，并从最左边开始填充。如果想在屏幕上绘制某个颜色的点，其代码如下：
void LCD_DrawPoint(u16 x, u16, y, y16 color)
{
LCD_SetCursor(x, y);
LCD_WriteRAM_Prepare(); //向ILI9341发出写显存指令(0x2C)
LCD_WR_DATA(color); //向显存中写入颜色值
}
双缓存机制的具体实现
由于ILI9341中实际上已经有了一个显存，所以只需要再在单片机中维护一个显存，在处理好一帧的画面以后将它提交给ILI9341中即可。对于分辨率为320 * 240的屏幕，其缓存大概需要15k（320 * 240 * 2）的内存，实际上STM32F103RCT6并没有这么多的内存，于是这里支队屏幕上L * L的区域进行更新，LCD屏幕刷新代码如下：
void LCD_UpDate()
{
u16 x, y;
for(y = 0; y < L; y++){
LCD_SetCursor(0, y);
LCD_WriteRAM_Prepare();
for(x = 0; x < L; x++)
LCD_WR_DATA(gram[x][y]); //gram为显存
}
}
这里需要注意的是，LCD屏幕刷新函数的扫描方向应与LCD屏幕的扫描方向一致。比如正点原子例程中设定的扫描方向为：竖屏显示，且先从左到右，再从上到下。所以LCD_UpDate中需要先递增x，再递增。
那么我们在对屏幕内容进行绘制实际上就是操作显存gram中的数据，比如画点函数LCD_DrawPoint()应为：
void LCD_DrawPoint(u16 x,u16 y, u16 color)
{
if(x < L && y < L)
gram[x][y] = color;
}
画点函数是其他绘图函数的基础，完成了画点函数，其他的函数基本上按照例程写就行，为方便后来者学习，文末将贴出修改后的常用绘图函数。
至此，双缓存机制就建立起来了，只是要记住，在绘制好一帧的图像以后，一定要调用LCD_UpDate()，将这一帧图像提交给ILI9341来显示。以下是在屏幕上显示一个不断放大缩小的矩形的示例代码：
while(1){
LCD_Fill(0, 0, L, L, WHITE);
LCD_Fill(0, 0, length, length, BLACK);
length += step;
if(length == L)
step = -1;
if(length == 0)
step = 1;
LCD_UpDate();
delay_ms(100);
}
附录
void LCD_Fill(u16 sx,u16 sy,u16 ex,u16 ey,u16 color)
{
u16 xmin, xmax, ymin, ymax, x, y;
xmin = (sx > ex)? ex : sx;
xmax = (sx > ex)? sx : ex;
ymin = (sy > ey)? ey : sy;
ymax = (sy > ey)? sy : ey;
for(x = xmin; x <= xmax;x++){
for(y = ymin; y <= ymax;y++){
LCD_DrawPoint(x, y, color);
}
}
}
//画线
//x1,y1:起点坐标
//x2,y2:终点坐标
void LCD_DrawLine(u16 x1, u16 y1, u16 x2, u16 y2)
{
u16 t;
int xerr=0,yerr=0,delta_x,delta_y,distance;
int incx,incy,uRow,uCol;
delta_x=x2-x1; //计算坐标增量
delta_y=y2-y1;
uRow=x1;
uCol=y1;
if(delta_x>0)incx=1; //设置单步方向
else if(delta_x==0)incx=0;//垂直线
else {incx=-1;delta_x=-delta_x;}
if(delta_y>0)incy=1;
else if(delta_y==0)incy=0;//水平线
else{incy=-1;delta_y=-delta_y;}
if( delta_x>delta_y)distance=delta_x; //选取基本增量坐标轴
else distance=delta_y;
for(t=0;t<=distance+1;t++ )//画线输出
{
LCD_DrawPoint(uRow,uCol, POINT_COLOR);//画点
xerr+=delta_x ;
yerr+=delta_y ;
if(xerr>distance)
{
xerr-=distance;
uRow+=incx;
}
if(yerr>distance)
{
yerr-=distance;
uCol+=incy;
}
}
}
//画矩形
//(x1,y1),(x2,y2):矩形的对角坐标
void LCD_DrawRectangle(u16 x1, u16 y1, u16 x2, u16 y2)
{
LCD_DrawLine(x1,y1,x2,y1);
LCD_DrawLine(x1,y1,x1,y2);
LCD_DrawLine(x1,y2,x2,y2);
LCD_DrawLine(x2,y1,x2,y2);
}
//在指定位置画一个指定大小的圆
//(x,y):中心点
//r :半径
void LCD_Draw_Circle(u16 x0,u16 y0,u8 r)
{
int a,b;
int di;
a=0;b=r;
di=3-(r<<1); //判断下个点位置的标志
while(a<=b)
{
LCD_DrawPoint(x0+a,y0-b,POINT_COLOR); //5
LCD_DrawPoint(x0+b,y0-a,POINT_COLOR); //0
LCD_DrawPoint(x0+b,y0+a,POINT_COLOR); //4
LCD_DrawPoint(x0+a,y0+b,POINT_COLOR); //6
LCD_DrawPoint(x0-a,y0+b,POINT_COLOR); //1
LCD_DrawPoint(x0-b,y0+a,POINT_COLOR);
LCD_DrawPoint(x0-a,y0-b,POINT_COLOR); //2
LCD_DrawPoint(x0-b,y0-a,POINT_COLOR); //7
a++;
//使用Bresenham算法画圆
if(di<0)di +=4*a+6;
else
{
di+=10+4*(a-b);
b--;
}
}
}
//在指定位置显示一个字符
//x,y:起始坐标
//num:要显示的字符:" "--->"~"
//size:字体大小 12/16/24
//mode:叠加方式(1)还是非叠加方式(0)
void LCD_ShowChar(u16 x,u16 y,u8 num,u8 size,u8 mode)
{
u8 temp,t1,t;
u16 y0=y;
u8 csize=(size/8+((size%8)?1:0))*(size/2); //得到字体一个字符对应点阵集所占的字节数
num=num-' ';//得到偏移后的值（ASCII字库是从空格开始取模，所以-' '就是对应字符的字库）
for(t=0;t<csize;t++)
{
if(size==12)temp=asc2_1206[num][t]; //调用1206字体
else if(size==16)temp=asc2_1608[num][t]; //调用1608字体
else if(size==24)temp=asc2_2412[num][t]; //调用2412字体
else return; //没有的字库
for(t1=0;t1<8;t1++)
{
if(temp&0x80)LCD_DrawPoint(x,y, POINT_COLOR);
else if(mode==0)LCD_DrawPoint(x,y,WHITE);
temp<<=1;
y++;
if(y>=lcddev.height)return; //超区域了
if((y-y0)==size)
{
y=y0;
x++;
if(x>=lcddev.width)return; //超区域了
break;
}
}
}
}
//显示数字,高位为0,则不显示
//x,y :起点坐标
//len :数字的位数
//size:字体大小
//color:颜色
//num:数值(0~4294967295);
void LCD_ShowNum(u16 x,u16 y,u32 num,u8 len,u8 size)
{
u8 t,temp;
u8 enshow=0;
for(t=0;t<len;t++)
{
temp=(num/LCD_Pow(10,len-t-1))%10;
if(enshow==0&&t<(len-1))
{
if(temp==0)
{
LCD_ShowChar(x+(size/2)*t,y,' ',size,0);
continue;
}else enshow=1;
}
LCD_ShowChar(x+(size/2)*t,y,temp+'0',size,0);
}
}
//显示字符串
//x,y:起点坐标
//width,height:区域大小
//size:字体大小
//*p:字符串起始地址
void LCD_ShowString(u16 x,u16 y,u16 width,u16 height,u8 size,u8 *p)
{
u8 x0=x, n = 0;
width+=x;
height+=y;
while((p[n]<='~')&&(p[n]>=' '))//判断是不是非法字符!
{
if(x>=width){x=x0;y+=size;}
if(y>=height)break;//退出
LCD_ShowChar(x,y,p[n],size,1);
x+=size/2;
n++;
}
}
//更新屏幕上的内容
//由于单片机内存有限，只能绘制(0, 0)到(L, L)区域的屏幕
void LCD_UpDate()
{
u16 x, y;
for(y = 0; y < L; y++){
LCD_SetCursor(0, y);
LCD_WriteRAM_Prepare();
for(x = 0; x < L; x++)
LCD_WR_DATA(gram[x][y]);
}
}
//画点
//x,y:坐标
//POINT_COLOR:此点的颜色
void LCD_DrawPoint(u16 x,u16 y, u16 color)
{
if(x < L && y < L)
gram[x][y] = color;
}
1549
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
