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 小时前
航天器多路并联大功率电源系统设计与ASP4644均流特性分析
单片机·嵌入式硬件·fpga开发·安全性测试
茯苓gao4 小时前
嵌入式开发笔记:CANopen相关移位运算与通信协议术语详解
网络·嵌入式硬件·学习·信息与通信
梁朝辉7 小时前
STM32H750VBT6中ADCINP与INN什么区别
stm32·单片机·嵌入式硬件
省四收割者8 小时前
一文详解信号完整性(1)
python·嵌入式硬件·数学建模·信息与通信·信号处理·智能硬件
崇山峻岭之间9 小时前
单片机无感FOC驱动之ADC
单片机·嵌入式硬件
Ligocious9 小时前
1.点亮一颗小小的LED
单片机·嵌入式硬件
KaifuZeng13 小时前
通信与接口协议面试八、CAN通信
单片机·嵌入式硬件·面试·通信与接口协议
智源单片机设计14 小时前
基于单片机的直流电机双闭环调速系统设计
单片机·嵌入式硬件
kebidaixu14 小时前
两轮车换电 BMS 的模拟前端中颖 SH367306 AFE 芯片详解
stm32
大意的鸡翅15 小时前
[T1 Silverlight Training] Day 1 : Overview & UI Elements
ui