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

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

实际效果如下:

本列参考代码下载:请至本文章标题下方
相关推荐
Zw-awa13 小时前
先让程序开口说话:为什么把人机交互放在最前面
stm32
Zwawa13 小时前
把按键和 LED 状态显示出来:第一次看见程序到底在干什么
单片机·嵌入式
Zw-awa13 小时前
把按键和 LED 状态显示出来:第一次看见程序到底在干什么
stm32
Zw-awa13 小时前
面包板接线为什么这样接:从模块需求到芯片资源分配
stm32
小程序设计13 小时前
基于STM32的办公室智能空气净化系统设计
stm32·单片机
Zw-awa13 小时前
用 OLED 给 STM32 做实时调试面板
stm32
Zw-awa14 小时前
按键为什么会乱跳:一次按下为什么变成很多次
stm32
不悔哥6 天前
开源OV-Watch:怎么做一个智能手表
单片机·开源·嵌入式
XiHongShi20166 天前
STM32F407 RTC定时器例程,建议保存
stm32·单片机·学习
大蓝头6 天前
安装包UI美化之路-nsNiuniuSkin全新UI调试与预览方法
ui·electron·安装包·截图控件·截屏控件