TouchGFX开发(3)----使用TouchGFX配置IIC接口OLED

描述

概述

TouchGFX是一种先进的软件框架,用于开发嵌入式图形界面(GUI)。借助其特性,开发者可以在STM32连接到单色OLED显示器,并使用PNG文件和Touch GFX引擎在屏幕上显示图像。

最近在弄ST的课程,需要样片的可以加群申请:615061293。

参考文档:https://support.touchgfx.com/4.18/zh-CN/docs/introduction/welcome

视频教学

https://www.bilibili.com/video/BV17m4y1t7RT/

样品申请

https://www.wjx.top/vm/mSVawPF.aspx

完整代码下载

https://download.csdn.net/download/qq_24312945/87806820

生成例程

使用STM32CUBEMX生成例程,这里使用MCU是STM32G030C8T6。 使用的OLED的IIC接口是PB8和PB9。

IIC接口

配置IIC。

IIC接口

配置时钟树

配置时钟为64M。

IIC接口

开启调试接口

IIC接口

移植SSD1306

源码使用的是GitHub上面的stm32-ssd1306源码。

[https://github.com/afiskon/stm32-ssd1306]

git clone的地址为:

[https://github.com/afiskon/stm32-ssd1306.git]

IIC接口
下载完毕之后,需要的文件如下所示。

IIC接口

将这几个文件分别添加到对应的文件夹中。

IIC接口

将这几个文件分别添加到对应的文件夹中。

IIC接口

修改ssd1306_conf_template.h文件中的定义,选取实际所使用的MCU和接口(IIC或者SPI,以及对应通道)。

IIC接口

在main.c中添加头文件。

/* USER CODE BEGIN Includes */
#include "ssd1306.h"
#include "ssd1306_tests.h"
/* USER CODE END Includes */

IIC接口

在main.c中添加SSD1306初始化函数和demo演示函数。

/* USER CODE BEGIN 2 */
  ssd1306_Init();
  ssd1306_TestDrawBitmap();
  /* USER CODE END 2 */

IIC接口

在ssd1306_fonts.h文件中使用的头文件为ssd1306_conf.h,所以需要修改ssd1306_conf_template.h文件名称。

IIC接口

右键重命名。

IIC接口

修改函数为ssd1306_conf.h。

IIC接口

配置调试

点击小虫子的下拉箭头,选择Debug Configurations

IIC接口

这里我使用JLink进行调试。

IIC接口

将程序下载进去之后,可以看到OLED正常的进行显示。

IIC接口

开启TouchGFX

在STM32CUBEMX中安装X-CUBE-TOUCHGFX软件包。

IIC接口

对X-CUBE-TOUCHGFX进行配置。

IIC接口

对软件包进行配置,打开X-CUBE-TOUCHGFX,可以看到需要配置CRC。

IIC接口

开启CRC。

IIC接口

配置屏幕参数由于使用的是单色OLED,所以设置为BW。

IIC接口

设置屏幕刷新率

设置屏幕刷新率为20Hz,定时器计算函数如下所示。

IIC接口

使用一个定时器来产生一个20Hz的中断来刷新屏幕。 PSC配置为640-1,ARR配置为5000-1。

IIC接口

开启中断。

IIC接口

配置TouchGFX

重新生成工程之后,可以在STM32CUBEIDE中开启TouchGFX。

IIC接口

开启完毕之后,界面如下所示。

IIC接口

由于所使用的OLED是单色的,那么配置底色为黑色的。 添加Box组件。

IIC接口

选择颜色为黑色。

IIC接口

所需的png图片可以从下面网站中进行下载。

[https://iconsdb.com/]

在TouchGFX添加图片组件。

IIC接口

选择对应的图片。

IIC接口

调整相应的位置。

IIC接口

生成代码。

IIC接口

代码生成成功。

IIC接口

TouchGFX代码配置

在TouchGFXConfiguration.cpp中,可以看到已经导入了LCD驱动文件。

IIC接口

TouchGFXHAL.cpp定义TouchGFXGeneratedHAL的子类TouchGFXHAL。 OSWrappers.cpp(OSAL) 包含与TouchGFX Engine同步所需的功能,所以需要在TouchGFXHAL.cpp引入头文件。

#include "ssd1306.h"
#include < touchgfx/hal/OSWrappers.hpp >

IIC接口

需要将数据从MCU缓冲区传输到显示缓冲区中。

const unsigned char* bitmap = (const unsigned char*) getClientFrameBuffer();
    ssd1306_Fill(Black);
    ssd1306_DrawBitmap(0, 0, bitmap, 128, 64, White); 
    ssd1306_UpdateScreen();

IIC接口

在最后添加一个函数,函数将被定时器每秒调用20次,用来刷新屏幕。

extern "C"
void touchgfxSignalVSync(void)
{
    /* VSync has occurred, increment TouchGFX engine vsync counter */
    touchgfx::HAL::getInstance()- >vSync();
    /* VSync has occurred, signal TouchGFX engine */
    touchgfx::OSWrappers::signalVSync();
}

在main.c函数中,注释掉刚刚的测试代码。

IIC接口

开启定时器中断。

HAL_TIM_Base_Start_IT(&htim17);

IIC接口

定义溢出事件回调函数。

extern void touchgfxSignalVSync(void);
void HAL_TIM_PeriodElapsedCallback(TIM_HandleTypeDef *htim)
{
    if (htim- >Instance == TIM6) 
    {
        touchgfxSignalVSync();
    }
}

IIC接口

编译

编译过程中如果出现Flash不够,可以修改优化等级。

IIC接口

选择Project->Properties

IIC接口

选择合适的优化等级。

IIC接口

实际效果

程序下载进去之后,OLED显示如下所示。

IIC接口

审核编辑:汤梓红

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分