基于STM32F103C8T6的OLED多级菜单实现 | 有限状态机 | 标准库函数实现方法 | OLED12864显示

最新推荐文章于 2024-08-01 17:15:42 发布

蔡子CaiZi

最新推荐文章于 2024-08-01 17:15:42 发布

阅读量1.1w

点赞数 31

分类专栏： STM32 文章标签： stm32 多级菜单状态机 OLED显示

本文链接：https://blog.csdn.net/weixin_42268054/article/details/107613192

版权

本文介绍了基于STM32F103C8T6微控制器，利用OLED12864显示器实现的多级菜单系统。文章详细讲解了菜单的树形结构、电路连接以及使用旋转编码器进行菜单操作的程序设计，包括事件存储和界面显示函数。

摘要由CSDN通过智能技术生成

前言

制作航模遥控器需要用到多级菜单，参考了很多博客的实现方式，最终采用了这种树形拓扑结构。这种实现方式便于扩充，容易移植和理解，现把菜单的完整框架整理如下，希望能给读者带来帮助。

https://blog.csdn.net/embedded_guzi/article/details/35835755

https://blog.csdn.net/calmuse/article/details/79346742

以上两篇文章把原理讲的很清楚，尤其是第一篇，这里不再赘述了，只记录完整的程序设计。

1.菜单样式

这里只做了三级界面，包括主界面、菜单界面、子菜单界面，可继续扩展。

2.电路连接

这里我使用增量式旋转编码器来控制菜单轮询、确定返回操作，也可使用按键来操作。

旋转编码器模块：
               GND    电源地
               VCC    接3.3V电源
               SW       接PB11
               DT       接PB10
               CLK       接PB1
OLED显示屏：
               GND    电源地
               VCC    接3.3V电源
               SCL    接PB8（SCL）
               SDA    接PB9（SDA）

3.程序实现

旋转编码器被操作后，把事件存储在encoderEvent数组中，第一个元素encoderEvent[0]是事件标志，1为有事件发生，0为无事件；第二个元素是具体事件的标志，分别定义

#define KEY_DOWN = 0x04, // 编码器按键短按
#define KEY_LONG = 0x08, // 编码器按键长按
#define BM_up 0x10//编码器顺时针旋转
#define BM_down 0x14//编码器逆时针旋转

menu.c-主要存放各个界面的显示函数、界面显示函数

#include "oled.h"	 
#include "delay.h"
#include "menu.h"
#include "key.h"
#include "usart.h"

/*https://blog.csdn.net/embedded_guzi/article/details/35835755
https://blog.csdn.net/calmuse/article/details/79346742
*/

Key_index_struct const Key_table[17]=
{
	//当前, 下, 上, 确定, home
        {0, 0, 0, 1, 0,(*mainWindow)},//一级界面
	{1, 2, 4, 5, 0,(*menu1)},//二级界面第一行
	{2, 3, 1, 9, 0,(*menu2)},//二级界面第二行
	{3, 4, 2, 13, 0,(*menu3)},//二级界面第三行
	{4, 1, 3, 0, 0,(*menu4)},//退出
	
	{5, 6, 8, 5, 0,(*subMenu1_1)},//三级界面,menu1选中第1行
	{6, 7, 5, 6, 0,(*subMenu1_2)},//menu1三级界面第2行
	{7, 8, 6, 7, 0,(*subMenu1_3)},//menu1三级界面第3行
	{8, 5, 7, 1, 0,(*subMenu1_4)},//menu1三级界面第4行
	
	{9 , 10, 12,  9, 0,(*subMenu2_1)},//menu2三级界面第1行
	{10, 11,  9, 10, 0,(*subMenu2_2)},//menu2三级界面第2行
	{11, 12, 10, 11, 0,(*subMenu2_3)},//menu2三级界面第3行
	{12,  9, 11, 2, 0,(*subMenu2_4)},//menu2三级界面第4行
	
	{13, 14, 16, 13, 0,(*subMenu3_1)},//menu3三级界面第1行
	{14, 15, 13, 14, 0,(*subMenu3_2)},//menu3三级界面第2行
	{15, 16, 14, 15, 0,(*subMenu3_3)},//menu3三级界面第3行
	{16, 13, 15, 3, 0,(*subMenu3_4)},//menu3三级界面第4行
};

