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

硬件平台：

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

操作方法：

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

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

第二步：代码导出（.c）

导出2份文件：

RuiBuilder.c,RuiBuilder.h

用于分页渲染。

// 初始化
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扩展连接的芯片。

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

实际效果如下：

本列参考代码下载：请至本文章标题下方