瑞佑 RUI Builder 图形化 UI 设计工具

前言

做嵌入式工业屏、家电控制面板、车载仪表屏的工程师一定深有体会：传统 UI 开发全靠手写 C 代码，图片、字体、多语言资源要五六个工具分开转码，控件坐标、动画效果反复调试，改一次界面就要重新算坐标、编译烧录，一套复杂界面开发耗时时间长，上手门槛极高。

瑞佑专为自家显示芯片RA6809、RA8889 打造了RUI Builder 图形化 UI 设计工具 ，纯拖拽可视化操作，内置多语言引擎、矢量字体渲染、全套绘图控件，设计完成一键导出.C驱动代码与.BIN资源包，不用手写一行界面代码，把嵌入式 UI 开发周期大大压缩 ，下面结合工具实操截图，完整拆解工具功能与核心优势。

一、工具整体定位：适配瑞佑显示芯片的一体化 UI 设计平台

RUI Builder 是瑞佑官方配套图形处理器开发工具，专门针对RA6809、RA88889两款驱动芯片优化，从界面可视化设计、素材编辑、多语言适配，到底层代码导出全流程闭环，一站式解决嵌入式彩屏开发全部痛点。

实际在LCD屏幕上显示图片：

基础核心能力一览：

1. 拖拽式画布设计，所有控件、图形、文字鼠标拖动即可布局；
2. 自研多国语显示引擎，支持全球数十种语言一键切换；
3. 高性能矢量字体渲染，支持文字旋转、半透明、混排、异形排版；
4. 内置全套几何图形、按键、弹窗、文本框基础交互控件；
5. 自由自定义画布分辨率；
6. 一键导出标准 C 工程文件、BIN 资源固件，无缝对接 Keil 开发环境；
7. 全格式多媒体素材兼容：BMP/JPG/PNG/GIF 动图 / AVI 短视频直接导入使用。

上图是软件完整操作界面：左侧页面图层管理、中间实时预览画布、顶部全功能快捷工具栏，画布所见即所得，修改样式、布局实时预览，不用反复烧录屏幕调试。 顶部工具栏支持新建工程、导入素材、图形绘制、字体调整、图层对齐、代码导出、屏幕分辨率自定义等全部功能，新手无需记忆命令，可视化按钮一键操作。

二、核心优势 1：自研多国语显示引擎，海外产品开发零压力

海外家电、工业设备、医疗设备普遍需要多国语言切换，传统方案需要单独字库转换工具、手动写语言切换逻辑，生僻字符、特殊音标极易显示乱码。 RUI Builder 内置自研多语言渲染引擎，原生支持简体 / 繁体中文、英、德、法、西、韩、日、俄、瑞典、波兰、捷克、匈牙利、挪威、芬兰、希腊等20 + 国家语言，带音标、特殊变音字符完美渲染，无乱码。

实际在LCD屏幕上显示图片：

多语言功能亮点：

1. 同一界面一键切换任意语种，无需修改底层代码；
2. 自动兼容各国特殊音标、变音字符、日文假名、韩文谚文、俄文字母；
3. 字库统一管理，支持矢量字库 + 自定义点阵字库混合使用；
4. 多国文字自适应排版，不会出现文字超出控件、重叠错乱问题；
5. 导出代码内置语言切换接口，业务层只需调用函数即可切换屏幕语言。

实际在LCD屏幕上显示图片：

三、核心优势 2：全套绘图 + 交互控件，自由绘制任意工业 UI 界面

工具内置完整基础绘图图形与交互控件，不用代码绘制边框、警示标识、按键弹窗，鼠标拖拽、拉伸、改色即可完成整套操作面板设计，完美适配工控、充电桩、洗衣机、空调等设备界面。

1. 几何绘图控件

直线、三角形、标准矩形、圆角矩形、圆形、同心圆、椭圆、扇形、弧形全部内置，可自由调整：线条粗细、边框颜色、填充底色、开启 / 关闭边框、透明度。 工业常用警示三角、禁止标识、分层彩色圆环等图形，直接拖拽组合，不用 PS 画图再导入。

实际在LCD屏幕上显示图片：

2. 交互控件（设备操作面板必备）

• 基础按键：开机 / 关机 / 启动 / 暂停 / 重启 / 复位按钮，自定义按钮底色、文字、圆角；
• 文本框：提示文字、参数显示框，支持多行文字；
• 弹窗控件：故障弹窗、提示弹窗、警告弹窗，自带遮罩透明效果。

所有控件支持批量对齐、等距分布、图层置顶 / 置底、锁定隐藏，复杂多控件面板一键规整布局，解决手动排版错位问题。

四、核心优势 3：强大矢量字体渲染，丰富文字视觉特效

