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

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

实际效果如下:

本列参考代码下载:请至本文章标题下方
相关推荐
happygrilclh3 小时前
STM32,串口单字节中断接受,每次上电后,会收到一个0x00的解决办法。
单片机·嵌入式硬件
智闲电子设计4 小时前
STM32 独立看门狗 IWDG 实战:系统跑飞,它来兜底复位
stm32·单片机·嵌入式硬件
zcmodeltech5 小时前
智能制造教学实训沙盘模型多系统协同控制系统设计:基于STM32与Modbus RTU的工业机器人-智慧工厂-数字孪生全场景联动方案
数据库·stm32·嵌入式硬件·机器人·制造·多分类
程序员与背包客_CoderZ6 小时前
Linux D-Bus通信协议详解:从入门到C/C++编码实战
linux·服务器·c语言·c++·嵌入式硬件·嵌入式软件·dbus
嵌入式阿蔡7 小时前
HAL库 vs LL库 vs 寄存器:到底用哪个?
c语言·stm32·单片机·嵌入式硬件·嵌入式实时数据库
天空'之城8 小时前
单片机基础核心知识点汇总(三)
单片机·嵌入式硬件
嵌入式阿蔡8 小时前
CAN总线入门:从协议帧到STM32实战
c语言·stm32·单片机·嵌入式硬件·嵌入式实时数据库
MoSTChillax9 小时前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding
恒锐丰科技韩生9 小时前
率能 SS8847E|2.7~15V 双通道 H 桥电机驱动 ETSSOP16 散热封装 家电 / 打印 / 舞台灯光专用
嵌入式硬件·硬件工程
离凌寒9 小时前
一、对stm32mp157配置freertos后,任务挂掉无法启动问题总结
stm32·单片机·嵌入式硬件