基于STM32之OLED菜单界面框架搭建

2023-03-24  

随着科技的不断发展,嵌入式系统在各个领域中得到了广泛的应用。而STM32是一款在嵌入式系统中应用较为广泛的芯片。它的主频高、功耗低、性能稳定,以及强大的外设功能都使得它成为了许多开发者的首选。本文将介绍如何基于STM32搭建一个OLED菜单界面框架。

首先,我们需要准备以下材料:


1. STM32F103C8T6主控制板

2. 0.96寸OLED显示屏模块

3. dupont线若干


接下来就可以开始搭建了。


步骤1:连接硬件


先将OLED模块通过dupont线连接至STM32主控制板。具体连接方式可以参考如下:


OLED模块 | STM32主控制板

VCC | 3.3V

GND | GND

SCL | B6

SDA | B7


步骤2:安装必要的软件库


我们需要安装u8glib和STemWin这两个软件库。u8glib是一款轻量级的图形库,用于驱动OLED显示屏。STemWin是一款跨平台的GUI软件库,具有高度的可移植性。它支持多种操作系统和嵌入式平台,并且提供了大量的GUI组件。


步骤3:设计GUI菜单界面


接下来我们需要设计OLED菜单界面。


首先,在Keil中新建一个工程。选择相应的芯片型号,然后添加u8glib和STemWin这两个软件库。


然后在工程中新建一个.c文件,命名为Menu.c。在Menu.c中,我们可以自定义多层菜单的数据结构。每一个菜单项都包括菜单名称、菜单项编号、与之关联的事件函数等。例如:


typedef struct menuitem

{

char *itemname;

uint16_t itemid;

void (*eventfunction)(void);

struct menuitem *parentmenu;

struct menuitem *childmenu;

} MenuItem;


接下来,在main函数中,我们可以初始化OLED显示屏和STemWin库,然后将菜单的根节点设置为当前选项。例如:


int main()

{

// 初始化OLED显示屏和STemWin库

OLED_Init();

GUI_Init();

// 创建菜单项

MenuItem mainmenu = {"Main Menu", 0, NULL, NULL, NULL};

MenuItem submenu1 = {"Submenu 1", 1, eventhandler1, &mainmenu, NULL};

MenuItem submenu2 = {"Submenu 2", 2, eventhandler2, &mainmenu, NULL};

MenuItem submenu3 = {"Submenu 3", 3, eventhandler3, &mainmenu, NULL};

MenuItem subsubmenu1 = {"Sub-submenu 1", 4, eventhandler4, &submenu1, NULL};

MenuItem subsubmenu2 = {"Sub-submenu 2", 5, eventhandler5, &submenu1, NULL};

submenu1.childmenu = &subsubmenu1;

subsubmenu1.parentmenu = &submenu1;

submenu2.childmenu = &subsubmenu2;

subsubmenu2.parentmenu = &submenu2;

mainmenu.childmenu = &submenu1;

submenu1.childmenu = &subsubmenu1;

subsubmenu1.childmenu = &subsubmenu2;

// 设置当前选项为根节点

MenuItem *currentmenu = &mainmenu;

// 循环执行菜单项事件

while(1)

{

currentmenu->eventfunction(currentmenu);

}

}


步骤4:添加事件处理函数


在上述代码中,我们定义了多个菜单项,并将它们组织成了菜单树。还需要为每个菜单项添加事件处理函数。当用户选择某个菜单项时,该菜单项关联的事件处理函数将会被执行。例如:


void eventhandler1(MenuItem *menuitem)

{

uint16_t selecteditemid = 0;

while(1)

{

selecteditemid = ShowSubMenu(menuitem);

if(selecteditemid == 4)

{

eventhandler4(&menuitem->childmenu[subsubmenu1]);

}

else if(selecteditemid == 5)

{

eventhandler5(&menuitem->childmenu[subsubmenu2]);

}

else

{

break;

}

}

}


步骤5:实现菜单界面交互

最后,我们需要实现菜单界面的交互。用户可以通过按键来选择菜单项,并且可以在菜单项之间进行上下滚动。例如:


uint16_t ShowMenu(MenuItem *menuitem)

{

uint16_t selecteditemid = 0;

uint16_t menuindex = 0;

uint16_t numentries = GetNumEntries(menuitem->childmenu);

while(1)

{

DrawMenu(menuitem, menuindex);

uint8_t key = GetKey();

if(key == KEY_UP && menuindex > 0)

{

menuindex--;

}

else if(key == KEY_DOWN && menuindex < numentries - 1)

{

menuindex++;

}

else if(key == KEY_ENTER)

{

selecteditemid = menuitem->childmenu[menuindex].itemid;

break;

}

}

return selecteditemid;

}


通过以上步骤,我们就可以基于STM32搭建一个完整的OLED菜单界面框架了。该菜单界面框架可以作为嵌入式系统的用户交互界面,提供更加友好的操作体验。


文章来源于:电子工程世界    原文链接
本站所有转载文章系出于传递更多信息之目的,且明确注明来源,不希望被转载的媒体或个人可与我们联系,我们将立即进行删除处理。