技术咨询
代买器件
商务客服
研发客服 STC8A小制作：基于JLX12864的简易图形编辑器，本文将介绍JLX12864的驱动程序，以及Bresenham直线算法和画圆算法的实现。
一、制作背景：
在学习12864显示屏时，经常会使用取模软件，对于字符，取模软件可以说相当方便；对于图片，如果有合适的图片进行转换，也挺方便的，但是有一种情况，使用取模软件相当不方便，那就是需要自己进行规则图形的绘制时，在电脑上使用大像素点进行绘制没有那么直观，而且操作上也只能一个点一个点的绘制，于是可以制作一个图形编辑器，直接在12864上操作，并像取模软件一样输出字模。
二、功能：
1）设置光标的坐标值，并移动到设定值；
2）绘制点、直线、圆；
3）绘制和擦除模式；
4）通过串口将字模数据按照规定格式输出；
三、驱动程序：
1）JLX12864的SPI时序；
ixel(x,y,color);
}
}
else
{
for(y=y1;y<=y0;y++)
{
cog_drawpixel(x,y,color);
}
}
}
void cog_drawstraight(uchar x0,uchar y0,uchar x1,uchar y1,uchar color) //draw straight line(x : 0~127 , y : 0~63) , color : 0/1
{
int err=0,x,y,dx,dy;
int incx,incy;
if(x1>x0)
incx=1;
else if(x1==x0)
incx=0;
else
incx=-1;
if(y1>y0)
incy=1;
else if(y1==y0)
incy=0;
else
incy=-1;
if(incx==0)
cog_drawcolumn(x0,y0,y1,color);
else if(incy==0)
cog_drawline(x0,x1,y0,color);
else
{
dx=abs((int)x1-(int)x0);
dy=abs((int)y1-(int)y0);
if(dx>=dy)
{
dx=(int)x1-(int)x0;
dy=(int)y1-(int)y0;
dx=dx*incx;
dy=dy*incy;
err=0-dx;
for(x=(int)x0,y=(int)y0;x!=(int)x1+incx;x=x+incx)
{
cog_drawpixel((uchar)x,(uchar)y,color);
err=err+2*dy;
if(err>0)
{
y=y+incy;
err=err-2*dx;
}
}
}
else
{
dx=(int)x1-(int)x0;
dy=(int)y1-(int)y0;
dx=dx*incx;
dy=dy*incy;
err=0-dy;
for(x=(int)x0,y=(int)y0;y!=(int)y1+incy;y=y+incy)
{
cog_drawpixel((uchar)x,(uchar)y,color);
err=err+2*dx;
if(err>0)
{
x=x+incx;
err=err-2*dy;
}
}
}
}
}
void cog_drawcircle(uchar x0,uchar y0,uchar r,uchar color) //draw circle(x : 0~127 , y : 0~63) , r : 1~32 , color : 0/1
{
int x=0,y=r,d;
d=3-2*r;
while(x<=y)
{
cog_drawpixel(x0+x,y0+y,color);
cog_drawpixel(x0-x,y0+y,color);
cog_drawpixel(x0+x,y0-y,color);
cog_drawpixel(x0-x,y0-y,color);
cog_drawpixel(x0+y,y0+x,color);
cog_drawpixel(x0-y,y0+x,color);
cog_drawpixel(x0+y,y0-x,color);
cog_drawpixel(x0-y,y0-x,color);
if(d<0)
d=d+4*x+6;
else
{
d=d+4*(x-y)+10;
y--;
}
x++;
}
}
8）显示字符和字符串；
字符可以用取模软件生成，可以生成不同大小的字符，一般都是遵循ASCII码的顺序，这样方便编程。
void cog_showchar(uchar x,uchar y,uchar size_char,uchar chr) //show char(x : 0~127 , y : 0~7) , size_char : 8/16/32
{
uchar i;
chr=chr-' ';
if(size_char==8)
{
cog_setposition(x,y);
for(i=0;i<6;i++)
{
display_cache[y*128+x+i]=font6x8[chr*6+i];
cog_writebyte(font6x8[chr*6+i],COG_DATA);
}
}
else if(size_char==16)
{
cog_setposition(x,y);
for(i=0;i<8;i++)
{
display_cache[y*128+x+i]=font8x16[chr*16+i];
cog_writebyte(font8x16[chr*16+i],COG_DATA);
}
cog_setposition(x,y+1);
for(;i<16;i++)
{
display_cache[(y+1)*128+x+i-8]=font8x16[chr*16+i];
cog_writebyte(font8x16[chr*16+i],COG_DATA);
}
}
else
{
cog_setposition(x,y);
for(i=0;i<16;i++)
{
display_cache[y*128+x+i]=font16x32[chr*4][i];
cog_writebyte(font16x32[chr*4][i],COG_DATA);
}
cog_setposition(x,y+1);
for(i=0;i<16;i++)
{
display_cache[(y+1)*128+x+i]=font16x32[chr*4+1][i];
cog_writebyte(font16x32[chr*4+1][i],COG_DATA);
}
cog_setposition(x,y+2);
for(i=0;i<16;i++)
{
display_cache[(y+2)*128+x+i]=font16x32[chr*4+2][i];
cog_writebyte(font16x32[chr*4+2][i],COG_DATA);
}
cog_setposition(x,y+3);
for(i=0;i<16;i++)
{
display_cache[(y+3)*128+x+i]=font16x32[chr*4+3][i];
cog_writebyte(font16x32[chr*4+3][i],COG_DATA);
}
}
}
void cog_showstring(uchar x,uchar y,uchar size_char,uchar *string) //show string(x : 0~127 , y : 0~7) , size_char : 8/16
{
uchar i=0;
while(string[i]!='')
{
cog_showchar(x,y,size_char,string[i]);
x=x+8;
if(x>120)
{
if(size_char==8)
{
x=0;
y=y+1;
}
else
{
x=0;
y=y+2;
}
}
i++;
}
}
既然是要进行图形编辑，那么在进行设置等需要显示其他内容是，显示缓存里关于图形的内容就被覆盖掉了，最直接的解决方法就是再建一个缓存数组，实时保存编辑的图形，在设置完需要切回图形时显示这个数组就可以了。
整个程序不是很复杂，但是也无法在这里一一介绍，所以将程序整个打包，需要的自取。
https://files.cnblogs.com/files/sk3241/%E5%9F%BA%E4%BA%8EJLX12864%E7%9A%84%E7%AE%80%E6%98%93%E5%9B%BE%E5%BD%A2%E7%BC%96%E8%BE%91%E5%99%A8.rar
最后将电路板用木板包装装饰一下，就是以下的样子：
接上USB线后就可以进行图形编辑，比如画一个温度计；
绘制完成之后，在电脑端打开任意串口调试工具，设置波特率115200，打开串口，按下图形编辑器的“上传”按钮，绘制的图形就以字符形式发送到了电脑；
将接收到的图形数据保存为txt文件，就可以用在别的程序里了，很方便。