入门指南
源代码项目下载
介绍
软件架构
安装
安装编译器
安装scons
通过CMD启动
通过VSCode启动
安装VSCode
打开项目
运行项目
显示表盘
GUI应用程序
使用C设计应用程序
语法
使用特定名称定义应用程序
使用特定名称和入口函数定义应用程序
API
使用LVGL设计应用程序
什么是LVGL
LVGL
LVGL快速入门
LVGL快速入门
LVGL文档
LVGL简介
使用ARM-2D设计应用程序
什么是ARM-2D
ARM-2D
ARM-2D快速入门
ARM-2D快速入门
ARM-2D文档
ARM-2D简介
使用脚本设计应用程序
概述
功能面板
工具箱/控件
设计视图/画布
属性视图
控件树
资源管理
图像资源管理
字体资源管理
菜单栏
文件
编辑
设置
导出
模拟
快速开始教程
如何创建项目
如何编写 JavaScript 代码
如何打开项目
如何打开/关闭项目
如何导出/打包项目
如何进行模拟
GUI Demo 项目
JavaScript语法
窗口 (Win)
按钮 (Button)
文本 (Text)
图像滑动条 (ImageSeekbar)
开关 (Switch)
图像 (IMAGE)
应用程序 (APP)
进度条 (PROGRESSBAR)
选项卡 (TAB)
XML语法
元素
嵌套
中间件
包
启动器
XML
JavaScript
示例
应用程序切换
应用程序切换动效示例
对应的代码
控件
对象 (obj)
用法
API
窗口 (window)
使用方法
创建窗口控件
API
图像 (img)
用法
创建控件
更新位置
设定属性
获取高度/宽度
刷新大小
混合模式
移动
旋转
缩放
不透明度
动画效果
质量
截屏
示例
API
简单图像 (simple img)
用法
创建控件
设置位置
设置属性
获取高度/宽度
示例
API
stb图像 (stbimage)
用法
创建控件
设置属性
示例
API
文本 (text)
特性
用法
初始化字体文件
创建文本控件
设置文本属性
文本输入设置
设置文本点击事件
文本移动
设置动画
示例
多文本控件示例
动画文本控件示例
API
选项卡容器 (tabview)
用法
创建选项卡容器
选项卡切换
设置选项卡切换风格
设置选项卡循环显示
示例
API
选项卡 (tab)
用法
创建选项卡控件
设置选项卡切换风格
示例
选项卡控件示例
选项卡控件翻转示例
选项卡循环显示示例
API
幕布容器 (curtainview)
用法
创建幕布容器控件
回调函数
示例
API
幕布 (curtain)
用法
创建幕布控件
幕布控件方向
示例
API
卡片容器 (cardview)
用法
创建控件
回调
设置风格
设置中心对齐
设置底部间隔
y轴方向滑动回调
示例
API
卡片 (card)
用法
创建卡片控件
示例
API
页面 (page)
用法
创建控件
示例
API
页面列表 (pagelist)
用法
增加页面控件
减少页面控件
添加回调函数
设定属性
增加图片
创建控件
示例
API
开关(switch)
用法
创建控件
开关控件的参数
开/关
更新开关状态
改变开关控件状态
示例
API
网格 (grid)
用法
创建网格组件
设置网格样式
示例
经典样式
API
进度条 (progressbar)
用法
创建水平方向控件
创建垂直方向控件
创建电影风格控件
进度
百分比
获取最大值
示例
API
画布 (canvas)
用法
创建控件
添加回调函数
示例
圆角矩形
圆弧动画
API
Nanovg API
RealGUI API
立方体 (cube)
用法
创建控件
设置大小
设置中心
设置图像模式
设置立方体图像
设置旋转角度
示例
API
轮形列表 (wheellist)
使用方法
创建一个旋转列表
添加图标
API
透视 (perspective)
用法
创建透视控件
设置透视控件的图片
设置图片混合模式
示例
API
可缩放矢量图形 (svg)
用法
创建控件
设置旋转
设置缩放
设置平移
设置透明度
示例
创建一个简单的 SVG
SVG 旋转
SVG 缩放
SVG 平移
API
监视渐变点 (watch gradient spot)
用法
创建控件
设置中心位置
示例
API
表盘渐变 (watchface gradient)
用法
创建控件
示例
API
蜂窝菜单 (menu_celllar)
用法
创建蜂窝菜单组件
配置偏移
示例
API
返回 (return)
用法
创建返回控件
示例
API
二维码和条形码 (qbcode)
用法
创建控件
设置控件的尺寸和边框
二维码编码注释
示例
API
趣带特效 (litegfx)
使用方法
示例
通知
能量盒
棱镜
数字时钟
蝴蝶
落樱
风车
API
移植
加速
显示设备
支持接口类型
已验证屏幕驱动
文件系统
闪存转换层
输入设备
触摸芯片
物理按键
编码器滚轮
操作系统
休眠管理
示例
计算器应用程序
源文件
只需两步
86box应用程序
源文件
UI设计
RVisualDesigner
Javascript
交互
LiteGFX应用程序
趣戴介绍
源文件
控件适配层
平台适配层
核心lib
状态栏
实现
文件
设计
水果忍者应用程序
源文件
调用步骤
设计思路及注意事项
工具
图像转换工具
图像格式转换
配置
颜色空间
输出文件
字体转换工具
生成字体bin文件
FontConfig.json参数说明
打包工具
RTL87x2G
RTL8762D
RTL8763E and RTL8773DO
解压 userdata.zip
配置设定
生成用户数据(userdata bin)
RTL8773E
生成用户数据(userdata)
生成用户数据(userdata bin)
烧录工具
下载到 EVB 中
设计说明
RealUI系统概述
RealUI工作流程
系统
GUI服务器
GUI应用程序
GUI服务器任务
输入子系统
触摸板
触摸板硬件和驱动程序
获取触摸板数据
触摸板算法处理器
控件响应
键盘
硬件和驱动程序
获取键盘数据
键盘算法处理器
响应
显示子系统
显示工作流程
Flash文件系统
UI控件
加速层
缓冲区
软件加速
总体流程图
无RLE覆盖模式概述
无RLE覆盖模式(不带矩阵变换)
无RLE覆盖模式(带矩阵变换)
无RLE旁路模式概述
无RLE旁路模式(不带矩阵变换)
无RLE旁路模式(带矩阵变换)
无RLE滤黑模式概述
无RLE滤黑模式(不带矩阵变换)
无RLE旁路模式(带矩阵变换)
无RLE源覆盖模式概述
无RLE源覆盖模式(不带矩阵变换)
无RLE源覆盖模式(带矩阵变换)
RLE覆盖模式概述
RLE覆盖模式(不带矩阵变换)
RLE覆盖模式(带矩阵变换)
RLE旁路模式概述
RLE旁路模式(不带矩阵变换)
RLE旁路模式(带矩阵变换)
RLE滤黑模式概述
RLE滤黑模式(不带矩阵变换)
RLE滤黑模式(带矩阵变换)
RLE源覆盖模式概述
RLE源覆盖模式(不带矩阵变换)
RLE源覆盖模式(带矩阵变换)
流程图下载
支持的输入类型和输出类型
常见问题
开发环境常见问题
在VSCode中使用模拟器
安装适当版本的工具链
添加工具链到系统环境变量
移植常见问题
用户数据
JS分配堆内存
喂狗
不支持FPU
文件系统
realloc函数
Flash设置
CPU频率
SCONS版本
规格常见问题
图形
内存使用量
8772F示例
控件内存使用量
如何提高帧率常见问题
像素格式
硬件加速
数据传输速度
UI设计
图像压缩
字体
自定义二进制文件
标准TTF文件
显示常见问题
字体抗锯齿
获取PDF
专业术语
RTKIOT GUI
FAQ
EN
/
中文
FAQ
使用GUI过程中产生的一些常见问题,可参考本章节。
开发环境常见问题
在VSCode中使用模拟器
移植常见问题
用户数据
JS分配堆内存
喂狗
不支持FPU
文件系统
realloc函数
Flash设置
CPU频率
SCONS版本
规格常见问题
图形
内存使用量
如何提高帧率常见问题
像素格式
硬件加速
数据传输速度
UI设计
图像压缩
字体
显示常见问题
字体抗锯齿