lkdGUI移植（STM32F407+SPI屏幕）

已于 2024-05-30 17:40:58 修改
阅读量1k 收藏 14
点赞数 20
文章标签： stm32 嵌入式硬件 单片机
于 2024-05-30 17:19:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51686526/article/details/139321833
版权

1.前言

前面刚把SPI的2.42寸OLED点亮，看的效果还是比0.96寸OLED舒服，想来做项目经常要做菜单，每次没有GUI辅助，着实麻烦，都要徒手写GUI，多级菜单更是麻烦。于是就想移植一个GUI，主要目的就是给STM32F103，F407之类的没有LCD接口的显示器做一个GUI。

因为都是串行协议（SPI或是IIC）通信速率不是很快，再就是基本都是单色屏幕，就更没有必要上LVGL之类的大型GUI，过于复杂了。只不过就是每次写屏幕的时候能简化一点流程。

2.GUI选择

关于GUI选择问题，最开始想搞U8g2的，但是死活搞不出来，而且貌似对u8g2对硬件SPI，IIC支持不是很好，这就很头疼了。

开源轻量化GUI主要还有SimpleGUI，LiteGUI

622401656b2b476eba462e7dbc40cfcc.png

b1b4fae866204284ae2c34925612b72f.png

不过这两款GUI移植起来非常麻烦，我都没移植成功（应该是我的问题），没办法于是再找GUI也就是lkdGUI了。

936712a69e43498f92a4e683241dc7fe.png

 

最开始我是先移植SimpleGUI的，结果发现也是过于复杂了。于是又搞lkdGUI了，lkdGUI相较于其他GUI的好处是程序的耦合性极低，相较于U8g2与SimpleGUI来说，lkdGUI和驱动层分离的非常开，我几乎不用动驱动层的东西。

3.前期准备

首先我们要先准备一个屏幕和STM32的板子，这里我选择STM32F407和一个2.42寸的OLED

bceebdf5bc1244fd9f06a2904e27c3ed.jpeg

连接好线之后就要把驱动写好，保证你的OLED能正常点亮，一般厂家都是有写这些驱动，稍微改改就行。

之后我们要下载GuiLite的源码，这个gitee上就有

地址：lkdGui: 单片机单色屏GUI库 (gitee.com)

8b851218c26b4b64898793ac0f33a342.png

4.移植

我们需要的所有文件都在lkdgui source这个文件夹下面

d6807b5451174d8fa52e72c86d736d2d.png

把整个文件夹放到我们STM32的文件夹下面

eb3e1cf50d534c0e93e20cdf7df951a4.png

添加好文件夹路径后，我们在工程里加入GUI的文件，首先是port文件夹下面的这三个文件

84f842cfbbf04226a0e336792a08cd11.png

在port文件夹下面还有两个文件夹，font是字库，lcd是一些屏幕的驱动，驱动如果有你用的屏幕你可以试着用用，但我还是建议你自己写驱动。

7ed1065bdd4d47fa85385dd1865c5205.png

在font文件夹下面，有几种字库，我们一般用的是6x12的ASCII与12x12的汉字，在里面也有，我们将这两个加入工程。

69237bce5123494c871140b0da799e5e.png

然后是sourse文件夹下面，都添加进去

ed90bbc8d3894217b446e1d30c899724.png

最后工程里应该是这样

04bb38587b3c4bff91bcedb05c3b4b70.png

编译后应该是0错误

585f5a72a5a44bbcab40124877f4c501.png

如果报告没有发现lkdgui.h就说明你的头文件路径没加

46b86d928cb846e290200ae46466b1c4.png

在这里记得加一下

5.底层接口

下面我们需要把操作OLED的底层函数告诉GUI

我们需要在lcddriverport这个文件里写，这里我来一个个解释

cd02c7ff267e45d3b0ab2a3891e3b8f4.png

首先是guiupdate

becaf9b93f9c4f2387837c010383bdc2.png

这个一般商家都会提供这个函数，也就是Refresh这个函数

52faa323e4d14311a50c72ed6d474121.png

这个RangeRefresh函数是区域刷新不写也没关系

