×
↑
Logo
  • 入门指南
    • 源代码项目下载
    • 介绍
    • 软件架构
    • 安装在Windows操作系统上
      • 安装编译器
      • 安装 Python
      • 安装Scons
      • 通过CMD启动(Scons)
      • 通过CMD启动(CMake)
      • 通过VSCode启动
        • 安装VSCode
        • 打开项目
        • 运行项目
    • 显示
      • 手表工程
      • 仪表盘工程
  • GUI应用程序
    • C-APP 应用程序
      • 定义一个 C-APP
      • 创建一个C-APP的控件树
      • C-APP操作
      • C-APP 转场动画
        • 示例
      • API
    • 使用 LVGL 设计应用程序
      • LVGL 简介
      • HoneyGUI 模拟器
        • 在 HoneyGUI 模拟器中运行 LVGL
        • HoneyGUI LVGL
      • 实机移植
        • 显示
        • 输入设备
        • 文件系统
          • ROMFS 文件系统镜像
          • LittleFS 文件系统镜像
      • LVGL Benchmark 测试
        • 参考 Benchmark
      • 从 Demo 入门开发
      • 资源转换器
        • 图片转换器
          • LVGL 在线转换工具
          • HoneyGUI 图像转换工具
            • 压缩图片
            • 导入 LVGL
            • LVGL 启用 RLE 解码器
        • 字库转换器
      • 开发资源支持
        • 在线文档
        • Github 仓库
        • 设计器
        • 论坛
        • 博客
      • 常见问题
        • HoneyGUI vs LVGL 绘制图片帧率
          • GRAM 屏幕 (280x456)SRAM 分块绘制
          • PSRAM 整帧 buffer 绘制(800x480)
          • 分析
        • HoneyGUI vs LVGL RAM消耗
        • 结论
    • 使用 ARM-2D 设计应用程序
      • ARM-2D介绍
    • 使用可视化工具设计应用程序
      • 概述
      • 功能面板
        • 工具箱/控件
          • 非容器化控件
            • 文本(Text)
            • 按钮(Button)
            • 图像(Image)
            • 滑动条(SeekBar)
            • 图像滑动条(Image SeekBar)
            • 开关(Switch)
            • 圆弧(Arc)
          • 容器控件
            • 屏幕(Screen)
            • 选项卡视图(TabView)和选项卡(Tab)
            • 页面(Page)
            • 窗口(Win)
        • 设计视图/画布
          • 选项卡视图 - 创建/删除/插入选项卡
            • 创建选项卡
            • 删除选项卡
            • 插入选项卡
          • 选项卡视图概览图
          • 设计视图的缩放
        • 属性视图
        • 控件树
      • 资源管理
        • 图像资源管理
          • 添加图像
            • 移除图像/图像文件夹
            • 重命名图像文件夹
          • 预览图像
          • 刷新
        • 字体资源管理
          • 添加第三方字体
          • 移除第三方字体
      • 菜单栏
        • 文件
          • 起始页
          • 保存
          • 退出保存
        • 编辑
          • 复制/粘贴
          • 删除
          • 撤销/重做
          • 转换项目
          • 修改项目名称
        • 设置
        • 图像转换设置
          • 扫描模式
          • 颜色空间
          • 压缩
        • 字体转换设置
        • 导出
        • 模拟
      • 快速入门教程
        • 如何创建项目
        • 如何编写 JavaScript 代码
        • 如何打开项目
        • 如何打开/关闭项目
        • 如何导出/打包项目
        • 如何进行模拟
      • GUI 演示项目
      • JavaScript语法
        • 窗口 (Win)
          • 隐藏窗口
          • 监听手势
          • 切换窗口
          • API
        • 按钮 (Button)
          • 监听按钮按下事件
          • API
        • 文本 (Text)
          • 编辑文本
          • API
        • 拖动条 (Seekbar)
          • 显示当前进度
          • 一个拖动进度条从0增加到100%的动画
          • API
        • 开关 (Switch)
          • 监听两个事件
          • 打开一个LED (P1_1)
          • API
        • 图片 (Image)
          • API
        • 应用程序 (App)
          • API
        • 进度条 (Progressbar)
          • API
        • 选项卡 (Tab)
          • API
      • XML语法
        • 元素
        • 嵌套
          • 规格
          • 示例
        • 窗口
        • 图片
      • 中间件
        • 包
        • 启动器
        • XML
        • JavaScript
        • 示例
          • 进度条 API
          • 定义一个进度条对象
          • 向进度条对象添加两个函数
          • 定义两个函数
          • 灯控制
          • 灯开关数据
          • GPIO 灯开关
          • MATTER 灯开关
          • MESH 灯开关
  • 控件
    • 对象 (Obj)
      • 用法
      • API
        • gui_obj_get_root()
        • gui_obj_get_fake_root()
        • gui_obj_create()
        • gui_obj_show()
        • gui_obj_out_screen()
        • gui_obj_get_clip_rect()
        • gui_obj_in_rect()
        • gui_obj_enable_this_parent_short()
        • gui_obj_get_area()
        • gui_obj_point_in_obj_rect()
        • gui_obj_point_in_obj_circle()
        • gui_obj_checksum()
        • gui_get_root()
        • gui_obj_absolute_xy()
        • gui_obj_hidden()
        • gui_widget_name()
        • gui_update_speed()
        • gui_inertial()
        • gui_get_obj_count()
        • gui_set_location()
        • gui_dom_create_tree_nest()
        • gui_dom_get_preview_image_file()
        • gui_update_speed_by_displacement()
        • gui_obj_move()
        • gui_obj_create_timer()
        • gui_obj_delete_timer()
        • gui_obj_start_timer()
        • gui_obj_stop_timer()
    • 图像 (Img)
      • 用法
        • 创建控件
        • 更新位置
        • 设定属性
        • 获取高度/宽度
        • 刷新大小
        • 混合模式
        • 移动
        • 旋转
        • 缩放
        • 不透明度
        • 动画效果
        • 质量
        • 截屏
      • 示例
      • API
        • gui_img_get_width()
        • gui_img_get_height()
        • gui_img_refresh_size()
        • gui_img_set_location()
        • gui_img_set_mode()
        • gui_img_set_attribute()
        • gui_img_rotation()
        • gui_img_scale()
        • gui_img_translate()
        • gui_img_skew_x()
        • gui_img_skew_y()
        • gui_img_set_opacity()
        • gui_img_create_from_mem()
        • gui_img_create_from_ftl()
        • gui_img_create_from_fs()
        • gui_img_set_animate()
        • gui_img_set_quality()
        • gui_img_tree_convert_to_img()
        • gui_img_get_transform_scale_x()
        • gui_img_get_transform_scale_y()
        • gui_img_get_transform_degrees()
        • gui_img_get_transform_c_x()
        • gui_img_get_transform_c_y()
        • gui_img_get_transform_t_x()
        • gui_img_get_transform_t_y()
        • gui_img_set_image_data()
        • gui_img_get_image_data()
        • gui_img_transform_t
          • gui_img_transform_t::degrees
          • gui_img_transform_t::c_x
          • gui_img_transform_t::c_y
          • gui_img_transform_t::scale_x
          • gui_img_transform_t::scale_y
          • gui_img_transform_t::t_x
          • gui_img_transform_t::t_y
          • gui_img_transform_t::t_x_old
          • gui_img_transform_t::t_y_old
        • gui_img_t
          • gui_img_t::base
          • gui_img_t::draw_img
          • gui_img_t::transform
          • gui_img_t::data
          • gui_img_t::filename
          • gui_img_t::ftl
          • gui_img_t::animate
          • gui_img_t::opacity_value
          • gui_img_t::blend_mode
          • gui_img_t::src_mode
          • gui_img_t::high_quality
          • gui_img_t::press_flag
          • gui_img_t::release_flag
          • gui_img_t::need_clip
          • gui_img_t::checksum
          • gui_img_t::animate_array_length
    • 文本 (Text)
      • 特性
      • 用法
        • 初始化字体文件
        • 创建文本控件
        • 设置文本属性
          • 设置文本
          • 字体类型
          • 文本内容
          • 文本编码
          • 文本转换为图片
          • 文本输入设置
          • 设置文本点击事件
          • 文本模式
          • 文本移动
          • 设置动画
      • 示例
        • 多文本控件
        • 动画文本控件
      • API
        • TEXT_MODE
          • TEXT_MODE::LEFT
          • TEXT_MODE::CENTER
          • TEXT_MODE::RIGHT
          • TEXT_MODE::MULTI_LEFT
          • TEXT_MODE::MULTI_CENTER
          • TEXT_MODE::MULTI_RIGHT
          • TEXT_MODE::MID_LEFT
          • TEXT_MODE::MID_CENTER
          • TEXT_MODE::MID_RIGHT
          • TEXT_MODE::SCROLL_X
          • TEXT_MODE::SCROLL_Y
          • TEXT_MODE::SCROLL_Y_REVERSE
          • TEXT_MODE::SCROLL_X_REVERSE
          • TEXT_MODE::VERTICAL_LEFT
          • TEXT_MODE::VERTICAL_RIGHT
        • FONT_SRC_TYPE
          • FONT_SRC_TYPE::GUI_FONT_SRC_BMP
          • FONT_SRC_TYPE::GUI_FONT_SRC_STB
          • FONT_SRC_TYPE::GUI_FONT_SRC_IMG
          • FONT_SRC_TYPE::GUI_FONT_SRC_MAT
          • FONT_SRC_TYPE::GUI_FONT_SRC_FT
          • FONT_SRC_TYPE::GUI_FONT_SRC_TTF
        • FONT_SRC_MODE
          • FONT_SRC_MODE::FONT_SRC_MEMADDR
          • FONT_SRC_MODE::FONT_SRC_FILESYS
          • FONT_SRC_MODE::FONT_SRC_FTL
        • gui_text_click()
        • gui_text_pswd_done()
        • gui_text_set()
        • gui_text_set_animate()
        • gui_text_mode_set()
        • gui_text_input_set()
        • gui_text_wordwrap_set()
        • gui_text_use_matrix_by_img()
        • gui_text_rendermode_set()
        • gui_text_set_min_scale()
        • gui_text_move()
        • gui_text_size_set()
        • gui_text_font_mode_set()
        • gui_text_type_set()
        • gui_text_emoji_set()
        • gui_text_encoding_set()
        • gui_text_set_matrix()
        • gui_text_content_set()
        • gui_text_convert_to_img()
        • gui_text_create()
        • gui_text_t
          • gui_text_t::base
          • gui_text_t::color
          • gui_text_t::animate
          • gui_text_t::scale_img
          • gui_text_t::emoji_path
          • gui_text_t::min_scale
          • gui_text_t::content
          • gui_text_t::data
          • gui_text_t::path
          • gui_text_t::matrix
          • gui_text_t::len
          • gui_text_t::font_len
          • gui_text_t::active_font_len
          • gui_text_t::char_width_sum
          • gui_text_t::char_height_sum
          • gui_text_t::char_line_sum
          • gui_text_t::offset_x
          • gui_text_t::offset_y
          • gui_text_t::mode
          • gui_text_t::charset
          • gui_text_t::font_type
          • gui_text_t::font_mode
          • gui_text_t::font_height
          • gui_text_t::emoji_size
          • gui_text_t::checksum
          • gui_text_t::layout_refresh
          • gui_text_t::content_refresh
          • gui_text_t::use_img_blit
          • gui_text_t::inputable
          • gui_text_t::ispasswd
          • gui_text_t::wordwrap
          • gui_text_t::scope
          • gui_text_t::rendermode
        • gui_text_line_t
          • gui_text_line_t::line_char
          • gui_text_line_t::line_dx
    • 3D模型 (3D Model)
      • GUI加载3D模型
      • 3D控件用法
        • 创建控件
        • 全局形状变换
        • 局部形状变换
          • 世界变换
          • 相机变换
          • 光照信息
        • 设置动画
      • 示例
        • 3D蝴蝶
        • 3D棱镜
        • 3D人脸
      • API
        • gui_3d_shape_transform_cb
        • gui_3d_create()
        • gui_3d_set_global_shape_transform_cb()
        • gui_3d_set_local_shape_transform_cb()
        • gui_3d_on_click()
        • gui_3d_base_t
          • gui_3d_base_t::base
          • gui_3d_base_t::desc
    • 视图 (View)
      • 用法
        • 注册视图控件描述子
        • 获得视图控件描述子
        • 创建视图控件
        • 设置视图切换事件
        • 立即切换视图
        • 获取当前显示的视图控件指针
      • 示例
        • 视图控件
      • API
        • VIEW_SWITCH_STYLE
          • VIEW_SWITCH_STYLE::VIEW_STILL
          • VIEW_SWITCH_STYLE::VIEW_TRANSPLATION
          • VIEW_SWITCH_STYLE::VIEW_REDUCTION
          • VIEW_SWITCH_STYLE::VIEW_ROTATE
          • VIEW_SWITCH_STYLE::VIEW_CUBE
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_NULL
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_1
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_2
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_3
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_4
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_5
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_6
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_7
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_8
        • gui_view_create()
        • gui_view_descriptor_register()
        • gui_view_descriptor_get()
        • gui_view_switch_on_event()
        • gui_view_switch_direct()
        • gui_view_get_current_view()
        • gui_view_id_t
          • gui_view_id_t::x
          • gui_view_id_t::y
        • gui_view_t
          • gui_view_t::base
          • gui_view_t::release_x
          • gui_view_t::release_y
          • gui_view_t::animate
          • gui_view_t::cur_id
          • gui_view_t::style
          • gui_view_t::descriptor
          • gui_view_t::view_switch_ready
          • gui_view_t::event
          • gui_view_t::moveback
          • gui_view_t::view_tp
          • gui_view_t::view_left
          • gui_view_t::view_right
          • gui_view_t::view_up
          • gui_view_t::view_down
          • gui_view_t::view_click
          • gui_view_t::view_touch_long
          • gui_view_t::view_button
          • gui_view_t::view_button_long
          • gui_view_t::on_event
          • gui_view_t::on_event_num
          • gui_view_t::checksum
        • gui_view_descriptor_t
          • gui_view_descriptor_t::name
          • gui_view_descriptor_t::pView
          • gui_view_descriptor_t::on_switch_in
          • gui_view_descriptor_t::on_switch_out
          • gui_view_descriptor_t::keep
        • gui_view_on_event_t
          • gui_view_on_event_t::descriptor
          • gui_view_on_event_t::switch_out_style
          • gui_view_on_event_t::switch_in_style
          • gui_view_on_event_t::event
  • 移植
    • 平台移植
      • 加速
      • 显示设备
      • 支持接口类型
      • 已验证屏幕驱动
      • 文件系统
      • 闪存转换层
      • 输入设备
      • 触摸芯片
      • 操作系统
        • 休眠管理
    • 字库移植
      • 点阵字库移植
        • 字形加载
          • 文本编码转换
          • 字库索引
        • 排版
        • 字符绘制
      • API
        • gui_font_mem_init()
        • gui_font_mem_init_ftl()
        • gui_font_mem_init_fs()
        • gui_font_mem_init_mem()
        • gui_font_mem_destroy()
        • gui_font_mem_load()
        • gui_font_mem_draw()
        • gui_font_mem_unload()
        • gui_font_mem_obj_destroy()
        • gui_get_mem_char_width()
        • gui_get_mem_utf8_char_width()
        • get_fontlib_by_size()
        • get_fontlib_by_name()
        • gui_font_mem_layout()
        • gui_font_get_dot_info()
        • GUI_CHAR_HEAD
          • GUI_CHAR_HEAD::char_y
          • GUI_CHAR_HEAD::baseline
          • GUI_CHAR_HEAD::char_w
          • GUI_CHAR_HEAD::char_h
        • mem_char_t
          • mem_char_t::unicode
          • mem_char_t::x
          • mem_char_t::y
          • mem_char_t::w
          • mem_char_t::h
          • mem_char_t::char_y
          • mem_char_t::char_w
          • mem_char_t::char_h
          • mem_char_t::dot_addr
          • mem_char_t::buf
          • mem_char_t::emoji_img
        • MEM_FONT_LIB
          • MEM_FONT_LIB::font_file
          • MEM_FONT_LIB::font_size
          • MEM_FONT_LIB::type
          • MEM_FONT_LIB::data
        • GUI_FONT_HEAD_BMP
          • GUI_FONT_HEAD_BMP::head_length
          • GUI_FONT_HEAD_BMP::file_type
          • GUI_FONT_HEAD_BMP::version
          • GUI_FONT_HEAD_BMP::font_size
          • GUI_FONT_HEAD_BMP::rendor_mode
          • GUI_FONT_HEAD_BMP::bold
          • GUI_FONT_HEAD_BMP::italic
          • GUI_FONT_HEAD_BMP::scan_mode
          • GUI_FONT_HEAD_BMP::index_method
          • GUI_FONT_HEAD_BMP::crop
          • GUI_FONT_HEAD_BMP::rsvd
          • GUI_FONT_HEAD_BMP::index_area_size
          • GUI_FONT_HEAD_BMP::font_name_length
          • GUI_FONT_HEAD_BMP::font_name
        • TEXT_CHARSET
          • TEXT_CHARSET::UTF_8
          • TEXT_CHARSET::UTF_16
          • TEXT_CHARSET::UTF_16LE
          • TEXT_CHARSET::UNICODE_ENCODING
          • TEXT_CHARSET::UTF_16BE
          • TEXT_CHARSET::UTF_32LE
          • TEXT_CHARSET::UTF_32BE
        • process_content_by_charset()
        • get_len_by_char_num()
        • generate_emoji_file_path_from_unicode()
        • gui_text_rect_t
          • gui_text_rect_t::x1
          • gui_text_rect_t::y1
          • gui_text_rect_t::x2
          • gui_text_rect_t::y2
          • gui_text_rect_t::xboundleft
          • gui_text_rect_t::xboundright
          • gui_text_rect_t::yboundtop
          • gui_text_rect_t::yboundbottom
    • HoneyGUI移植
      • 注意事项
      • 编译环境要求
      • Armcc 编译
      • Armclang 编译
      • 工程移植示例
  • 示例
    • 计算器
      • 源文件
      • 操作步骤
        • 1. 声明 APP 的结构体
        • 2. 定义 APP :func:ui_design 函数
    • 86Box
      • 源文件
      • UI设计
        • RVisualDesigner
      • Javascript
        • 交互
          • 灯光控制 switch
          • Tab 跳转 switch
    • LiteGFX
      • 趣戴介绍
      • 源文件
        • 控件适配层
        • 平台适配层
        • 核心lib
    • 状态栏
      • 实现
        • 文件
        • 设计
    • 水果忍者
      • 环境需求
      • 源文件
      • 配置
      • 调用步骤
        • 步骤 1: Declare the app ui design function
        • 步骤 2: Call function
      • 设计思路
    • 音乐播放器
      • 实现
        • 代码
        • 控件树设计
    • 计时器
      • 实现
        • 代码
        • 控件树设计
    • 表盘市场
      • 实现
        • 代码
        • 控件树设计
  • 工具
    • 图像转换工具
      • 图像格式转换
        • 配置
        • 颜色空间
      • 输出文件
    • 字体转换工具
      • 生成字体bin文件
      • FontConfig.json参数说明
      • Setting.ini 参数说明
    • 打包工具
      • RTL87x2G and RTL8762D
      • RTL8763E and RTL8773DO
      • RTL8773E
        • 生成用户数据
        • 添加头部信息
    • 烧录工具
      • 下载到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
      • 文件系统
      • Flash设置
      • CPU频率
      • SCONS版本
    • 规格
      • 图形
      • 内存使用量
        • RTL8772F示例
        • 控件内存使用量
    • 帧率
      • 像素格式
      • 硬件加速
      • 数据传输速度
      • UI设计
      • 图像压缩
      • 字体
        • 自定义二进制文件
        • 标准TTF文件
    • 显示
      • 字体抗锯齿
  • 获取PDF
  • 专业术语
  • 版本说明
    • Major Changes
      • v1.0.6.6
    • Change Logs
      • v1.0.6.6
RTKIOT GUI
  • 设计说明
  • EN/中文

设计说明

本章节介绍了RealUI系统的工作流程,包括从输入数据到显示在LCD上。

  • RealUI系统概述
    • RealUI工作流程
  • 输入子系统
    • 触摸板
    • 键盘
  • 显示子系统
    • 显示工作流程
  • 软件加速
    • 总体流程图
    • 无RLE覆盖模式概述
    • 无RLE旁路模式概述
    • 无RLE滤黑模式概述
    • 无RLE混合模式概述
    • RLE覆盖模式概述
    • RLE旁路模式概述
    • RLE滤黑模式概述
    • RLE混合模式概述
    • 支持的输入类型和输出类型
上一页 下一页

Copyrights ©瑞晟微电子有限公司 2025. All rights reserved. 苏ICP备10062199号-8