RUI Builder-图形化UI设计-工程范例

硬件平台:

  • 单片机:STM32F103VET6
  • 图形处理器:RA8889/RA6809

操作方法:

第一步:可视化进行UI界面的设计

可以像PPT一样一页一页设计。

第二步:代码导出(.c)

导出2份文件:

RuiBuilder.c,RuiBuilder.h

用于分页渲染。

c 复制代码
// 初始化
void RuiBuilder_Init(void);

// 页面渲染
void Page_Render_001(void);
void Page_Render_002(void);
void Page_Render_003(void);

直接引用Page_Render_001();即表示显示第1页,引用Page_Render_002();即表示显示第2页,其它类推。

第三步:图资导出(.bin)

同样导出2份文件:

ResourcePack.bin ---- 烧录到FLASH中

ResourcePack.h ---- RuiBuilder.c会引用这份文件的数据

第四步:Keil工程添加文件

把RuiBuilder.c添加进来:

第五步:引用渲染函数
第六步:烧录FLASH

将ResourcePack.bin烧录到FLASH中,是通过RA8889/RA6809扩展连接的芯片。

第七步:编译、下载、运行

实际效果如下:

本列参考代码下载:请至本文章标题下方
相关推荐
北域码匠2 小时前
高通滤波算法深度解析(High-Pass Filter)
stm32·算法·c#·数字信号处理·嵌入式开发·滤波算法·高通滤波
star learning white3 小时前
STM32入门学习5
stm32·嵌入式硬件·学习
新晨单片机设计3 小时前
S006A-基于STM32单片机温湿度检测系统【Proteus仿真+Keil程序+原理图】
stm32·单片机·proteus
逐步前行5 小时前
ESP32-S3-分区表(Partition Table)
单片机
星河单片机6 小时前
STM32驱动HS‑S37A水位传感器+OLED完整实验讲解
stm32·单片机·嵌入式硬件
代码不接地6 小时前
【EDA】0.公共部分&元件库设计
嵌入式硬件
一条破秋裤6 小时前
16_TIM编码器接口测速
笔记·stm32·学习
糖糖单片机设计7 小时前
STM32水稻苗大棚环境监测系统
stm32·单片机·嵌入式硬件
star learning white8 小时前
STM32入门学习3
stm32·单片机·学习
jianqiang.xue9 小时前
审查技能库(上):内存安全四件套
stm32·单片机·物联网·架构·esp32