u8 nowIndex = 0;
extern unsigned char logo[];
extern unsigned char logoR[];

void OLED_display(void){
	switch(encoderEvent[1]){
		case BM_down: //逆时针旋转，向下
			nowIndex=Key_table[nowIndex].down_index;
		break;
		case BM_up: //顺时针旋转,向上
			nowIndex=Key_table[nowIndex].up_index;
		break;
		case KEY_DOWN://短按 确定进入
			nowIndex=Key_table[nowIndex].enter_index;
		break;
		case KEY_LONG://长按 返回主界面
			nowIndex=Key_table[nowIndex].esc_index;
		break;
	}
	printf("%d,index:%d\n",encoderEvent[1],nowIndex);
	//OLED_Clear();//清空屏幕
	Key_table[nowIndex].operate();
	OLED_Refresh_Gram();//刷新显存
}



void mainWindow(void)
{
	OLED_Fill(0,0,127,63,0);//清空
	OLED_ShowString(35,2,(u8 *)"J-20",24,1);//主界面
	OLED_ShowString(20,35,(u8 *)"RADIO CONTROL",12,1);//主界面
}
void menu1(void)//菜单列表
{
	OLED_ShowString(2,0, (u8 *)"menu1       ",16,0);//以空格填充，不要用Tab填充，反白显示
	OLED_ShowString(2,16,(u8 *)"menu2       ",16,1);//正常显示
	OLED_ShowString(2,32,(u8 *)"menu3       ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void menu2(void)//菜单列表
{
	OLED_ShowString(2,0, (u8 *)"menu1       ",16,1);
	OLED_ShowString(2,16,(u8 *)"menu2       ",16,0);
	OLED_ShowString(2,32,(u8 *)"menu3       ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void menu3(void)//菜单列表
{
	OLED_ShowString(2,0, (u8 *)"menu1       ",16,1);
	OLED_ShowString(2,16,(u8 *)"menu2       ",16,1);
	OLED_ShowString(2,32,(u8 *)"menu3       ",16,0);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void menu4(void)//菜单列表-退出
{
	OLED_ShowString(2,0, (u8 *)"menu1       ",16,1);
	OLED_ShowString(2,16,(u8 *)"menu2       ",16,1);
	OLED_ShowString(2,32,(u8 *)"menu3       ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,0);
}
//=======================子菜单1==========================
void subMenu1_1(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu1_1  ",16,0);
	OLED_ShowString(2,16,(u8 *)"subMenu1_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu1_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu1_2(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu1_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu1_2  ",16,0);
	OLED_ShowString(2,32,(u8 *)"subMenu1_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu1_3(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu1_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu1_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu1_3  ",16,0);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu1_4(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu1_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu1_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu1_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,0);
}
//======================子菜单2===========================
void subMenu2_1(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu2_1  ",16,0);
	OLED_ShowString(2,16,(u8 *)"subMenu2_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu2_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu2_2(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu2_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu2_2  ",16,0);
	OLED_ShowString(2,32,(u8 *)"subMenu2_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu2_3(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu2_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu2_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu2_3  ",16,0);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu2_4(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu2_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu2_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu2_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,0);
}
//======================子菜单3===========================
void subMenu3_1(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu3_1  ",16,0);
	OLED_ShowString(2,16,(u8 *)"subMenu3_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu3_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu3_2(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu3_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu3_2  ",16,0);
	OLED_ShowString(2,32,(u8 *)"subMenu3_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu3_3(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu3_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu3_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu3_3  ",16,0);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,1);
}
void subMenu3_4(void)//子菜单列表
{
	OLED_ShowString(2,0, (u8 *)"subMenu3_1  ",16,1);
	OLED_ShowString(2,16,(u8 *)"subMenu3_2  ",16,1);
	OLED_ShowString(2,32,(u8 *)"subMenu3_3  ",16,1);
	OLED_ShowString(2,48,(u8 *)"exit        ",16,0);
}

menu.h

#ifndef __MENU_H
#define __MENU_H			  	 
#include "sys.h"
#include "stdlib.h"

typedef struct{
	u8 current_index;	//存放当前界面的索引号；
	u8 down_index;		//存放按下“down（向下）”键时需要跳转到的索引号；
	u8 up_index;		//存放按下“up（向上）”键时需要跳转到的索引号；
	u8 enter_index;		//存放按下“enter（进入）”键时需要跳转的索引号；
	u8 esc_index;		//存放按下“esc（退出）”键时需要跳转的索引号；
	void (*operate)();	//函数指针变量，存放当前索引号下需要执行的函数的入口地址。
}Key_index_struct;


void OLED_display(void);
void mainWindow(void);//主界面
void menu1(void);//菜单列表
void menu2(void);//菜单列表
void menu3(void);//菜单列表
void menu4(void);//菜单列表-退出

void subMenu1_1(void);//子菜单
void subMenu1_2(void);//子菜单
void subMenu1_3(void);//子菜单
void subMenu1_4(void);//子菜单-退出

void subMenu2_1(void);//子菜单
void subMenu2_2(void);//子菜单
void subMenu2_3(void);//子菜单
void subMenu2_4(void);//子菜单-退出

void subMenu3_1(void);//子菜单
void subMenu3_2(void);//子菜单
void subMenu3_3(void);//子菜单
void subMenu3_4(void);//子菜单-退出
#endif

oled.c-主要存放OLED的相关显示函数，初始化等等

//	 
//  功能描述   : 0.69寸OLED 接口演示例程(STM32F103C8T6 IIC)
//              说明: 
//              ----------------------------------------------------------------
//              GND   电源地
//              VCC   接3.3v电源
//              SCL   接PB8（SCL）
//              SDA   接PB9（SDA）     
//?

#include "oled.h"
#include "stdlib.h"
#include "oledfont.h"  	 
#include "delay.h"
//OLED的显存
//存放格式如下.
//[0]0 1 2 3 ... 127	
//[1]0 1 2 3 ... 127	
//[2]0 1 2 3 ... 127	
//[3]0 1 2 3 ... 127	
//[4]0 1 2 3 ... 127	
//[5]0 1 2 3 ... 127	
//[6]0 1 2 3 ... 127	
//[7]0 1 2 3 ... 127 
/**********************************************
//IIC Start
**********************************************/
void IIC_Start(void)
{

	OLED_SCLK_Set() ;
	OLED_SDIN_Set();
	OLED_SDIN_Clr();
	OLED_SCLK_Clr();
}

/**********************************************
//IIC Stop
**********************************************/
void IIC_Stop(void)
{
OLED_SCLK_Set() ;
//	OLED_SCLK_Clr();
	OLED_SDIN_Clr();
	OLED_SDIN_Set();
	
}

void IIC_Wait_Ack(void)
{
	OLED_SCLK_Set() ;
	OLED_SCLK_Clr();
}
/**********************************************
// IIC Write byte
**********************************************/

void Write_IIC_Byte(unsigned char IIC_Byte)
{
	unsigned char i;
	unsigned char m,da;
	da=IIC_Byte;
	OLED_SCLK_Clr();
	for(i=0;i<8;i++)		
	{
			m=da;
		//	OLED_SCLK_Clr();
		m=m&0x80;
		if(m==0x80)
		{OLED_SDIN_Set();}
		else OLED_SDIN_Clr();
			da=da<<1;
		OLED_SCLK_Set();
		OLED_SCLK_Clr();
		}


}
/**********************************************
// IIC Write Command
**********************************************/
void Write_IIC_Command(unsigned char IIC_Command)
{
	IIC_Start();
	Write_IIC_Byte(0x78);            //Slave address,SA0=0
	IIC_Wait_Ack();	
	Write_IIC_Byte(0x00);			//write command
	IIC_Wait_Ack();	
	Write_IIC_Byte(IIC_Command); 
	IIC_Wait_Ack();	
	IIC_Stop();
}
/**********************************************
// IIC Write Data
**********************************************/
void Write_IIC_Data(unsigned char IIC_Data)
{
   IIC_Start();
   Write_IIC_Byte(0x78);			//D/C#=0; R/W#=0
	IIC_Wait_Ack();	
   Write_IIC_Byte(0x40);			//write data
	IIC_Wait_Ack();	
   Write_IIC_Byte(IIC_Data);
	IIC_Wait_Ack();	
   IIC_Stop();
}
void OLED_WR_Byte(unsigned dat,unsigned cmd)
{
	if(cmd){
		Write_IIC_Data(dat);
	}
	else {
		Write_IIC_Command(dat);
	}


}


/********************************************
// fill_Picture
********************************************/
void fill_picture(unsigned char fill_Data)
{
	unsigned char m,n;
	for(m=0;m<8;m++)
	{
		OLED_WR_Byte(0xb0+m,0);		//page0-page1
		OLED_WR_Byte(0x00,0);		//low column start address
		OLED_WR_Byte(0x10,0);		//high column start address
		for(n=0;n<128;n++)
			{
				OLED_WR_Byte(fill_Data,1);
			}
	}
}


//坐标设置
void OLED_Set_Pos(unsigned char x, unsigned char y) 
{ 	OLED_WR_Byte(0xb0+y,OLED_CMD);
	OLED_WR_Byte(((x&0xf0)>>4)|0x10,OLED_CMD);
	OLED_WR_Byte((x&0x0f),OLED_CMD); 
}   	  
//开启OLED显示    
void OLED_Display_On(void)
{
	OLED_WR_Byte(0X8D,OLED_CMD);  //SET DCDC命令
	OLED_WR_Byte(0X14,OLED_CMD);  //DCDC ON
	OLED_WR_Byte(0XAF,OLED_CMD);  //DISPLAY ON
}
//关闭OLED显示     
void OLED_Display_Off(void)
{
	OLED_WR_Byte(0X8D,OLED_CMD);  //SET DCDC命令
	OLED_WR_Byte(0X10,OLED_CMD);  //DCDC OFF
	OLED_WR_Byte(0XAE,OLED_CMD);  //DISPLAY OFF
}		   			 
//清屏函数,清完屏,整个屏幕是黑色的!和没点亮一样!!!	  
void OLED_Clear(void)  
{  
	u8 i,n;		    
	for(i=0;i<8;i++)  
	{  
		OLED_WR_Byte (0xb0+i,OLED_CMD);    //设置页地址（0~7）
		OLED_WR_Byte (0x00,OLED_CMD);      //设置显示位置—列低地址
		OLED_WR_Byte (0x10,OLED_CMD);      //设置显示位置—列高地址   
		for(n=0;n<128;n++)OLED_WR_Byte(0,OLED_DATA); 
	} //更新显示
}
//更新显存到OLED		
u8 OLED_GRAM[128][8];
void OLED_Refresh_Gram(void)
{
	u8 i,n;		    
	for(i=0;i<8;i++)  
	{  
		OLED_WR_Byte (0xb0+i,OLED_CMD);    //设置页地址（0~7）
		OLED_WR_Byte (0x00,OLED_CMD);      //设置显示位置—列低地址
		OLED_WR_Byte (0x10,OLED_CMD);      //设置显示位置—列高地址   
		for(n=0;n<128;n++)OLED_WR_Byte(OLED_GRAM[n][i],OLED_DATA); 
	}   
}

//画点 
//x:0~127
//y:0~63
//t:1 填充 0,清空	
void OLED_DrawPoint(u8 x,u8 y,u8 t)
{
	u8 pos,bx,temp=0;
	if(x>127||y>63)return;//超出范围了.
	pos=7-y/8;
	bx=y%8;
	temp=1<<(7-bx);
	if(t)OLED_GRAM[x][pos]|=temp;
	else OLED_GRAM[x][pos]&=~temp;	    
}
//x1,y1,x2,y2 填充区域的对角坐标
//确保x1<=x2;y1<=y2 0<=x1<=127 0<=y1<=63	 	 
//dot:0,清空;1,填充	  
void OLED_Fill(u8 x1,u8 y1,u8 x2,u8 y2,u8 dot)  
{  
	u8 x,y;  
	for(x=x1;x<=x2;x++)
	{
		for(y=y1;y<=y2;y++)OLED_DrawPoint(x,y,dot);
	}													    
	OLED_Refresh_Gram();//更新显示
}

//在指定位置显示一个字符,包括部分字符
//x:0~127
//y:0~63
//mode:0,反白显示;1,正常显示				 
//size:选择字体 12/16/24
void OLED_ShowChar(u8 x,u8 y,u8 chr,u8 size,u8 mode)
{      			    
	u8 temp,t,t1;
	u8 y0=y;
	u8 csize=(size/8+((size%8)?1:0))*(size/2);		//得到字体一个字符对应点阵集所占的字节数
	chr=chr-' ';//得到偏移后的值		 
    for(t=0;t<csize;t++)
    {   
		if(size==12)temp=asc2_1206[chr][t]; 	 	//调用1206字体
		else if(size==16)temp=asc2_1608[chr][t];	//调用1608字体
		else if(size==24)temp=asc2_2412[chr][t];	//调用2412字体
		else return;								//没有的字库
        for(t1=0;t1<8;t1++)
		{
			if(temp&0x80)OLED_DrawPoint(x,y,mode);
			else OLED_DrawPoint(x,y,!mode);
			temp<<=1;
			y++;
			if((y-y0)==size)
			{
				y=y0;
				x++;
				break;
			}
		}  	 
    }          
}
//m^n函数
u32 mypow(u8 m,u8 n)
{
	u32 result=1;	 
	while(n--)result*=m;    
	return result;
}				  
//显示2个数字
//x,y :起点坐标	 
//len :数字的位数
//size:字体大小12/16/24
//mode:模式	0,填充模式;1,叠加模式
//num:数值(0~4294967295);	 		  
void OLED_ShowNum(u8 x,u8 y,u32 num,u8 len,u8 size)
{         	
	u8 t,temp;
	u8 enshow=0;						   
	for(t=0;t<len;t++)
	{
		temp=(num/mypow(10,len-t-1))%10;
		if(enshow==0&&t<(len-1))
		{
			if(temp==0)
			{
				OLED_ShowChar(x+(size/2)*t,y,' ',size,1);
				continue;
			}else enshow=1; 
		 	 
		}
	 	OLED_ShowChar(x+(size/2)*t,y,temp+'0',size,1); 
	}
} 
//显示字符串
//x,y:起点坐标  
//size:字体大小12/16/24
//*p:字符串起始地址 
//mode:0,反白显示;1,正常显示	
void OLED_ShowString(u8 x,u8 y, u8 *p,u8 size,u8 mode)
{	
    while((*p<='~')&&(*p>=' '))//判断是不是非法字符!
    {       
        if(x>(128-(size/2))){x=0;y+=size;}
        if(y>(64-size)){y=x=0;OLED_Clear();}
        OLED_ShowChar(x,y,*p,size,mode);	 
        x+=size/2;
        p++;
    }  
}	 

//显示汉字
void OLED_ShowCHinese(u8 x,u8 y,u8 no)
{      			    
	u8 t,adder=0;
	OLED_Set_Pos(x,y);	
    for(t=0;t<16;t++)
		{
				OLED_WR_Byte(Hzk[2*no][t],OLED_DATA);
				adder+=1;
     }	
		OLED_Set_Pos(x,y+1);	
    for(t=0;t<16;t++)
			{	
				OLED_WR_Byte(Hzk[2*no+1][t],OLED_DATA);
				adder+=1;
      }					
}
/***********功能描述：显示显示BMP图片128×64起始点坐标(x,y),x的范围0～127，y为页的范围0～7*****************/
void OLED_DrawBMP(unsigned char x0, un

最低0.47元/天解锁文章

蔡子CaiZi

关注

31
点赞
踩
328

收藏

觉得还不错? 一键收藏
9
评论
基于STM32F103C8T6的OLED多级菜单实现 | 有限状态机 | 标准库函数实现方法 | OLED12864显示

制作航模遥控器需要用到多级菜单，参考了很多博客的实现方式，最终采用了这种树形拓扑结构。这种实现方式便于扩充，容易移植和理解，现把菜单的完整框架整理如下，希望能给读者带来帮助。
复制链接

扫一扫

专栏目录