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

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

实际效果如下:

本列参考代码下载:请至本文章标题下方
相关推荐
爱吃程序猿的喵18 小时前
南邮计科电工电子实验B《RLC串联谐振电路》实验报告
单片机·嵌入式硬件
独小乐18 小时前
009.中断实践之实现按键测试|千篇笔记实现嵌入式全栈/裸机篇
linux·c语言·驱动开发·笔记·嵌入式硬件·arm
XINVRY-FPGA18 小时前
XC7VX690T-2FFG1157I Xilinx AMD Virtex-7 FPGA
arm开发·人工智能·嵌入式硬件·深度学习·fpga开发·硬件工程·fpga
小樱花的樱花19 小时前
1 项目概述
开发语言·c++·qt·ui
2301_8227032019 小时前
开源鸿蒙跨平台Flutter开发:跨端图形渲染引擎的类型边界与命名空间陷阱:以多维雷达图绘制中的 dart:ui 及 StrokeJoin 异常为例
算法·flutter·ui·开源·图形渲染·harmonyos·鸿蒙
bubiyoushang88820 小时前
利用STM32实现Modbus通信(RTU从机方案)
stm32·单片机·嵌入式硬件
cmpxr_21 小时前
【单片机】常用设计模式
单片机·嵌入式硬件·设计模式
杰杰桀桀桀21 小时前
4*4无时延矩阵键盘(非阻塞)--附代码链接
stm32·单片机·嵌入式硬件·矩阵·计算机外设·无时延矩阵键盘
奶茶拌火锅21 小时前
EB配置Tc27x——MCU
单片机·嵌入式硬件
cmpxr_21 小时前
【单片机】STM32Fxx启动模式怎么接
stm32·单片机·嵌入式硬件