2bfde7a3e1d5430ba8efd3e09f1acf99.png

之后是画点函数

5cabefc337624362aa4de420142f1ab6.png

这个函数商家也提供，就是DrawPoint和ClearPoint

4e009bd552ea46d8bfa79365374f0b1c.png

这里稍微注意一下，color是颜色，需要按照一下这种写法就可实现反显的效果。

ab2c1af217c7405abf70281d763c7a7d.png

之后的3个函数可以不用写，开关显示商家也提供了，大家可以自行添加

634cb3898f7a496f941cbb580719cbfc.png

最终程序

/**
  * @file   lcdDriverPort.c
  * @author  guoweilkd
  * @version V0.0.0
  * @date    2018/04/18
  * @brief  lkdGui液晶显示屏驱动接口，由移植者填充函数的具体内容。
  */

#include "lkdGui.h"
#include "oled7.h"

/**
  *@brief 将Gui缓冲区数据显示到lcd上
  *@param  None
  *@retval None
  */
void GuiUpdateDisplayAll(void)
{
  /* 添加用户代码 */
	OLED7_Refresh();
}

/**
  *@brief 将Gui指定缓冲区数据显示到lcd上
  *@param  beginx,beginy,endx,endy 坐标
  *@retval None
  */
void GuiRangeUpdateDisplay(lkdCoord beginx, lkdCoord beginy,lkdCoord endx, lkdCoord endy)
{
	/* 添加用户代码 */
}

/**
  *@brief 向缓冲区画点
  *@param  x,y 坐标
  *@param  color 颜色 <目前只有黑:CBLACK 白:CWHITLE>
  *@retval None
  */
void GuiDrawPoint(lkdCoord x, lkdCoord y, lkdColour color)
{
  /* 添加用户代码 */
	if(color)
		OLED7_DrawPoint(x,y);
	else
		OLED7_ClearPoint(x,y);
}

/**
  *@brief 读取当前显示的点
  *@param  x,y 坐标
  *@param  color 颜色 <目前只有黑:CBLACK 白:CWHITLE>
  *@retval None
  */
void  GuiReadPoint(lkdCoord x, lkdCoord y, lkdColour *pColor)
{
	/* 添加用户代码 */
}

/**
  *@brief 关显示
  *@param  None
  *@retval None
  */
void CloseLcdDisplay(void)
{
  /* 添加用户代码 */
}

/**
  *@brief 开显示
  *@param  None
  *@retval None
  */
void OpenLcdDisplay(void)
{
  /* 添加用户代码 */
}

6.字体驱动接口

下面我们需要告诉gui我们的字模信息

我们先打开userfontport这个文件，别打开错了

27299a80aa784f70a7b4d43882d3de3e.png

首先是汉字字模

e29f64ff70254c779098d96af92387d4.png

这个函数在GBK2312这个C文件中，我们把文件拉到最底下就能看见这个函数了

a95252228642493faa6d7a5bd51da098.png

在接口文件里我们首先要声明这个函数，之后调用即可

b0b31dffc9fa40b2abac57cf4867d8ff.png

同理也是ASCII字模

515f6aeabdbe48c488051f5c5267b9b8.png

然后是字体初始化函数，我们改几个数字即可

8dbdf0af733f4508a3de71dc67b77a42.png

修改成你想要字体的大小

d5e9922eeaa940f3a86e12277c379a17.png

最后程序

/**
  * @file   userFontPort.c
  * @author  guoweilkd
  * @version V0.0.0
  * @date    2018/04/18
  * @brief  lkdGui字体驱动接口，由移植者填充函数的具体内容。
  */

#include "lkdGui.h"

/* 字体控制实体 */
static lkdFont defaultFont;

/**
  *@brief 获取汉字字模
  *@param  code1,code2 汉字编码[H,L] 
  *@param  pBuff 字模buff
  *@retval 0
  */
static uint8_t GetDfontData(uint8_t code1, uint8_t code2,uint8_t *pBuff)
{
    /* 添加用户代码 */
		uint8_t GetFontGb2312_12_12(uint8_t codeH, uint8_t codeL, uint8_t *pBuff);
		GetFontGb2312_12_12(code1,code2,pBuff);
    return 0;
}

