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

随着科技的不断发展，嵌入式系统在各个领域中得到了广泛的应用。而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菜单界面框架了。该菜单界面框架可以作为嵌入式系统的用户交互界面，提供更加友好的操作体验。