×
Logo
  • 入门指南
    • 源代码项目下载
    • 介绍
    • 软件架构
    • 安装在 Windows 操作系统上
      • 安装编译器
      • 安装 Python
      • 安装 Scons
      • 安装 kconfiglib
      • 配置应用程序（Menuconfig）
        • 使用 Menuconfig 进行配置
        • 操作说明
        • 配置文件说明
      • 通过 CMD 启动（Scons）
      • 通过 CMD 启动（CMake）
        • 依赖软件
        • 初始化构建环境
        • 配置应用程序
        • 编译项目
        • 运行程序
      • 通过 VSCode 启动
        • 安装 VSCode
        • 打开项目
        • 运行项目
    • 显示
      • 手表工程
      • 仪表盘工程
  • GUI 应用程序
    • C 应用程序
      • 创建 C 应用程序控件树
      • C 应用程序转场效果
    • 使用可视化工具设计应用程序
    • 使用 VSCode 插件开发应用程序
      • 主要特性
      • 开发流程
        • 快速开始
          • 安装要求
            • 软件环境
          • 安装插件
            • 方法一：从 VSCode 市场安装
            • 方法二：从 VSIX 文件安装
          • 环境检查
          • 创建第一个项目
            • 使用项目模板
            • 项目结构
          • 设计界面
            • 打开设计器
            • 设计器界面说明
            • 添加组件
            • 基本操作
          • 生成代码
            • 自动代码生成
            • 代码保护区
          • 编译仿真
            • 编译项目
            • 运行仿真器
            • 常见问题
          • 下一步
        • 设计器使用
          • 设计器界面
            • 界面布局
            • 工具栏功能
              • 常用操作
              • 视图工具
          • 组件库
            • 组件分类
              • 容器组件
              • 基础控件
              • 输入控件
              • 图形控件
              • 多媒体组件
            • 使用组件
              • 添加组件
              • 从资源面板添加
          • 画布操作
            • 选择组件
              • 单选
              • 多选
            • 移动组件
            • 调整尺寸
            • 对齐和分布
            • 组件层级
          • 组件树
            • 树形结构
            • 树形操作
          • 属性面板
            • 基础属性
            • 特定属性
              • hg_button
              • hg_label
              • hg_image
              • hg_arc / hg_circle / hg_rect
            • 事件属性
            • 颜色选择器
          • 键盘快捷键
            • 编辑操作
            • 视图操作
            • 选择操作
            • 精确定位
          • 右键菜单
            • 组件操作
            • 层级调整
            • 组件组织
            • 代码操作
          • 最佳实践
            • 组件命名
            • 布局技巧
            • 性能优化
            • 协同开发
          • 下一步
        • HML 文件格式
          • 概述
          • 基本结构
            • 根元素
          • 组件定义
            • 基本语法
            • 必需属性
            • 位置和尺寸属性
          • 组件类型
            • 容器组件
              • hg_view
              • hg_window
              • hg_canvas
              • hg_list
              • hg_menu_cellular
            • 基础控件
              • hg_button
              • hg_label
              • hg_image
            • 输入控件
              • hg_input
              • hg_checkbox 和 hg_radio
            • 多媒体组件
              • hg_video
              • hg_gif
              • hg_3d
          • 事件配置
            • 基本语法
            • 事件类型
            • 动作类型
              • switchView
              • sendMessage
              • callFunction
            • 多个事件
          • 完整示例
            • 简单登录界面
            • 多视图导航
          • 手动编辑 HML
            • 验证 HML
          • 最佳实践
            • 命名规范
            • 组织结构
            • 注释
            • 版本控制
          • 下一步
        • 代码生成机制
          • 概述
          • 代码生成流程
          • 架构设计
            • 核心组件
          • 文件命名和目录规则
            • 命名规则
            • 目录映射
            • 生成文件结构
          • 使用方法
            • 生成代码
          • 代码保护区
            • 保护区语法
            • 示例
          • 生成的代码结构
            • 头文件 (.h)
            • 实现文件 (.c)
            • 回调文件 (_callbacks.h / _callbacks.c)
          • 注意事项
          • 视图切换实现
            • 示例
          • 构建生成的代码
          • 下一步
        • 事件系统
          • 核心概念
            • 事件 (Event)
            • 动作 (Action)
            • 消息 (Message)
          • UI 设计变更
            • 属性面板标签页统一
          • 事件类型 (Event Types)
            • 通用事件（所有组件支持）
            • 滑动事件（容器组件支持）
            • 状态事件（特定组件支持）
            • 生命周期事件（容器组件支持）
            • 消息事件（所有组件支持）
          • 组件支持的事件
          • 动作类型 (Action Types)
            • 视图切换动作
            • 消息动作
            • 自定义动作
          • 消息系统 (Message System)
            • 概念
            • 使用场景
          • 数据结构
            • HML 中的事件配置
            • TypeScript 类型定义
          • C 代码生成实现
            • 视图切换 (switchView)
            • 其他事件
          • UI 设计
            • 属性面板 - 事件标签页
          • 实际使用示例
            • 示例 1: 按钮点击跳转
            • 示例 2: 左滑切换界面
            • 示例 3: 消息通信
            • 示例 4: 自定义函数调用
          • 最佳实践
            • 事件命名规范
            • 性能优化
            • 调试技巧
          • 下一步
        • 资源管理
          • 概述
          • 为什么需要 JS 版本?
            • 问题
            • 解决方案
          • 功能对比
          • 工具目录结构
          • 图像资源管理
            • 支持的图像格式
            • 图像转换流程
            • 手动转换图像
            • 像素格式选择指南
          • 3D 模型资源管理
            • 支持的模型格式
            • OBJ 模型转换
            • 模型优化建议
          • 字体资源管理
            • 字体格式
            • 字体转换
          • 资源打包
            • ROM 文件系统
            • 资源路径规范
          • 性能数据
          • 使用建议
            • 资源优化
            • 资源管理最佳实践
          • 故障排查
            • 常见问题
            • 调试技巧
          • 下一步
        • 编译与仿真
          • 概述
          • 开发环境要求
            • Windows
            • Linux/WSL
            • 环境变量配置
          • 项目结构
          • 项目配置文件
          • 构建流程
            • 使用 VSCode 插件构建
            • 使用命令行构建
          • 构建配置
            • 应用配置 (Menuconfig)
            • 编译器标志
          • 使用 CMake 构建（可选）
          • 运行模拟器
            • 启动模拟器
            • 交互方式
            • 调试技巧
          • 常见问题
            • 构建错误
            • 运行错误
          • 性能优化
            • 构建速度优化
            • 运行性能优化
          • 持续集成
          • 下一步
        • 嵌入式部署
          • 概述
          • 方案一： 生成 C 代码
            • 描述
            • 导出产物
            • 生成代码示例
            • 优点
            • 缺点
            • 适用场景
            • 部署步骤
          • 方案二： 生成 HML (XML)
            • 描述
            • 导出产物
            • HML 文件示例
            • 嵌入式侧实现
            • 事件绑定机制
            • 优点
            • 缺点
            • 适用场景
            • 推荐 XML 解析器
          • 方案三： 生成 HML (BIN)
            • 描述
            • 导出产物
            • 二进制格式设计
            • 嵌入式侧实现
            • 优点
            • 缺点
            • 适用场景
          • 事件处理机制（通用）
            • 设计器中配置事件
            • 导出时生成回调骨架
            • 固件中注册回调表
          • 数据绑定（方案二、三支持）
            • HML 中使用数据绑定
            • 嵌入式侧绑定数据
          • 方案选择指南
          • 性能和资源对比
          • 开发建议
            • 开发阶段
            • 测试阶段
            • 发布阶段
          • 常见问题
            • Q: 如何在三种方案间切换?
            • Q: 方案二和方案三可以混用吗?
            • Q: OTA 更新 UI 安全吗?
            • Q: 性能差异有多大?
          • 下一步
  • 控件
    • 对象 (Obj)
      • 用法
      • API
        • gui_obj_get_root()
        • gui_obj_get_fake_root()
        • gui_obj_get_kb_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()
        • gui_obj_add_event_cb()
        • gui_obj_enable_event()
        • gui_obj_event_dispatch()
        • gui_obj_tree_free()
        • gui_obj_tree_free_async()
        • gui_obj_child_free()
        • gui_obj_tree_print()
        • gui_obj_tree_count_by_type()
        • gui_obj_tree_show()
        • gui_obj_tree_get_root()
        • gui_obj_get_child_handle()
        • gui_obj_tree_get_widget_by_name()
        • gui_obj_tree_print_bfs()
    • 图像 (Img)
      • 用法
        • 创建控件
        • 设置焦点
        • 设定位置
        • 设定图片源
        • 获取高度/宽度
        • 刷新大小
        • 混合模式
        • 移动
        • 旋转
        • 缩放
        • 不透明度
        • 质量
        • 截屏
      • 示例
      • API
        • gui_img_get_width()
        • gui_img_get_height()
        • gui_img_refresh_size()
        • gui_img_refresh_draw_data()
        • gui_img_set_mode()
        • gui_img_set_attribute()
        • gui_img_set_pos()
        • gui_img_rotation()
        • gui_img_scale()
        • gui_img_translate()
        • gui_img_skew_x()
        • gui_img_skew_y()
        • gui_img_set_opacity()
        • gui_img_set_focus()
        • gui_img_create_from_mem()
        • gui_img_create_from_ftl()
        • gui_img_create_from_fs()
        • gui_img_set_quality()
        • gui_img_tree_convert_to_img()
        • gui_img_get_scale_x()
        • gui_img_get_scale_y()
        • gui_img_get_degrees()
        • gui_img_get_c_x()
        • gui_img_get_c_y()
        • gui_img_get_t_x()
        • gui_img_get_t_y()
        • gui_img_set_image_data()
        • gui_img_set_src()
        • gui_img_get_image_data()
        • gui_img_a8_recolor()
        • gui_img_a8_fix_bg()
        • gui_img_a8_mix_alpha()
        • gui_img_t
          • gui_img_t::base
          • gui_img_t::draw_img
          • gui_img_t::degrees
          • gui_img_t::scale_x
          • gui_img_t::scale_y
          • gui_img_t::f_x
          • gui_img_t::f_y
          • gui_img_t::t_x
          • gui_img_t::t_y
          • gui_img_t::src_data
          • gui_img_t::fg_color_set
          • gui_img_t::bg_color_fix
          • gui_img_t::opacity_value
          • gui_img_t::blend_mode
          • gui_img_t::storage_type
          • gui_img_t::high_quality
          • gui_img_t::need_clip
          • gui_img_t::free_on_destroy
          • gui_img_t::checksum
          • gui_img_t::animate_array_length
    • 文本 (Text)
      • 特性
      • 用法
        • 字体文件
        • 创建文本控件
        • 设置文本属性
          • 设置文本
          • 字体类型
          • 文本内容
          • 文本编码
          • 文本转换为图片
          • 文本颜色
          • 字体大小
          • 自动换行
          • 字符间距和行间距
          • 矩阵变换
          • 最小缩放比例
          • 字体渲染模式
          • 字体源模式
          • 粗体设置
          • Emoji
          • 文本模式
          • 文本移动
          • 文本排版测量
          • 裁剪区域
      • 示例
        • 简单文本控件（示例 1：text_widget_example）
      • 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::MULTI_MID_LEFT
          • TEXT_MODE::MULTI_MID_CENTER
          • TEXT_MODE::MULTI_MID_RIGHT
          • TEXT_MODE::SCROLL_X
          • TEXT_MODE::SCROLL_X_REVERSE
          • TEXT_MODE::SCROLL_X_MID
          • TEXT_MODE::SCROLL_X_MID_REVERSE
          • TEXT_MODE::SCROLL_Y
          • TEXT_MODE::SCROLL_Y_REVERSE
          • TEXT_MODE::VERTICAL_LEFT_TOP
          • TEXT_MODE::VERTICAL_LEFT_MID
          • TEXT_MODE::VERTICAL_LEFT_BOT
          • TEXT_MODE::VERTICAL_RIGHT_TOP
          • TEXT_MODE::VERTICAL_RIGHT_MID
          • TEXT_MODE::VERTICAL_RIGHT_BOT
          • TEXT_MODE::RTL_RIGHT
          • TEXT_MODE::RTL_CENTER
          • TEXT_MODE::RTL_LEFT
          • TEXT_MODE::RTL_MULTI_RIGHT
          • TEXT_MODE::RTL_MULTI_CENTER
          • TEXT_MODE::RTL_MULTI_LEFT
        • gui_text_click()
        • gui_text_pswd_done()
        • gui_text_set()
        • gui_text_mode_set()
        • gui_text_input_set()
        • gui_text_color_set()
        • gui_text_wordwrap_set()
        • gui_text_extra_letter_spacing_set()
        • gui_text_extra_line_spacing_set()
        • gui_text_set_line_height()
        • gui_text_use_matrix_by_img()
        • gui_text_rendermode_set()
        • gui_text_bold_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_layout_measure()
        • gui_text_set_scope()
        • gui_text_set_scope_absolute()
        • gui_text_set_font_blend_mode()
        • gui_text_t
          • gui_text_t::base
          • gui_text_t::color
          • 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::font_height
          • gui_text_t::scope_rect
          • gui_text_t::mode
          • gui_text_t::charset
          • gui_text_t::font_type
          • gui_text_t::font_mode
          • gui_text_t::font_blend_mode
          • gui_text_t::emoji_size
          • gui_text_t::checksum
          • gui_text_t::extra_letter_spacing
          • gui_text_t::extra_line_spacing
          • gui_text_t::line_height
          • gui_text_t::bold_weight
          • 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::scope_self
          • gui_text_t::scope_absolute
          • gui_text_t::arabic
          • gui_text_t::thai
          • gui_text_t::hebrew
          • gui_text_t::rendermode
          • gui_text_t::bold_mode
        • gui_text_line_t
          • gui_text_line_t::index
          • gui_text_line_t::offset
    • 3D 模型 (3D Model)
      • 3D 模型资源处理
        • OBJ 静态模型
        • GLTF 骨骼动画模型
        • 模型预处理
      • 3D 模型生成
        • 创建模型
        • 变换控制
          • 全局变换
            • 相机变换
            • 世界变换
          • 面变换
      • 3D 模型绘制
        • 创建控件
        • 设置点击事件
        • 设置动画
      • 示例
        • 3D 蝴蝶
        • 3D 人脸
        • 3D 小狗
        • 3D 应用列表
        • 3D 机器人
      • 帧率测试
      • API
        • gui_lite3d_create()
        • gui_lite3d_on_click()
        • gui_lite3d_t
          • gui_lite3d_t::base
          • gui_lite3d_t::model
    • 视频 (Video)
      • 用法
        • 视频格式
        • 访问方式
        • 播放控制
          • 播放状态
          • 重复播放
          • 帧率设置
          • 步进设置
        • UI 变换
          • 缩放
      • 示例
      • API
        • GUI_VIDEO_EVENT
          • GUI_VIDEO_EVENT::GUI_VIDEO_EVENT_FRAME_UPDATE
          • GUI_VIDEO_EVENT::GUI_VIDEO_EVENT_PLAY
          • GUI_VIDEO_EVENT::GUI_VIDEO_EVENT_PAUSE
          • GUI_VIDEO_EVENT::GUI_VIDEO_EVENT_STOP
          • GUI_VIDEO_EVENT::GUI_VIDEO_EVENT_END
        • GUI_VIDEO_STATE
          • GUI_VIDEO_STATE::GUI_VIDEO_STATE_ERR
          • GUI_VIDEO_STATE::GUI_VIDEO_STATE_INIT
          • GUI_VIDEO_STATE::GUI_VIDEO_STATE_PLAYING
          • GUI_VIDEO_STATE::GUI_VIDEO_STATE_PAUSE
          • GUI_VIDEO_STATE::GUI_VIDEO_STATE_STOP
        • GUI_VIDEO_RES
          • GUI_VIDEO_RES::GUI_IMG_LIVE_SUCCESSED
        • VIDEO_MJPEG_SCAN_STATE
          • VIDEO_MJPEG_SCAN_STATE::MJPEG_SCAN_INIT
          • VIDEO_MJPEG_SCAN_STATE::MJPEG_SCAN_START
          • VIDEO_MJPEG_SCAN_STATE::MJPEG_SCAN_END
          • VIDEO_MJPEG_SCAN_STATE::MJPEG_SCAN_EOF
        • GUI_VIDEO_TYPE
          • GUI_VIDEO_TYPE::VIDEO_TYPE_NULL
          • GUI_VIDEO_TYPE::VIDEO_TYPE_MJPEG
          • GUI_VIDEO_TYPE::VIDEO_TYPE_H264
          • GUI_VIDEO_TYPE::VIDEO_TYPE_AVI
        • AVI_CHUNK_TYPE
          • AVI_CHUNK_TYPE::CHUNK_VIDEO
          • AVI_CHUNK_TYPE::CHUNK_AUDIO
          • AVI_CHUNK_TYPE::CHUNK_UNKNOWN
        • gui_video_get_filesize_from_addr()
        • gui_video_set_frame_rate()
        • gui_video_get_frame_time()
        • gui_video_set_scale()
        • gui_video_set_state()
        • gui_video_set_repeat_count()
        • gui_video_get_state()
        • gui_video_set_frame_step()
        • gui_video_get_frame_step()
        • gui_video_refresh_size()
        • gui_video_refresh_type()
        • gui_video_create_from_ftl()
        • gui_video_create_from_fs()
        • gui_video_create_from_mem()
        • gui_h264_header_t
          • gui_h264_header_t::symbol
          • gui_h264_header_t::w
          • gui_h264_header_t::h
          • gui_h264_header_t::frame_num
          • gui_h264_header_t::frame_time
          • gui_h264_header_t::size
        • gui_riff_header_t
          • gui_riff_header_t::symbol
          • gui_riff_header_t::size
          • gui_riff_header_t::format
        • MainAVIHeader_t
          • MainAVIHeader_t::usec_per_frame
          • MainAVIHeader_t::max_byte_rate
          • MainAVIHeader_t::reserved_0
          • MainAVIHeader_t::flags
          • MainAVIHeader_t::total_frame
          • MainAVIHeader_t::initial_frame
          • MainAVIHeader_t::streams
          • MainAVIHeader_t::buffer_size
          • MainAVIHeader_t::width
          • MainAVIHeader_t::height
        • AVIStreamHeader_t
          • AVIStreamHeader_t::type
          • AVIStreamHeader_t::handler
          • AVIStreamHeader_t::flags
          • AVIStreamHeader_t::priority
          • AVIStreamHeader_t::initial_frames
          • AVIStreamHeader_t::scale
          • AVIStreamHeader_t::rate
          • AVIStreamHeader_t::start
          • AVIStreamHeader_t::length
          • AVIStreamHeader_t::buffer_size
          • AVIStreamHeader_t::quality
          • AVIStreamHeader_t::sample_size
          • AVIStreamHeader_t::frame
          • AVIStreamHeader_t::stream_format
          • AVIStreamHeader_t::length_format
        • BitMapInfoHeader_t
          • BitMapInfoHeader_t::size
          • BitMapInfoHeader_t::width
          • BitMapInfoHeader_t::height
          • BitMapInfoHeader_t::planes
          • BitMapInfoHeader_t::bit_count
          • BitMapInfoHeader_t::compression
          • BitMapInfoHeader_t::image_size
          • BitMapInfoHeader_t::x_pels_per_meter
          • BitMapInfoHeader_t::y_pels_per_meter
          • BitMapInfoHeader_t::colors_used
          • BitMapInfoHeader_t::colors_important
        • WaveFormateX_t
          • WaveFormateX_t::format_tag
          • WaveFormateX_t::channels
          • WaveFormateX_t::samples_per_sec
          • WaveFormateX_t::ave_bytes_per_sec
          • WaveFormateX_t::block_align
          • WaveFormateX_t::bits_per_sample
          • WaveFormateX_t::size_extra
        • IndexList_t
          • IndexList_t::indexID
          • IndexList_t::index_size
        • IndexItem_t
          • IndexItem_t::chunk_ID
          • IndexItem_t::flags
          • IndexItem_t::offset
          • IndexItem_t::size
        • AviMoviChunk_t
          • AviMoviChunk_t::offset
          • AviMoviChunk_t::len
          • AviMoviChunk_t::type
        • gui_video_t
          • gui_video_t::base
          • gui_video_t::img
          • gui_video_t::data
          • gui_video_t::num_frame
          • gui_video_t::array
          • gui_video_t::header
          • gui_video_t::frame_buff
          • gui_video_t::frame_buff_raw
          • gui_video_t::decoder
          • gui_video_t::frame_time
          • gui_video_t::frame_step
          • gui_video_t::frame_cur
          • gui_video_t::frame_last
          • gui_video_t::repeat_cnt
          • gui_video_t::img_type
          • gui_video_t::storage_type
          • gui_video_t::state
          • gui_video_t::frame_chunk_cur
          • gui_video_t::chunk_num
          • gui_video_t::rgb_type
    • 视图 (View)
      • 用法
        • 注册视图控件描述子
        • 获得视图控件描述子
        • 创建视图控件
        • 设置视图切换事件
        • 立即切换视图
        • 设置动画步进长度
        • 设置透明度
        • 获取当前显示的视图控件指针
        • 获取切换过程中新创建视图控件指针
      • 示例
        • 视图控件
      • API
        • VIEW_SWITCH_STYLE
          • VIEW_SWITCH_STYLE::SWITCH_INIT_STATE
          • VIEW_SWITCH_STYLE::SWITCH_IN_STILL_USE_BLUR
          • VIEW_SWITCH_STYLE::SWITCH_OUT_STILL_USE_BLUR
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_LEFT_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_RIGHT_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_TOP_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_BOTTOM_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_LEFT_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_RIGHT_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_TOP_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_BOTTOM_USE_TRANSLATION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_LEFT_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_RIGHT_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_TOP_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_BOTTOM_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_LEFT_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_RIGHT_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_TOP_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_BOTTOM_USE_CUBE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_LEFT_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_RIGHT_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_TOP_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_BOTTOM_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_LEFT_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_RIGHT_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_TOP_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_BOTTOM_USE_ROTATE
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_LEFT_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_RIGHT_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_TOP_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_IN_FROM_BOTTOM_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_LEFT_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_RIGHT_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_TOP_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_TO_BOTTOM_USE_REDUCTION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_NONE_ANIMATION
          • VIEW_SWITCH_STYLE::SWITCH_OUT_ANIMATION_ZOOM
          • VIEW_SWITCH_STYLE::SWITCH_OUT_ANIMATION_FADE
          • VIEW_SWITCH_STYLE::SWITCH_OUT_ANIMATION_MOVE_TO_RIGHT
          • VIEW_SWITCH_STYLE::SWITCH_OUT_ANIMATION_MOVE_TO_LEFT
          • VIEW_SWITCH_STYLE::SWITCH_OUT_ANIMATION_ZOOM_TO_TOP_LEFT
          • VIEW_SWITCH_STYLE::SWITCH_OUT_ANIMATION_ZOOM_TO_TOP_RIGHT
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_ZOOM_FROM_TOP_LEFT
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_ZOOM_FROM_TOP_RIGHT
          • VIEW_SWITCH_STYLE::SWITCH_IN_NONE_ANIMATION
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_ZOOM
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_FADE
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_MOVE_FADE
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_MOVE_FROM_RIGHT
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_MOVE_FROM_LEFT
          • VIEW_SWITCH_STYLE::SWITCH_IN_ANIMATION_BOUNCE_FROM_RIGHT
        • gui_view_create()
        • gui_view_descriptor_register()
        • gui_view_descriptor_get()
        • gui_view_get()
        • gui_view_switch_on_event()
        • gui_view_switch_direct()
        • gui_view_set_animate_step()
        • gui_view_set_opacity()
        • gui_view_get_current()
        • gui_view_get_next()
        • gui_view_t
          • gui_view_t::base
          • gui_view_t::animate_step
          • gui_view_t::opacity
          • gui_view_t::current_transition_style
          • gui_view_t::current_event_code
          • gui_view_t::descriptor
          • gui_view_t::blur_param
          • 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_code
    • 列表 (List)
      • 用法
        • 创建列表控件
        • 设置列表控件的样式
        • 设置列表控件的减速系数
        • 设置列表控件的偏移位置
        • 设置列表控件滚动条颜色
        • 设置列表控件表格数量
        • 设置卡片样式堆叠位置
        • 设置圆环样式半径
        • 设置列表控件超出区域范围
        • 设置列表控件自动对齐
        • 设置列表控件惯性滚动
        • 设置列表循环滚动
        • 设置列表区域显示
        • 设置动态创建表格
      • 示例
      • API
        • LIST_STYLE
          • LIST_STYLE::LIST_CLASSIC
          • LIST_STYLE::LIST_CIRCLE
          • LIST_STYLE::LIST_ZOOM
          • LIST_STYLE::LIST_CARD
          • LIST_STYLE::LIST_FADE
          • LIST_STYLE::LIST_FAN
          • LIST_STYLE::LIST_HELIX
          • LIST_STYLE::LIST_CURL
        • LIST_DIR
          • LIST_DIR::VERTICAL
          • LIST_DIR::HORIZONTAL
        • gui_list_create()
        • gui_list_set_style()
        • gui_list_set_factor()
        • gui_list_set_offset()
        • gui_list_set_bar_color()
        • gui_list_set_note_num()
        • gui_list_set_card_stack_location()
        • gui_list_set_circle_radius()
        • gui_list_set_out_scope()
        • gui_list_set_auto_align()
        • gui_list_set_inertia()
        • gui_list_enable_loop()
        • gui_list_enable_area_display()
        • gui_list_keep_note_alive()
        • gui_list_scroll_to_note()
        • gui_list_jump_to_note()
        • gui_list_get_current_note()
        • gui_list_enable_scroll()
        • gui_list_t
          • gui_list_t::base
          • gui_list_t::dir
          • gui_list_t::style
          • gui_list_t::auto_align
          • gui_list_t::inertia
          • gui_list_t::loop
          • gui_list_t::need_update_bar
          • gui_list_t::note_num
          • gui_list_t::space
          • gui_list_t::area_display
          • gui_list_t::keep_note_alive
          • gui_list_t::scroll_to_active
          • gui_list_t::enable_scroll
          • gui_list_t::circle_radius
          • gui_list_t::note_length
          • gui_list_t::speed
          • gui_list_t::record
          • gui_list_t::factor
          • gui_list_t::offset
          • gui_list_t::hold
          • gui_list_t::scroll_target
          • gui_list_t::total_length
          • gui_list_t::out_scope
          • gui_list_t::card_stack_location
          • gui_list_t::max_created_note_index
          • gui_list_t::last_created_note_index
          • gui_list_t::note_design
          • gui_list_t::design_param
          • gui_list_t::bar
          • gui_list_t::bar_data
          • gui_list_t::bar_color
          • gui_list_t::checksum
        • gui_list_note_t
          • gui_list_note_t::base
          • gui_list_note_t::start_x
          • gui_list_note_t::start_y
          • gui_list_note_t::t_x
          • gui_list_note_t::t_y
          • gui_list_note_t::animate_cnt
          • gui_list_note_t::is_speed_positive
          • gui_list_note_t::index
    • 画布 (Canvas)
      • 组件概述
      • 核心功能
        • 创建与初始化
        • 图像输出
      • 示例代码
      • API
        • gui_canvas_render_function
        • gui_canvas_create()
        • gui_canvas_set_canvas_cb()
        • gui_canvas_render_to_image_buffer()
        • gui_canvas_t
          • gui_canvas_t::base
          • gui_canvas_t::vg
          • gui_canvas_t::nanovg_canvas_cb
          • gui_canvas_t::checksum
          • gui_canvas_t::render
    • 蜂窝菜单 (Menu Cellular)
      • 用法
        • 创建蜂窝菜单控件
        • 添加点击回调事件
        • 设置偏移
      • 开发示例
      • API
        • gui_menu_cellular_create()
        • gui_menu_cellular_on_click()
        • gui_menu_cellular_offset()
        • gui_menu_cellular_t
          • gui_menu_cellular_t::base
          • gui_menu_cellular_t::ver_speed
          • gui_menu_cellular_t::ver_record
          • gui_menu_cellular_t::ver_hold
          • gui_menu_cellular_t::hor_hold
          • gui_menu_cellular_t::ver_offset
          • gui_menu_cellular_t::hor_offset
          • gui_menu_cellular_t::ver_offset_min
          • gui_menu_cellular_t::icon_size
        • gui_menu_cellular_gesture_parameter
          • gui_menu_cellular_gesture_parameter::callback_function
          • gui_menu_cellular_gesture_parameter::parameter
    • 二维码或条形码 (Qbcode)
      • 用法
        • 创建控件
        • 设置尺寸和边框
        • 二维码编码注释
      • 示例
      • API
        • T_QBCODE_ENCODE_TYPE
          • T_QBCODE_ENCODE_TYPE::QRCODE_ENCODE_TEXT
          • T_QBCODE_ENCODE_TYPE::QRCODE_ENCODE_BINARY
          • T_QBCODE_ENCODE_TYPE::BARCODE_ENCODE_TEXT
        • T_QBCODE_DISPLAY_TYPE
          • T_QBCODE_DISPLAY_TYPE::QRCODE_DISPLAY_SECTION
          • T_QBCODE_DISPLAY_TYPE::QRCODE_DISPLAY_IMAGE
          • T_QBCODE_DISPLAY_TYPE::BARCODE_DISPLAY_SECTION
          • T_QBCODE_DISPLAY_TYPE::BARCODE_DISPLAY_IMAGE
        • gui_qbcode_create()
        • gui_qbcode_config()
        • gui_qbcode_t
          • gui_qbcode_t::base
          • gui_qbcode_t::offset_x
          • gui_qbcode_t::offset_y
          • gui_qbcode_t::border_size
          • gui_qbcode_t::scale_x
          • gui_qbcode_t::scale_y
          • gui_qbcode_t::data
          • gui_qbcode_t::image_data
          • gui_qbcode_t::qbcode_img
          • gui_qbcode_t::type
          • gui_qbcode_t::encodeType
    • 玻璃效果 (Glass)
      • 玻璃数据生成
        • 玻璃效果图像生成器使用说明
          • 软件概述
          • 功能实现
            • 形状选择
            • 参数调节
            • 自定义保存路径
            • 图像操作
          • 使用方法
            • 基础图形
            • 矢量图形
            • 矢量图形使用方法
            • 拖动功能
          • 注意事项
      • 用法
      • 示例
      • API
        • gui_glass_get_width()
        • gui_glass_get_height()
        • gui_glass_refresh_size()
        • gui_glass_refresh_draw_data()
        • gui_glass_set_attribute()
        • gui_glass_translate()
        • gui_glass_create_from_mem()
        • gui_glass_create_from_ftl()
        • gui_glass_create_from_fs()
        • gui_glass_get_t_x()
        • gui_glass_get_t_y()
        • gui_glass_set_data()
        • gui_glass_get_data()
        • gui_glass_enable_pressing_envent()
        • gui_glass_enable_click_envent()
        • gui_glass_t
          • gui_glass_t::base
          • gui_glass_t::draw_img
          • gui_glass_t::t_x
          • gui_glass_t::t_y
          • gui_glass_t::drag_x
          • gui_glass_t::drag_y
          • gui_glass_t::history_x
          • gui_glass_t::history_y
          • gui_glass_t::data
          • gui_glass_t::filename
          • gui_glass_t::ftl
          • gui_glass_t::storage_type
          • gui_glass_t::checksum
    • 圆弧 (Geometry Arc)
      • 概述
      • 核心功能
      • 圆弧组功能
      • 角度说明
      • 渐变色填充
      • 特性亮点
      • 圆弧组控件
      • 应用场景
      • 配置说明
      • 完整示例
      • API
        • gui_arc_create()
        • gui_arc_set_position()
        • gui_arc_set_radius()
        • gui_arc_set_opacity()
        • gui_arc_set_color()
        • gui_arc_set_start_angle()
        • gui_arc_set_end_angle()
        • gui_arc_set_line_width()
        • gui_arc_on_click()
        • gui_arc_rotate()
        • gui_arc_scale()
        • gui_arc_translate()
        • gui_arc_set_angular_gradient()
        • gui_arc_add_gradient_stop()
        • gui_arc_clear_gradient()
        • gui_arc_t
          • gui_arc_t::base
          • gui_arc_t::draw_img
          • gui_arc_t::pixel_buffer
          • gui_arc_t::buffer_size
          • gui_arc_t::buffer_w
          • gui_arc_t::buffer_h
          • gui_arc_t::buffer_valid
          • gui_arc_t::draw_ctx
          • gui_arc_t::opacity_value
          • gui_arc_t::x
          • gui_arc_t::y
          • gui_arc_t::radius
          • gui_arc_t::start_angle
          • gui_arc_t::end_angle
          • gui_arc_t::line_width
          • gui_arc_t::color
          • gui_arc_t::cached_x
          • gui_arc_t::cached_y
          • gui_arc_t::cached_radius
          • gui_arc_t::cached_start_angle
          • gui_arc_t::cached_end_angle
          • gui_arc_t::cached_line_width
          • gui_arc_t::cached_color
          • gui_arc_t::cached_not_show
          • gui_arc_t::degrees
          • gui_arc_t::scale_x
          • gui_arc_t::scale_y
          • gui_arc_t::offset_x
          • gui_arc_t::offset_y
          • gui_arc_t::gradient
          • gui_arc_t::use_gradient
        • gui_arc_group_create()
        • gui_arc_group_add_arc()
        • gui_arc_group_set_gradient()
        • gui_arc_group_add_gradient_stop()
        • arc_def_t
          • arc_def_t::cx
          • arc_def_t::cy
          • arc_def_t::radius
          • arc_def_t::start_angle
          • arc_def_t::end_angle
          • arc_def_t::line_width
          • arc_def_t::gradient
          • arc_def_t::use_gradient
          • arc_def_t::color
        • gui_arc_group_t
          • gui_arc_group_t::base
          • gui_arc_group_t::draw_img
          • gui_arc_group_t::pixel_buffer
          • gui_arc_group_t::buffer_size
          • gui_arc_group_t::buffer_valid
          • gui_arc_group_t::draw_ctx
          • gui_arc_group_t::opacity_value
          • gui_arc_group_t::arcs
          • gui_arc_group_t::arc_count
          • gui_arc_group_t::buffer_w
          • gui_arc_group_t::buffer_h
    • 圆角矩形 (Geometry Rounded Rectangle)
      • 概述
      • 核心功能
      • 圆角说明
      • 渐变色填充
      • 特性亮点
      • 应用场景
      • 配置说明
      • 完整示例
      • API
        • gui_rect_gradient_dir_t
          • gui_rect_gradient_dir_t::RECT_GRADIENT_HORIZONTAL
          • gui_rect_gradient_dir_t::RECT_GRADIENT_VERTICAL
          • gui_rect_gradient_dir_t::RECT_GRADIENT_DIAGONAL_TL_BR
          • gui_rect_gradient_dir_t::RECT_GRADIENT_DIAGONAL_TR_BL
        • gui_rect_create()
        • gui_rect_set_style()
        • gui_rect_set_opacity()
        • gui_rect_set_position()
        • gui_rect_set_size()
        • gui_rect_set_radius()
        • gui_rect_set_color()
        • gui_rect_on_click()
        • gui_rect_on_press()
        • gui_rect_rotate()
        • gui_rect_scale()
        • gui_rect_translate()
        • gui_rect_set_linear_gradient()
        • gui_rect_add_gradient_stop()
        • gui_rect_clear_gradient()
        • gui_rect_set_dither()
        • gui_rounded_rect_t
          • gui_rounded_rect_t::base
          • gui_rounded_rect_t::circle_00
          • gui_rounded_rect_t::circle_01
          • gui_rounded_rect_t::circle_10
          • gui_rounded_rect_t::circle_11
          • gui_rounded_rect_t::circle_data
          • gui_rounded_rect_t::rect_0
          • gui_rounded_rect_t::rect_1
          • gui_rounded_rect_t::rect_2
          • gui_rounded_rect_t::rect_data
          • gui_rounded_rect_t::opacity_value
          • gui_rounded_rect_t::radius
          • gui_rounded_rect_t::color
          • gui_rounded_rect_t::checksum
          • gui_rounded_rect_t::degrees
          • gui_rounded_rect_t::scale_x
          • gui_rounded_rect_t::scale_y
          • gui_rounded_rect_t::offset_x
          • gui_rounded_rect_t::offset_y
          • gui_rounded_rect_t::gradient
          • gui_rounded_rect_t::use_gradient
          • gui_rounded_rect_t::enable_dither
          • gui_rounded_rect_t::gradient_dir
          • gui_rounded_rect_t::last_matrix
    • 圆 (Geometry Circle)
      • 概述
      • 核心功能
      • 圆形特性
      • 渐变色填充
      • 特性亮点
      • 应用场景
      • 配置说明
      • 完整示例
      • API
        • gui_circle_gradient_type_t
          • gui_circle_gradient_type_t::CIRCLE_GRADIENT_RADIAL
          • gui_circle_gradient_type_t::CIRCLE_GRADIENT_ANGULAR
        • gui_circle_create()
        • gui_circle_set_style()
        • gui_circle_set_position()
        • gui_circle_set_radius()
        • gui_circle_set_opacity()
        • gui_circle_set_color()
        • gui_circle_on_click()
        • gui_circle_rotate()
        • gui_circle_scale()
        • gui_circle_translate()
        • gui_circle_set_radial_gradient()
        • gui_circle_set_angular_gradient()
        • gui_circle_add_gradient_stop()
        • gui_circle_clear_gradient()
        • gui_circle_t
          • gui_circle_t::base
          • gui_circle_t::center_rect
          • gui_circle_t::arc_left
          • gui_circle_t::arc_right
          • gui_circle_t::arc_top
          • gui_circle_t::arc_bottom
          • gui_circle_t::x
          • gui_circle_t::y
          • gui_circle_t::radius
          • gui_circle_t::color
          • gui_circle_t::opacity_value
          • gui_circle_t::checksum
          • gui_circle_t::degrees
          • gui_circle_t::scale_x
          • gui_circle_t::scale_y
          • gui_circle_t::offset_x
          • gui_circle_t::offset_y
          • gui_circle_t::gradient
          • gui_circle_t::use_gradient
          • gui_circle_t::gradient_type
          • gui_circle_t::last_matrix
    • 粒子特效 (Particle)
      • 功能概述
        • 发射形状
        • 运动轨迹
        • 颜色系统
        • 交互行为
        • 渲染特性
        • 扩展能力
      • 用法
        • 运行粒子特效示例
        • 使用预设特效
      • 预设特效
      • API
        • particle_effect_handle_t
        • gui_particle_update_cb_t
        • gui_particle_render_mode_t
          • gui_particle_render_mode_t::PARTICLE_RENDER_DIRECT
          • gui_particle_render_mode_t::PARTICLE_RENDER_BUFFERED
        • gui_particle_widget_create()
        • gui_particle_widget_get_system()
        • gui_particle_widget_set_default_image()
        • gui_particle_widget_clear()
        • gui_particle_widget_get_active_count()
        • gui_particle_widget_set_render_mode()
        • gui_particle_widget_get_render_mode()
        • gui_particle_widget_set_update_cb()
        • gui_particle_widget_add_effect()
        • gui_particle_widget_remove_effect()
        • gui_particle_widget_trigger_burst()
        • gui_particle_widget_update_position()
        • gui_particle_widget_stop_effect()
        • particle_effect_entry_t
          • particle_effect_entry_t::handle
          • particle_effect_entry_t::emitter
          • particle_effect_entry_t::behavior
          • particle_effect_entry_t::active
        • gui_particle_widget_t
          • gui_particle_widget_t::base
          • gui_particle_widget_t::ps
          • gui_particle_widget_t::config
          • gui_particle_widget_t::effects
          • gui_particle_widget_t::next_handle
          • gui_particle_widget_t::trail_emitter
          • gui_particle_widget_t::prev_x
          • gui_particle_widget_t::prev_y
          • gui_particle_widget_t::trail_active
          • gui_particle_widget_t::touch_emitter
          • gui_particle_widget_t::touch_active
          • gui_particle_widget_t::default_image
          • gui_particle_widget_t::update_cb
          • gui_particle_widget_t::update_cb_data
          • gui_particle_widget_t::render_mode
          • gui_particle_widget_t::ramless_cache
          • gui_particle_widget_t::ramless_cache_valid
          • gui_particle_widget_t::draw_img
  • 移植
    • 平台移植
      • 加速
      • 显示设备
      • 支持接口类型
      • 已验证屏幕驱动
      • 文件系统
      • 闪存转换层
      • 输入设备
      • 触摸芯片
      • 操作系统
        • 休眠管理
    • 字库移植
      • 点阵字库移植
        • 字形加载
          • 文本编码转换
          • 字库索引
        • 排版
        • 字符绘制
      • API
        • gui_font_mem_init()
        • gui_font_mem_init_ftl()
        • gui_font_mem_init_fs()
        • gui_font_mem_init_mem()
        • gui_font_mem_delete()
        • gui_font_mem_load()
        • gui_font_mem_draw()
        • gui_font_mem_unload()
        • gui_font_mem_destroy()
        • get_fontlib_by_size()
        • get_fontlib_by_name()
        • gui_font_mem_layout()
        • gui_font_get_dot_info()
        • gui_font_bmp_fallback_search()
        • GUI_CHAR_HEAD
          • GUI_CHAR_HEAD::char_y
          • GUI_CHAR_HEAD::baseline
          • GUI_CHAR_HEAD::char_w
          • GUI_CHAR_HEAD::char_h
        • 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::render_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
        • THAI_MARK_POS
          • THAI_MARK_POS::THAI_NONE
          • THAI_MARK_POS::THAI_BELOW
          • THAI_MARK_POS::THAI_ABOVE
          • THAI_MARK_POS::THAI_TOPMOST
          • THAI_MARK_POS::THAI_LEFT
          • THAI_MARK_POS::THAI_RIGHT
        • process_content_by_charset()
        • get_len_by_char_num()
        • generate_emoji_file_path_from_unicode()
        • content_has_ap_unicode()
        • content_has_ap()
        • process_ap_unicode()
        • content_has_thai_unicode()
        • content_has_thai()
        • get_thai_mark_char_width()
        • process_thai_char_struct()
        • post_process_thai_char_struct()
        • content_has_hebrew_unicode()
        • content_has_hebrew()
        • 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
        • 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::render_mode
          • mem_char_t::dot_addr
          • mem_char_t::buf
          • mem_char_t::emoji_img
          • mem_char_t::bearing_x
          • mem_char_t::bearing_y
          • mem_char_t::advance
        • ap_chars_map_t
          • ap_chars_map_t::char_offset
          • ap_chars_map_t::char_end_form
          • ap_chars_map_t::char_beginning_form_offset
          • ap_chars_map_t::char_middle_form_offset
          • ap_chars_map_t::char_isolated_form_offset
          • ap_chars_map_t::conj_to_previous
          • ap_chars_map_t::conj_to_next
          • ap_chars_map_t::ap_chars_conjunction
        • THAI_MARK_INFO
          • THAI_MARK_INFO::base_index
          • THAI_MARK_INFO::mark_unicode
          • THAI_MARK_INFO::mark_pos
    • HoneyGUI 移植
      • 注意事项
      • 编译环境要求
      • Armcc 编译
      • Armclang 编译
      • 工程移植示例
  • 示例
    • LiteGFX
      • 趣戴介绍
      • 源文件
        • 控件适配层
        • 平台适配层
        • 核心 lib
    • 水果忍者
      • 环境需求
      • 源文件
      • 配置
      • 调用步骤
        • 步骤 1: Declare Ui Design Function
        • 步骤 2: Call Function
      • 设计思路
    • 音乐播放器
      • 实现
        • 代码
        • 控件树设计
    • 3D 表盘
      • 核心功能
        • 动态锦鲤展示
        • 时间显示
        • 视觉特效
      • 实现
        • 代码
        • 控件树设计
    • 天气
      • 核心功能
        • 天气列表滑动
        • 天气动画的实现
        • 图像创建与使用
        • 其他界面元素
      • 实现
        • 代码
        • 控件树设计
    • 彩虹模拟时钟
      • 核心功能
        • 模拟时钟显示
        • 胶囊动画
        • 用户交互
        • 物理引擎集成
      • 实现
        • 代码
  • 工具
    • 资源处理工具
      • VSCode 插件资源转换工具
        • 工具概述
        • 快速开始
        • 图像转换
          • 支持的格式
          • 压缩算法
          • 配置方式
          • 自适应格式
          • 使用方法
        • 3D 模型转换
          • 支持的格式
          • 使用方法
        • 视频转换
          • 支持的格式
          • 转换选项
          • 使用方法
        • 字体转换
          • 支持的格式
          • 字符集配置
          • 渲染模式
          • 裁剪优化
          • 使用方法
          • 文件大小评估
        • 玻璃效果转换
          • 支持的格式
          • 转换参数
          • 使用方法
        • 资源目录结构
      • 图像转换工具
        • 图像格式转换
          • 配置
          • 颜色空间
        • 输出文件
      • 字体转换工具
        • 生成字体文件
        • FontConfig.json 参数说明
        • Setting.ini 参数说明
        • 字体大小评估
          • 常用场景推荐
          • 字符集类型对比
            • 字符集说明
          • 位深度影响
          • 字号影响
          • 矢量字体
          • 选择建议
      • 打包工具
        • RTL87x2G 和 RTL8762D
        • RTL8763E 和 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 源覆盖模式（带矩阵变换）
      • 支持的输入类型和输出类型
  • 第三方支持
    • 使用 LVGL 设计应用程序
      • 使用 LVGL V8 设计
        • 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消耗
          • 结论
      • 使用 LVGL V9 设计
        • LVGL 简介
        • 模拟器
          • 在模拟器中运行 LVGL
          • LVGL 结构
        • 实机移植
          • 显示
          • 输入设备
          • 文件系统
        • LVGL Benchmark 测试
          • 参考 Benchmark
        • 从 Demo 入门开发
          • LVGL 原生 Demo
          • RTK 扩展 Demo
            • 卡片示例
            • 蜂窝列表示例
            • 平铺视图转场示例
            • 带有 2.5D 转场特效和快照缓存机制的平铺试图转场示例
            • 3D 模型示例
        • 资源转换器
          • 媒体资源转换工具
            • LVGL 在线图片转换工具
            • Realtek 媒体资源转换工具
              • LVGL
              • RTZIP
              • JPG
              • AVI
          • 字体转换器
            • LVGL 在线转换工具
            • Realtek 字体转换器
        • 开发资源支持
          • 在线文档
          • Github 仓库
          • 设计器
            • Squareline Studio
              • UI设计
              • 资源转换
              • 工程移植
              • 功能扩展
            • LVGL Editor
            • EEZ Studio
            • GUI Guider
          • 论坛
          • 博客
    • 使用 ARM-2D 设计应用程序
      • ARM-2D 介绍
  • 常见问题
    • 开发环境
      • 在 VSCode 中使用模拟器
        • 安装适当版本的工具链
        • 添加工具链到系统环境变量
    • 移植
      • 用户数据
      • JS 分配堆内存
      • 喂狗
      • 不支持 FPU
      • 文件系统
      • Flash 设置
      • CPU 频率
      • SCONS 版本
    • 规格
      • 图形
      • 内存使用量
        • RTL8772F示例
        • 控件内存使用量
    • 帧率
      • 像素格式
      • 硬件加速
      • 数据传输速度
      • UI 设计
      • 图像压缩
      • 字体
        • 自定义二进制文件
        • 标准 TTF 文件
    • 显示
      • 字体
        • 为什么字体抗锯齿效果差或白色字体边缘有异常彩色？
      • 图像
        • 图片旋转后为什么会出现黑色条纹？
      • 旋转屏幕
        • HoneyGUI 支持旋转屏幕功能吗？
        • 旋转屏幕功能是如何实现的？
        • 旋转屏幕会对渲染帧率产生什么影响？
        • 如何开启旋转屏幕功能？
        • 旋转屏幕有哪些旋转方式？
          • 快速决策流程
          • 旋转方案详细说明
          • 关键概念
          • 典型应用案例
          • 性能优化建议
  • 获取 PDF
  • 专业术语
  • 版本说明
    • v2.2.0.0
      • 主要变更
      • 变更日志
      • API 迁移指南
        • 图像组件 API 变更
    • v1.0.6.6
      • Major Changes
      • Change Logs
RTKIOT GUI
  • 搜索
  • EN/中文

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