/**
  *@brief 获取ASCII字模
  *@param  code1, 编码 
  *@param  pBuff 字模buff
  *@retval 0
  */
static uint8_t GetSfontData(uint8_t code1, uint8_t *pBuff)
{
    /* 添加用户代码 */
		uint8_t GetFontASCII_6_12(uint8_t code1, uint8_t *pBuff);
		GetFontASCII_6_12(code1,pBuff);
    return 0;
}

/**
  *@brief 字体初始化
  *@param  None
  *@retval None
  */
void defaultFontInit(void)
{
	/* 根据字体要求做相应的修改 */

	/* 此buff的大小由最大字模大小决定 */
	static uint8_t dataBuff[12*2];

	defaultFont.name = "汉字字模为12*12的GB2312,ASCII字模为12*6";
	defaultFont.dhigh = 12;
	defaultFont.dwide = 12;
	defaultFont.shigh = 12;
	defaultFont.swide = 6;
	defaultFont.pZmBuff = dataBuff;
	defaultFont.getDfont = GetDfontData;
	defaultFont.getSfont = GetSfontData;

    /* 设置为系统默认字体 */
	GuiFontSet(&defaultFont);
  GuiSetbackcolor(CWHITLE);
  GuiSetForecolor(CBLACK);
}

7.主函数

至此gui正式移植成功了，下面我们开始写主函数

首先加入lkdgui.h

df689a3769da4f938a3cfb39847be735.png

之后依次初始化spi，oled，gui即可

e45c07d9cbed491ea2eb903e034ff732.png

我们首先显示一串字符吧，程序比较简洁，也都有注释

d22030e6e25c4ef5931afdccbcf45e67.png

我们把需要显示的字符添加到testStr这个数组里，然后把用GuiText显示，最后刷新页面即可，其中的几个参数大家可以自行根据需要调节，也都有注释。

a60f03b6bec542deaed2a57367766a6a.jpeg

8.显示中文

ASCII比较好处理，那中文怎么办呢？这里我们遵循的GB2312编码方式，我们可以到网上去找汉字对应的编码，或是直接在C文件里看。

这里以“你好”为例，可以看到“你”对应的编码为0xC4E3，“好”则是0xBAC3

ad8a1644d36b4bca824804716ba9030f.png

6898fcdc0e004bad9609d80a52c2aad1.png

我们在程序里可以以将4个16位拆为两组，程序会自行判断汉字

1caaec4a729e4431b800fa3dade12e3a.png

8269d42c2e4d454793a92c4b0a464ee2.jpeg

没毛病

程序

#include "key.h"


void defaultFontInit(void);


void testLkdGUI(void)
{
	unsigned char textStr[8]={0xC4,0xE3,0xBA,0xC3,'A'};
	
	/* -----------显示文字--------------- */
	fontTextInfo textInfo;
	textInfo.x = 0;/* 文本起始坐标 */
	textInfo.y = 0;
	textInfo.wide = 128;/* 文本范围大小 */
	textInfo.high = 64;
	textInfo.wInterval = 0;/* 字符间距 */
	textInfo.hInterval = 0;/* 行间距 */
	textInfo.flag = 0;/* 反显 */
	textInfo.beginOffset = textInfo.wide * 0;/* 开始偏移,首行缩进 */
	GuiText(&textInfo, textStr);
	GuiUpdateDisplayAll();
}



int main(void)
{ 
	Stm32_Clock_Init(336,8,2,7);//设置时钟,168Mhz
	NVIC_SetGroup(1);//设置中断分组,分组1
	init_PinClock();//初始化所有时钟
	delay_init(168);//初始化延时
	init_spi2();//初始化SPI2
	OLED7_242_Init();//0.96寸7针SPI的oled初始化																		
	defaultFontInit();/* 字库初始化 */
	testLkdGUI();

	while(1)
	{
	}	
}

9.结语

lkdGUI移植还是非常简单的，在本来的文件里有更复杂的功能，比如进度条和多级菜单等功能，大家可以自己进行测试，我已经都移植成功了。大家根据项目需要进行学习和测试。那还是老样子，有问题发在评论区，我会尽力解答，我们下篇文章见。

