本帖最后由 田裕中 于 2021-12-9 15:41 編輯
OLED的界面UI顯示
本文主要總結(jié)OLED顯示繪圖及動(dòng)畫特效的相關(guān)功能函數(shù)，記錄自己的開發(fā)過程或作為自己的開發(fā)筆記，以便不時(shí)之需！ 本次OLED采用的SSD1306驅(qū)動(dòng)，分辨率為128*32像素。項(xiàng)目編譯環(huán)境使用KEIL5開發(fā)，由于調(diào)試發(fā)現(xiàn)，采用軟件模擬IIC不能滿足刷新幀率，故采用硬件IIC驅(qū)動(dòng)。而顯示功能部分不依賴于軟件或者硬件IIC驅(qū)動(dòng)，只需提供對(duì)應(yīng)的讀寫IIC接口即可！
創(chuàng)建顯示Buf，更新顯存
創(chuàng)建128 * 32的像素點(diǎn)陣大小，任何顯示功能特效都只需對(duì)該點(diǎn)陣進(jìn)行填充操作，1Byte = 8bit，4 * 8 = 32，點(diǎn)陣填充完畢后調(diào)用該函數(shù)即可完成刷新顯示。
unsigned char OLED_GRAM[4][128];
void OLED_Refresh_Gram(void)
{
unsigned char i,n;
for(i=0;i<4;i++)
{
WriteCmd(0xb0+i); //設(shè)置頁地址（0~4）
WriteCmd(0x00); //設(shè)置顯示位置—列低地址
WriteCmd(0x10); //設(shè)置顯示位置—列高地址
WriteDat(OLED_GRAM[ i]);
}
清除屏幕顯示 調(diào)用該函數(shù)后整個(gè)屏幕是黑色的，和沒點(diǎn)亮一樣！ void OLED_Clear(void)
{
memset(OLED_GRAM,0,sizeof(OLED_GRAM));
OLED_Refresh_Gram();//更新顯示
}
畫點(diǎn)填充
在對(duì)應(yīng)的坐標(biāo)位置填充像素點(diǎn)顏色，該函數(shù)包含4個(gè)方向的顯示，拓展了函數(shù)的可移植性，通過宏設(shè)置顯示的方向。 #define TFT_ROT_NONE 1
#define TFT_ROT_RIGHT 0
#define TFT_ROT_LEFT 0
#define TFT_ROT_FLIP 0/*
@parameter:
x:橫坐標(biāo)
y:縱坐標(biāo)
t:0 or 1
*/
void OLED_DrawPoint(unsigned char x,unsigned char y,unsigned char t)
{
unsigned char pos,bx,temp=0;
#if TFT_ROT_RIGHT
if(x>31||y>127)return;//超出范圍了.
pos=x/8;
bx=x%8;
temp=1<<bx;
?
if(t)
{
OLED_GRAM[pos][127-y]|=temp;
}
else
{
OLED_GRAM[pos][127-y]&=~temp;
}
#elif TFT_ROT_LEFT
if(x>31||y>127)return;
pos=3-x/8;
bx=x%8;
temp=1<<(7-bx);
if(t)
{
OLED_GRAM[pos][y]|=temp;
}
else
{
OLED_GRAM[pos][y]&=~temp;
}
#elif TFT_ROT_FLIP
if(x>127||y>31)return;
pos=3-y/8;
bx=y%8;
temp=1<<(7-bx);
if(t)
{
OLED_GRAM[pos][127-x]|=temp;
}
else
{
OLED_GRAM[pos][127-x]&=~temp;
}
#else
if(x>127||y>31)return;//超出范圍了.
pos=y/8;
bx=y%8;
temp=1<<bx;
?
if(t)
{
OLED_GRAM[pos][x]|=temp;
}
else
{
OLED_GRAM[pos][x]&=~temp;
}
#endif
}
畫任意直線
由一點(diǎn)到另一點(diǎn)的直線！
/*
@parameter:
x1:初始點(diǎn)橫坐標(biāo)
y1:初始點(diǎn)縱坐標(biāo)
x2:終點(diǎn)橫坐標(biāo)
y2:終點(diǎn)縱坐標(biāo)
color:0 or 1
*/
void OLED_DrawLine(unsigned char x1,unsigned char y1,unsigned char x2,unsigned char y2,unsigned char color)
{
int dx,dy,e;
dx = x2 - x1;
dy = y2 - y1;
if(dx >= 0)
{
if(dy >= 0)
{
if(dx >= dy)
{
e = dy - dx/2;
while(x1<=x2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
y1+=1;
e-=dx;
}
x1+=1;
e+=dy;
}
}
else
{
e=dx-dy/2;
while(y1<=y2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
x1+=1;
e-=dy;
}
y1+=1;
e+=dx;
}
}
}
else
{
dy=-dy;
if(dx>=dy)
{
e=dy-dx/2;
while(x1<=x2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
y1-=1;
e-=dx;
}
x1+=1;
e+=dy;
}
}
else
{
e=dx-dy/2;
while(y1>=y2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
x1+=1;
e-=dy;
}
y1-=1;
e+=dx;
}
}
}
}
else
{
dx=-dx;
if(dy>=0)
{
if(dx>=dy)
{
e=dy-dx/2;
while(x1>=x2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
y1+=1;
e-=dx;
}
x1-=1;
e+=dy;
}
}
else
{
e=dx-dy/2;
while(y1<=y2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
x1-=1;
e-=dy;
}
y1+=1;
e+=dx;
}
}
}
else
{
dy = -dy;
if(dx>=dy)
{
e=dy-dx/2;
while(x1>=x2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
y1-=1;
e-=dx;
}
x1-=1;
e+=dy;
}
}
else
{
e=dx-dy/2;
while(y1>=y2)
{
OLED_DrawPoint(x1,y1,color);
if(e>0)
{
x1-=1;
e-=dy;
}
y1-=1;
e+=dx;
}
}
}
}
}
畫圓
畫指定半徑的圓，分為靜止態(tài)和動(dòng)態(tài)。 //-------------畫圓函數(shù)。參數(shù)：圓心，半徑，顏色----------
// 畫1/8圓 然后其他7/8對(duì)稱畫
// ---------------->X
// |(0,0) 0
// | 7 1
// | 6 2
// | 5 3
// (Y)V 4
//
// L = x^2 + y^2 - r^2
void OLED_DrawCircle(unsigned char x,unsigned char y,unsigned char r,unsigned char color,unsigned char n)
{
#if 0 //畫靜止的圓
int a,b,num,i;
a=0;
b=r;
while(2*b>a)
{
OLED_DrawPoint(x+a,y-b,color);//0~1
OLED_DrawPoint(x-a,y-b,color);//0~7
OLED_DrawPoint(x-a,y+b,color);//4~5
OLED_DrawPoint(x+a,y+b,color);//4~3
OLED_DrawPoint(x+b,y+a,color);//2~3
OLED_DrawPoint(x+b,y-a,color);//2~1
OLED_DrawPoint(x-b,y-a,color);//6~7
OLED_DrawPoint(x-b,y+a,color);//6~5
a++;
num=(a*a+b*b)-r*r;//計(jì)算畫的點(diǎn)離圓心的距離
if(num>0)
{
b--;
a--;
}
OLED_Refresh_Gram();
}
#elif 1
int di=0;
int con_r=r*r;
int a=0;
int b=r;
int bar=0;
int lvel=0;
lvel = n / 25;
bar = (n % 25) * (r*10/25) /10;
if(lvel==0)//第一象限
{
while(b)
{
if(b<(r-bar))
{
OLED_Clear();
return;
}
OLED_DrawPoint(x+a,y+b,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
OLED_Refresh_Gram();
}
}
else if(lvel==1)//第二象限
{
while(b)
{
OLED_DrawPoint(x+a,y+b,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
}
a=0;
b=r;
while(b)
{
if(b<(r-bar))
{
OLED_Clear();
return;
}
OLED_DrawPoint(x+b,y-a,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
OLED_Refresh_Gram();
}
}
else if(lvel==2)//第三象限
{
while(b)
{
OLED_DrawPoint(x+a,y+b,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
}
a=0;
b=r;
while(b)
{
OLED_DrawPoint(x+b,y-a,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
}
a=0;
b=r;
while(b)
{
if(b<(r-bar))
{
OLED_Clear();
return;
}
OLED_DrawPoint(x-a,y-b,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
OLED_Refresh_Gram();
}
}
else if(lvel==3)//第四象限
{
while(b)
{
OLED_DrawPoint(x+a,y+b,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
}
a=0;
b=r;
while(b)
{
OLED_DrawPoint(x+b,y-a,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
}
a=0;
b=r;
while(b)
{
OLED_DrawPoint(x-a,y-b,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
}
a=0;
b=r;
while(b)
{
if(b<(r-bar))
{
OLED_Clear();
return;
}
OLED_DrawPoint(x-b,y+a,color);
a++;
di=a*a+b*b-con_r;
if(di>0)
{
b--;
a--;
}
OLED_Refresh_Gram();
}
}
#endif
}
開機(jī)動(dòng)畫
綜上所述，制作開機(jī)動(dòng)畫。 void Boot_Animation(void)
{
unsigned char i,num=0;
for(i=64;i<64+20;i++)
{
OLED_DrawPoint(64-num,9+num,1);
OLED_DrawPoint(64-num,32-9-num,1);
num++;
OLED_Refresh_Gram();
delay_ms(1);
}
OLED_DrawLine(46,4,83,4,1);
OLED_DrawLine(83,28,46,28,1);
OLED_Refresh_Gram();//更新顯示到OLED
}
總結(jié)
個(gè)人筆記總結(jié)，若有問題，歡迎留言、批評(píng)指正！��！ 若有興趣，歡迎關(guān)注公眾號(hào)“瀚林創(chuàng)客”，內(nèi)有資料提取鏈接。
|
QQ好友和群
QQ空間
騰訊微博
騰訊朋友
收藏
淘帖
頂
踩