嵌入式设备传统点阵字体放大模糊、样式单一，想要加粗、斜体、旋转、半透明文字效果需要复杂代码实现。RUI Builder 原生支持矢量字体，配套思源黑体，同时兼容自定义点阵字库，提供全套文字美化功能。

字体核心功能：

1. 矢量无损缩放：文字大小任意调整，放大缩小无锯齿、不模糊；
2. 字体样式自由切换：黑体、宋体、加粗、斜体独立开关；
3. 异形文字效果：任意角度文字旋转、斜向排版；
4. 透明渲染：文字半透明叠加背景图，高级 UI 视觉效果；
5. 混合排版：同一文本框内不同字号、不同颜色文字混排；
6. 多行自适应：长参数、长提示文字自动换行，适配屏幕宽度。

工业屏参数动态显示、设备 logo 艺术文字、分层提示文字，全部可视化拖拽完成，不用写字符渲染逻辑代码。

实际在LCD屏幕上显示图片：

五、核心优势 4：全格式多媒体素材支持，动画视频直接导入

市面上多数嵌入式 UI 工具仅支持 BMP 单色位图，动图、短视频需要单独解码开发，RUI Builder 内置多媒体解析模块，主流图片、动图、视频素材直接拖入画布使用：

• 静态图片：BMP、JPG、PNG（支持透明通道 PNG 图标）；
• 动态素材：GIF 循环动图（设备运行动画、加载动画）；
• 短视频素材：AVI 短视频（开机动画、操作指引短片）。

导入素材后可自由缩放、旋转、设置透明度、叠加图层，设备开机动画、状态动效无需额外编写解码代码，导出时自动打包资源至 BIN 文件，烧录到FLASH即可读取到屏上显示。

实际在LCD屏幕上显示图片：

六、核心优势 5：所见即所得设计，一键生成底层驱动代码（最大提效亮点）

传统开发流程：PS 画图→图片转码工具→字库提取工具→手写坐标代码→调试界面→修改重算坐标，一套界面迭代至少半天。 RUI Builder 完整流程：拖拽设计界面（实时预览）→一键编译导出→直接导入 MCU 工程编译，全程零手写界面代码。

导出两种核心文件：

1. .c驱动代码：标准化底层屏幕渲染接口，适配 RA6809/RA8889 芯片，无冗余代码，工程师直接调用；
2. .bin资源固件：打包全部图片、字体、多国语言资源，烧录到FLASH，RA6809/RA8889 芯片读取到屏幕即可显示界面。

设计师 / 硬件工程师均可独立完成界面开发，不用依赖资深软件工程师，大幅降低团队人力成本；界面迭代修改只需要在画布拖动调整，重新导出文件即可，省去反复调试时间。

七、核心优势 6：自定义任意屏幕分辨率，覆盖全行业嵌入式产品

工具画布支持手动输入屏宽、屏高 自定义分辨率，从小型家电 12864 屏，到工控 1024600 高清大屏全部兼容：

1. 自定义画布尺寸，实时预览屏幕真实显示比例；
2. 画布缩放倍数调节，小屏幕细节也能精准编辑；
3. 透明通道全局开关，适配带透明图标的 UI；
4. 控件宽高独立缩放，批量统一调整按钮、文字框大小。

适配产品场景：工业控制显示屏、家电控制面板、车载仪表、充电桩交互屏、医疗设备操作屏、楼宇对讲彩屏，一套工具覆盖全产品线屏幕开发。

八、总结：RUI Builder 对比传统手写代码开发的核心价值

表格

对比维度	RUI Builder 图形化工具	传统手写 C 代码开发
上手难度	零基础拖拽操作，轻松熟练使用	需掌握显示驱动、图形算法，学习周期长
素材处理	图片 / 字体 / GIF/AVI 内置解析，一站式导入	多个独立工具拆分转换资源，操作繁琐
界面迭代速度	拖拽修改实时预览，分分钟完成改版	修改控件需重算坐标、重编译，单次改版需反复调试
多语言开发	内置多国语引擎，一键切换，无乱码	手动维护多套字库，自行编写切换逻辑，易出现字符异常
视觉效果上限	矢量字体、透明、动画、异形图形全部原生支持	复杂文字 / 图形效果需要大量算法代码实现
开发周期	中等复杂度界面简单快速完成	同等界面手写代码需长时间调试

文末适用人群 & 获取指引

适合使用人群

1. 使用瑞佑 RA6809/RA8889 显示芯片的嵌入式软硬件工程师；
2. 家电、工控、医疗、充电桩设备产品开发团队；
3. 没有专业 UI 软件团队，需要硬件工程师独立完成屏幕界面的中小企业；
4. 做出口海外设备、需要多国语言屏幕切换的项目团队。

工具获取

RUI Builder 为瑞佑芯片配套免费官方工具，联系瑞佑原厂技术支持即可获取安装包、配套芯片开发手册与工程示例。