weixin_51686526
关注
​【使用指南】lkdGui软件包——专为工业控制领域而生
FILLMOREad的博客
04-13 1440
来源：https://github.com/guoweilkd/lkdGuilkdGui是一款为单色显示屏制作的图形化界面，lkdGui主要定位于工业控制领域，用于简单漂亮的图形界面设...
stm32f407 cubemx实现无操作系统移植lwip-STM32F407+Eth+LWIP
09-24
STM32F407 Cubemx 实现无操作系统移植 LWIP-STM32F407+Eth+LWIP 知识点一：OSI 模型和网络协议 * OSI 模型是一个标准，共有 7 层，分别是物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。 * 在 STM...
单色屏gui_lkdGUI
10-04
lkdGui是一款为单色显示屏制作的图形化界面，lkdGui主要定位于工业控制领域，用于简单漂亮的图形界面设计。
lkdGui_单片机_lkdGUI_minigui界面_
10-03
一块小型GUI设计包，非常适合于单色屏的使用。只占用很少的内存，可以在51等小内存的单片机内使用，内附有说明，好用。
STM32(F103ZET6)第二十三课：绘图软件GUI的使用与移植
最新发布
2401_83971583的博客
08-29 1386
字体路径不能有中文，字体名字不能有中文。
美丽的lkdGui
guoweilkd的博客
07-08 5078
lkdGui是一款为单色显示屏制作的Gui,用于设计简单漂亮的图形界面。它使用窗口管理，让应用界面开发变得十分简单。当然，lkdGui的菜单控件也是它的一大特色。后面会一一贴图介绍。 一.lkdGui的由来 lkdGui是笔者在开发项目时，感觉当时的显示界面比较陋，关键是架构不太好，填东西，减东西比较费劲。然后在网上找了很多Gui,比如emWin,ucGui，以及leaningGui(关于le...
stm32f103RCT 使用ssd1306 IIC 接口 移植lkdGUI
Car12
11-26 1388
ldkGUI 关于lkdGUI的信息参考:https://blog.csdn.net/qq_23274715/article/details/80959804 已经移植好的程序源码和测试代码：https://gitee.com/chejia12/lkd-gui 移植ldkGUI 参考官方给的参考文档 手把手教你移植 创建stm32f103rct6 mdk工程 添加OLED驱动 添加OLED sd1306库函数，添加OLED分组添加驱动源文件，添加驱动头文件，字体文件 参考:https://blo
F407驱动SPI屏幕.zip_9bit spi stm32_STM32F407 模拟SPI_bodyxqh_spi 屏幕_模拟
07-15
STM32F407驱动SPI屏幕，采用的是模拟SPI
STM32F407+w5500.zip_STM32F407 SPI_stm32F407+w5500_stm32f4 id_stm
07-14
1. **STM32F407 SPI通信**：STM32F407通过SPI（Serial Peripheral Interface）总线与W5500芯片进行通信。SPI是一种同步串行接口，通常用于微控制器与外围设备之间，具有高速度和低功耗的特点。在这个系统中，STM32...
UCOSIII已移植+STM32F103+（STM32F407+HAL）+STM32F407.7z
07-26
本文将深入探讨如何将UCOSIII移植到STM32F103和STM32F407微控制器上，特别是结合STM32F407时使用HAL库的情况。 首先，STM32F103是意法半导体（STMicroelectronics）的ARM Cortex-M3内核微控制器，广泛应用于嵌入式...
STM32F407+LAN8720+LWIP移植freemodbus TCP.zip
07-17
本项目主要涉及的是在STM32F407上移植FreeModbus库和LWIP（Lightweight IP）协议栈，实现MODBUS TCP通信功能。 FreeModbus是一个开源的Modbus协议实现库，支持MODBUS RTU和TCP两种通信方式，适用于嵌入式系统中的...
lkdGui20200116.zip
03-12
lkdGui是一款为`单色显示屏`制作的图形化界面，lkdGui主要定位于工业控制领域，用于简单漂亮的图形界面设计。它的源代码全部使用c语言编写，符合c99标准。它包含了常用的画图函数如画点、画线、画矩形、文字显示、按钮控件、进度条控件。它使用`窗口`进行统一管理和调度，使得各个应用显示模块之间低耦合，方便应用程序的开发。
适用于OLED屏的GUI
12-25
自己编写的GUI，适用于OLED屏。目前已有控件： 1.文本框 2.单色bmp图片显示控件 3.进度条 并支持： 1.中文字库 2.基本的2D绘图功能
基于STM32F407的TFT-LCD触摸屏程序
08-28
基于STM32F407的触摸屏程序，通信方式为SPI通信，可实现显示与触摸。
基于STM32F407开发板驱动触摸屏（原子）
08-01
基于STM32F407开发板驱动触摸屏（原子），含源码和文档说明。
stm32f407正点原子开发板屏幕驱动程序
11-21
TFT-LCD驱动程序，即下即用
STM32F407VE+FreeRTOS+STM32CubeIDE+串口DMA+Freemodbus移植代码
03-03
STM32F407VE是一款高性能的微控制器，属于STM32F4系列，基于ARM Cortex-M4内核，具备浮点运算单元（FPU）和数字信号处理能力。这款芯片广泛应用于工业控制、物联网设备和嵌入式系统设计。在本项目中，它与FreeRTOS...
为OLED屏添加GUI支持2：2D图形库
weixin_33840661的博客
06-15 953
为OLED屏添加GUI支持2：2D图形库本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 环境：主机:WIN10开发环境:MDK5.13MCU:STM32F103说明：gui库的基础是一个2D图形库，为控件提供画图功能此图形库还包含单色BMP图像显示函数。为图片控件提供支持源码：接口函数:gui_interface.h/** * Copyright...
《STM32从零开始学习历程》——SPI固件库
EnzoReventon是一个正在努力学习的社会主义好青年
04-14 785
《STM32从零开始学习历程》@EnzoReventon SPI固件库 相关链接： SPI物理层 SPI协议层 SPI特性及架构 参考资料： [野火EmbedFire]《STM32库开发实战指南——基于野火霸天虎开发板》 [正点原子]STM32F4开发指南-库函数版本_V1.2 [ST]《STM32F4xx中文参考手册》 SPI协议及总线协议介绍 W25Q128产品数据手册 SPI初始化函数 typedef struct { uint16_t SPI_Direction; /*!&l
stm32f407 + freertos + tcp客户端
07-27
STM32F407是一款32位ARM Cortex-M4内核的微控制器，拥有丰富的周边设备和高性能。FreeRTOS是一款用于嵌入式系统的实时操作系统，提供了任务调度、内存管理、定时器等功能，使得开发者能够创建复杂的多任务应用程序。TCP客户端是指在TCP/IP协议栈的应用层，通过TCP协议与服务器进行通信的客户端程序。 将STM32F407与FreeRTOS和TCP客户端结合起来，可以创建一个具有实时性能的TCP客户端应用。首先，我们需要将FreeRTOS移植到STM32F407上，这可以通过使用STM32CubeMX和FreeRTOS内核文件进行配置和生成来实现。接下来，我们需要编写TCP客户端代码，使用TCP/IP协议栈的相关API进行连接服务器、发送和接收数据等操作。在编写TCP客户端代码时，我们需要创建一个或多个任务，用于处理与服务器的TCP连接和数据通信。这些任务可以使用FreeRTOS提供的任务调度器进行管理和调度。 在使用STM32F407、FreeRTOS和TCP客户端时，还需要注意一些重要的方面。首先，需要根据应用需求进行系统资源的合理配置，包括内存大小、任务优先级等。其次，需要注意任务之间的同步和通信，以避免竞争条件和数据一致性的问题。还需要考虑网络连接的稳定性，处理网络异常和错误情况的方法。最后，还需要进行性能测试和调优，以确保系统在给定约束条件下的稳定工作。 综上所述，将STM32F407、FreeRTOS和TCP客户端结合起来，可以实现一个具有实时性能的嵌入式TCP客户端应用程序。这种应用可以广泛应用于物联网、智能家居、远程监测等领域。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值