×
↑
Logo
  • 入门指南
    • 源代码项目下载
    • 介绍
    • 软件架构
    • 安装在Windows操作系统上
      • 安装编译器
      • 安装 Python
      • 安装Scons
      • 通过CMD启动（Scons）
      • 通过CMD启动（CMake）
      • 通过VSCode启动
        • 安装VSCode
        • 打开项目
        • 运行项目
    • 显示
      • 手表工程
      • 仪表盘工程
  • GUI应用程序
    • C-APP 应用程序
      • 定义一个 C-APP
      • 创建一个C-APP的控件树
      • C-APP操作
      • C-APP 转场动画
        • 示例
      • API
        • gui_app_animation_t
        • gui_current_app()
        • gui_next_app()
        • gui_app_install()
        • gui_app_startup()
        • gui_app_shutdown()
        • gui_app_create()
        • gui_app_switch()
        • gui_app_layer_top()
        • gui_app_layer_buttom()
        • gui_app_get_layer()
        • gui_set_app_active_time()
        • gui_obj_tree_get_app()
        • gui_app_append()
        • gui_app_get_by_name()
        • gui_app
          • gui_app::screen
          • gui_app::xml
          • gui_app::window
          • gui_app::active_ms
          • gui_app::start_ms
          • gui_app::thread_id
          • gui_app::thread_entry
          • gui_app::server_hook
          • gui_app::ctor
          • gui_app::dtor
          • gui_app::ui_design
          • gui_app::startup_animation
          • gui_app::shutdown_animation
          • gui_app::lvgl
          • gui_app::arm2d
          • gui_app::close
          • gui_app::next
          • gui_app::close_sync
          • gui_app::startup_animation_flag
          • gui_app::shutdown_animation_flag
    • 使用 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
        • T_OBJ_TYPE
          • T_OBJ_TYPE::SCREEN
          • T_OBJ_TYPE::WINDOW
          • T_OBJ_TYPE::TABVIEW
          • T_OBJ_TYPE::TAB
          • T_OBJ_TYPE::CURTAINVIEW
          • T_OBJ_TYPE::CURTAIN
          • T_OBJ_TYPE::IMAGE
          • T_OBJ_TYPE::BUTTON
          • T_OBJ_TYPE::ICONLIST
          • T_OBJ_TYPE::ICON
          • T_OBJ_TYPE::IMAGE_FROM_MEM
          • T_OBJ_TYPE::TEXTBOX
          • T_OBJ_TYPE::SCROLLTEXTBOX
          • T_OBJ_TYPE::SEEKBAR
          • T_OBJ_TYPE::PROGRESSBAR
          • T_OBJ_TYPE::CLICKSWITCH
          • T_OBJ_TYPE::PAGE
          • T_OBJ_TYPE::SCROLL_WHEEL
          • T_OBJ_TYPE::PAGEBAR
          • T_OBJ_TYPE::RETURNWIDGET
          • T_OBJ_TYPE::RECTANGLE
          • T_OBJ_TYPE::WINDOWWITHBORDER
          • T_OBJ_TYPE::CANVAS
          • T_OBJ_TYPE::VG_LITE_CLOCK
          • T_OBJ_TYPE::CUBE
          • T_OBJ_TYPE::GRID
          • T_OBJ_TYPE::RADIO
          • T_OBJ_TYPE::RADIOSWITCH
          • T_OBJ_TYPE::MACRO_CANVAS_ARC
          • T_OBJ_TYPE::JAVASCRIPT
          • T_OBJ_TYPE::MOVIE
          • T_OBJ_TYPE::IMAGE_SCOPE
          • T_OBJ_TYPE::CARDVIEW
          • T_OBJ_TYPE::CARD
          • T_OBJ_TYPE::PAGELIST
          • T_OBJ_TYPE::PAGELISTVIEW
          • T_OBJ_TYPE::MACRO_ANIMATETRANSFORM
          • T_OBJ_TYPE::HONEYCOMB_LIST
          • T_OBJ_TYPE::WHEEL_LIST
          • T_OBJ_TYPE::QRCODE
          • T_OBJ_TYPE::GALLERY
          • T_OBJ_TYPE::TURN_TABLE
          • T_OBJ_TYPE::KEYBOARD
          • T_OBJ_TYPE::MACRO_MOTORIZED_CURTAIN
          • T_OBJ_TYPE::MULTI_LEVEL
          • T_OBJ_TYPE::U8G2
          • T_OBJ_TYPE::MACRO_ONCLICK
          • T_OBJ_TYPE::MACRO_BACKICON
          • T_OBJ_TYPE::CANVAS_IMG
          • T_OBJ_TYPE::VG_LITE_SOCCER
          • T_OBJ_TYPE::SLIDER
          • T_OBJ_TYPE::MACRO_ONCHANGE
          • T_OBJ_TYPE::TYPE_SCROLL_WHEEL_NEW
          • T_OBJ_TYPE::MACRO_ONON
          • T_OBJ_TYPE::MACRO_ONOFF
          • T_OBJ_TYPE::MACRO_ONLOAD
          • T_OBJ_TYPE::MACRO_CALENDAR
          • T_OBJ_TYPE::MACRO_CIRCLE
          • T_OBJ_TYPE::MACRO_SECTOR
          • T_OBJ_TYPE::MACRO_ROUNDED_RECT
          • T_OBJ_TYPE::MACRO_ONTIME
          • T_OBJ_TYPE::MACRO_COMBO
          • T_OBJ_TYPE::MACRO_PAGE_LIST_NEW
          • T_OBJ_TYPE::MACRO_ON_PERIPHERAL
          • T_OBJ_TYPE::GUI_VENDOR_TYPE
          • T_OBJ_TYPE::MACRO_CHART
          • T_OBJ_TYPE::VIEW
        • T_OBJ_CB_TYPE
          • T_OBJ_CB_TYPE::OBJ_INPUT_PREPARE
          • T_OBJ_CB_TYPE::OBJ_PREPARE
          • T_OBJ_CB_TYPE::OBJ_DRAW
          • T_OBJ_CB_TYPE::OBJ_END
          • T_OBJ_CB_TYPE::OBJ_DESTORY
        • gui_obj_ctor()
        • gui_obj_create()
        • gui_obj_add_event_cb()
        • gui_obj_event_set()
        • gui_obj_tree_free()
        • gui_obj_child_free()
        • gui_obj_tree_print()
        • gui_obj_tree_count_by_type()
        • gui_obj_tree_show()
        • gui_obj_show()
        • gui_obj_tree_get_root()
        • gui_obj_get_child_handle()
        • gui_obj_in_rect()
        • gui_obj_skip_all_parent_left_hold()
        • gui_obj_skip_all_child_left_hold()
        • gui_obj_skip_other_left_hold()
        • gui_obj_skip_all_parent_right_hold()
        • gui_obj_skip_all_child_right_hold()
        • gui_obj_skip_other_right_hold()
        • gui_obj_skip_all_parent_down_hold()
        • gui_obj_skip_all_child_down_hold()
        • gui_obj_skip_other_down_hold()
        • gui_obj_skip_all_parent_up_hold()
        • gui_obj_skip_all_child_up_hold()
        • gui_obj_skip_other_up_hold()
        • gui_obj_skip_all_child_short()
        • gui_obj_skip_other_short()
        • gui_obj_enable_this_parent_short()
        • gui_obj_skip_other_parent_short()
        • gui_obj_skip_all_child_long()
        • gui_obj_skip_other_long()
        • gui_obj_skip_all_child_pressed()
        • gui_obj_skip_other_pressed()
        • gui_obj_skip_other_parent_long()
        • gui_obj_skip_other_parent_pressed()
        • gui_obj_get_area()
        • gui_obj_point_in_obj_rect()
        • gui_obj_checksum()
        • gui_obj_tree_get_widget_by_name()
        • gui_obj_tree_get_widget_by_type()
        • animate_frame_update()
        • gui_obj_set_animate()
        • gui_obj_tree_print_bfs()
        • gui_get_root()
        • gui_obj_absolute_xy()
        • gui_obj_hidden()
        • gui_widget_name()
        • gui_update_speed()
        • gui_inertial()
        • gui_obj_tree_print_mmd()
        • gui_get_obj_count()
        • gui_set_location()
        • gui_obj_tree_get_widget_by_type_and_index()
        • gui_update_speed_by_displacement()
        • gui_obj_move()
        • gui_obj_t
          • gui_obj_t::name
          • gui_obj_t::parent
          • gui_obj_t::x
          • gui_obj_t::y
          • gui_obj_t::w
          • gui_obj_t::h
          • gui_obj_t::child_list
          • gui_obj_t::brother_list
          • gui_obj_t::obj_cb
          • gui_obj_t::type
          • gui_obj_t::active
          • gui_obj_t::not_show
          • gui_obj_t::skip_tp_left_hold
          • gui_obj_t::skip_tp_right_hold
          • gui_obj_t::skip_tp_up_hold
          • gui_obj_t::skip_tp_down_hold
          • gui_obj_t::skip_tp_short
          • gui_obj_t::skip_tp_long
          • gui_obj_t::skip_tp_pressed
          • gui_obj_t::gesture
          • gui_obj_t::create_done
          • gui_obj_t::event_dsc_cnt
          • gui_obj_t::opacity_value
          • gui_obj_t::has_input_prepare_cb
          • gui_obj_t::has_prepare_cb
          • gui_obj_t::has_draw_cb
          • gui_obj_t::has_end_cb
          • gui_obj_t::has_destroy_cb
          • gui_obj_t::magic
          • gui_obj_t::event_dsc
          • gui_obj_t::matrix
    • 窗口 (Window)
      • 使用方法
        • 创建窗口控件
        • 设定动画
        • 注册回调函数
        • 设置触摸保持状态
        • 获取进度
        • 缩放设定
        • 允许/禁止
        • 不透明度
        • 动画检查
        • 启动动画
        • 停止动画
        • 准备
        • 添加动画
      • API
        • gui_win_create()
        • gui_win_set_animate()
        • gui_win_left()
        • gui_win_right()
        • gui_win_up()
        • gui_win_down()
        • gui_win_press()
        • gui_win_release()
        • gui_win_long()
        • gui_win_click()
        • gui_win_hold_tp()
        • gui_win_get_animation_progress_percent()
        • gui_win_set_scale_rate()
        • gui_win_set_scope()
        • gui_win_set_opacity()
        • gui_win_is_animation_end_frame()
        • gui_win_start_animation()
        • gui_win_stop_animation()
        • gui_win_prepare()
        • gui_win_append_animate()
        • gui_win_move()
        • gui_win_get_x()
        • gui_win_get_y()
        • gui_win_t
          • gui_win_t::base
          • gui_win_t::animate
          • gui_win_t::animate_array
          • gui_win_t::scale
          • gui_win_t::scale_y
          • gui_win_t::press_flag
          • gui_win_t::long_flag
          • gui_win_t::release_flag
          • gui_win_t::enter_auto_scale
          • gui_win_t::event5_flag
          • gui_win_t::checksum
          • gui_win_t::scope
          • gui_win_t::hold_tp
          • gui_win_t::animate_array_length
    • 图像 (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_set_tp_block()
        • 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_tree_convert_to_img_root_size()
        • 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_append_animate()
        • gui_img_set_image_data()
        • gui_img_get_image_data()
        • gui_img_transform
          • gui_img_transform::degrees
          • gui_img_transform::c_x
          • gui_img_transform::c_y
          • gui_img_transform::scale_x
          • gui_img_transform::scale_y
          • gui_img_transform::t_x
          • gui_img_transform::t_y
          • gui_img_transform::t_x_old
          • gui_img_transform::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::scope_x1
          • gui_img_t::scope_x2
          • gui_img_t::scope_y1
          • gui_img_t::scope_y2
          • gui_img_t::ax
          • gui_img_t::ay
          • 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::scope
          • gui_img_t::scope_flag
          • gui_img_t::tp_block
          • gui_img_t::checksum
          • gui_img_t::animate_array_length
    • 简单图像 (Simple Img)
      • 用法
        • 创建控件
        • 设置位置
        • 设置属性
        • 获取高度/宽度
      • 示例
      • API
        • gui_simple_img_get_width()
        • gui_simple_img_get_height()
        • gui_simple_img_set_location()
        • gui_simple_img_set_mode()
        • gui_simple_img_set_attribute()
        • gui_simple_img_set_opacity()
        • gui_simple_img_set_quality()
        • gui_simple_img_create()
        • gui_simple_img_t
          • gui_simple_img_t::base
          • gui_simple_img_t::draw_img
          • gui_simple_img_t::data
          • gui_simple_img_t::filename
          • gui_simple_img_t::ftl
          • gui_simple_img_t::opacity_value
          • gui_simple_img_t::blend_mode
          • gui_simple_img_t::src_mode
          • gui_simple_img_t::high_quality
          • gui_simple_img_t::press_flag
          • gui_simple_img_t::release_flag
          • gui_simple_img_t::checksum
    • STB图像 (STB Img)
      • 用法
        • 创建控件
        • 设置属性
      • 示例
      • API
        • gui_img_stb_set_attribute()
        • gui_img_stb_set_attribute_static()
        • gui_img_stb_create_from_mem()
        • gui_img_stb_set_output_format()
        • gui_gif_info_t
          • gui_gif_info_t::init_time_ms
          • gui_gif_info_t::delay_ms
          • gui_gif_info_t::cycle_index
          • gui_gif_info_t::delay_ms_sum
          • gui_gif_info_t::total_frame
          • gui_gif_info_t::current_frame
        • gui_stb_img_t
          • gui_stb_img_t::base
          • gui_stb_img_t::img
          • gui_stb_img_t::src_changed
          • gui_stb_img_t::input_format
          • gui_stb_img_t::output_format
          • gui_stb_img_t::data_buffer
          • gui_stb_img_t::data_length
          • gui_stb_img_t::gif_info
          • gui_stb_img_t::offset_x
          • gui_stb_img_t::offset_y
        • IODEV
          • IODEV::data
          • IODEV::size
          • IODEV::index
          • IODEV::fbuf
          • IODEV::image
    • 文本 (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
        • T_GUI_TEXT_EVENT
          • T_GUI_TEXT_EVENT::TXT_EVENT_CLICK
          • T_GUI_TEXT_EVENT::TXT_EVENT_PSWD_DONE
        • 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_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::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
    • 选项卡容器 (Tabview)
      • 用法
        • 创建选项卡容器
        • 选项卡切换
        • 设置选项卡切换风格
        • 设置选项卡循环显示
      • 示例
      • API
        • T_SLIDE_STYLE
          • T_SLIDE_STYLE::CLASSIC
          • T_SLIDE_STYLE::REDUCTION
          • T_SLIDE_STYLE::FADE
          • T_SLIDE_STYLE::REDUCTION_FADE
          • T_SLIDE_STYLE::STACKING
          • T_SLIDE_STYLE::TAB_ROTATE
          • T_SLIDE_STYLE::TAB_CUBE
          • T_SLIDE_STYLE::TAB_PAGE
          • T_SLIDE_STYLE::TAB_ROTATE_BOOK
        • T_GUI_TABVIEW_EVENT
          • T_GUI_TABVIEW_EVENT::TABVIEW_EVENT_TAB_CHANGE
        • gui_tabview_create()
        • gui_tabview_jump_tab()
        • gui_tabview_set_style()
        • gui_tabview_loop_x()
        • gui_tabview_loop_y()
        • gui_tabview_tp_disable()
        • gui_tabview_enable_pre_load()
        • gui_tabview_tab_change()
        • gui_tabview_tab_id_t
          • gui_tabview_tab_id_t::x
          • gui_tabview_tab_id_t::y
        • gui_index_t
          • gui_index_t::x
          • gui_index_t::y
        • gui_jump_t
          • gui_jump_t::jump_flag
          • gui_jump_t::jump_id
        • gui_tabview_t
          • gui_tabview_t::base
          • gui_tabview_t::tab_cnt
          • gui_tabview_t::tab_cnt_left
          • gui_tabview_t::tab_cnt_right
          • gui_tabview_t::tab_cnt_up
          • gui_tabview_t::tab_cnt_down
          • gui_tabview_t::cur_id
          • gui_tabview_t::jump
          • gui_tabview_t::style
          • gui_tabview_t::release_x
          • gui_tabview_t::release_y
          • gui_tabview_t::loop_x
          • gui_tabview_t::loop_y
          • gui_tabview_t::enable_pre_load
          • gui_tabview_t::tab_change_ready
          • gui_tabview_t::tab_need_pre_load
          • gui_tabview_t::tp_disable
          • gui_tabview_t::initial
          • gui_tabview_t::left_shot
          • gui_tabview_t::center_shot
          • gui_tabview_t::right_shot
          • gui_tabview_t::checksum
    • 选项卡 (Tab)
      • 用法
        • 创建选项卡控件
        • 设置选项卡切换风格
      • 示例
        • 选项卡控件
        • 选项卡容器控件翻转
        • 选项卡循环显示
      • API
        • gui_tab_create()
        • gui_tab_get_rte_obj()
        • gui_tab_set_style()
        • gui_tab_update_preload()
        • gui_tab_rotate()
        • gui_tab_reduction()
        • gui_tab_reduction_fade()
        • gui_tab_fade()
        • gui_tab_cube()
        • gui_tab_rotate_book()
        • gui_tab_id_t
          • gui_tab_id_t::x
          • gui_tab_id_t::y
          • gui_tab_id_t::z
        • gui_tab_t
          • gui_tab_t::base
          • gui_tab_t::id
          • gui_tab_t::style
          • gui_tab_t::normal
          • gui_tab_t::shot_obj
          • gui_tab_t::shot_pave_obj
          • gui_tab_t::rte_obj
        • gui_tab_stacking_t
          • gui_tab_stacking_t::scale
          • gui_tab_stacking_t::location
          • gui_tab_stacking_t::opacity
    • 幕布容器 (Curtainview)
      • 用法
        • 创建幕布容器控件
        • 回调函数
      • 示例
      • API
        • T_GUI_CURTAIN_ENUM
          • T_GUI_CURTAIN_ENUM::CURTAIN_UNDEFINED
          • T_GUI_CURTAIN_ENUM::CURTAIN_UP
          • T_GUI_CURTAIN_ENUM::CURTAIN_DOWN
          • T_GUI_CURTAIN_ENUM::CURTAIN_LEFT
          • T_GUI_CURTAIN_ENUM::CURTAIN_RIGHT
          • T_GUI_CURTAIN_ENUM::CURTAIN_MIDDLE
        • gui_curtainview_create()
        • gui_curtainview_set_done_cb()
        • gui_curtain_ext_id_t
          • gui_curtain_ext_id_t::x
          • gui_curtain_ext_id_t::y
        • gui_curtain_bool_t
          • gui_curtain_bool_t::up
          • gui_curtain_bool_t::down
          • gui_curtain_bool_t::left
          • gui_curtain_bool_t::right
        • gui_curtain_float_t
          • gui_curtain_float_t::up
          • gui_curtain_float_t::down
          • gui_curtain_float_t::left
          • gui_curtain_float_t::right
        • gui_curtainview_t
          • gui_curtainview_t::base
          • gui_curtainview_t::curtain_cnt
          • gui_curtainview_t::style
          • gui_curtainview_t::cur_curtain
          • gui_curtainview_t::scopes
          • gui_curtainview_t::orientations
          • gui_curtainview_t::scope_up
          • gui_curtainview_t::scope_down
          • gui_curtainview_t::scope_left
          • gui_curtainview_t::scope_right
          • gui_curtainview_t::down_flag
          • gui_curtainview_t::left_flag
          • gui_curtainview_t::init_flag
          • gui_curtainview_t::release_flag
          • gui_curtainview_t::spring_value
          • gui_curtainview_t::done_cb
          • gui_curtainview_t::has_center_curtain
          • gui_curtainview_t::has_left_curtain
          • gui_curtainview_t::has_right_curtain
          • gui_curtainview_t::has_up_curtain
          • gui_curtainview_t::has_down_curtain
          • gui_curtainview_t::cur_curtain_flag
          • gui_curtainview_t::middle_flag
          • gui_curtainview_t::middle_flag_left
          • gui_curtainview_t::middle_flag_up
          • gui_curtainview_t::up_flag
          • gui_curtainview_t::checksum
          • gui_curtainview_t::release_y
          • gui_curtainview_t::release_x
    • 幕布 (Curtain)
      • 用法
        • 创建幕布控件
        • 幕布控件方向
      • 示例
      • API
        • gui_curtain_create()
        • gui_curtain_t
          • gui_curtain_t::base
          • gui_curtain_t::orientation
          • gui_curtain_t::scope
    • 卡片容器 (Cardview)
      • 用法
        • 创建控件
        • 回调
        • 设置风格
        • 设置中心对齐
        • 设置底部间隔
        • y轴方向滑动回调
      • 示例
      • API
        • gui_cardview_create()
        • gui_cardview_set_animate()
        • gui_cardview_set_style()
        • gui_cardview_status_cb()
        • gui_cardview_alignment()
        • gui_cardview_set_bottom_space()
        • gui_cardview_up()
        • gui_cardview_down()
        • gui_cardview_t
          • gui_cardview_t::base
          • gui_cardview_t::height
          • gui_cardview_t::card_height
          • gui_cardview_t::total_cnt
          • gui_cardview_t::cur_id
          • gui_cardview_t::style
          • gui_cardview_t::hold_y
          • gui_cardview_t::target_y
          • gui_cardview_t::offset_y
          • gui_cardview_t::speed
          • gui_cardview_t::recode
          • gui_cardview_t::status_cb
          • gui_cardview_t::animate
          • gui_cardview_t::checksum
          • gui_cardview_t::bottom_space_count
          • gui_cardview_t::yold
          • gui_cardview_t::target
          • gui_cardview_t::start_x
          • gui_cardview_t::start_y
          • gui_cardview_t::align_hight
          • gui_cardview_t::get_yend
          • gui_cardview_t::release
          • gui_cardview_t::press
          • gui_cardview_t::gesture_flag
          • gui_cardview_t::top_slide_only
          • gui_cardview_t::status
    • 卡片 (Card)
      • 用法
        • 创建卡片控件
      • 示例
      • API
        • gui_card_create()
        • gui_card_status_t
          • gui_card_status_t::scale
          • gui_card_status_t::location
          • gui_card_status_t::opacity
        • gui_card_t
          • gui_card_t::base
          • gui_card_t::status
          • gui_card_t::ay
          • gui_card_t::id
    • 页面 (Page)
      • 用法
        • 创建页面控件
      • 示例
      • API
        • T_PAGE_REBOUND_TYPE
          • T_PAGE_REBOUND_TYPE::PAGE_REBOUND_NOT
          • T_PAGE_REBOUND_TYPE::PAGE_REBOUND_UP
          • T_PAGE_REBOUND_TYPE::PAGE_REBOUND_DOWN
        • gui_page_update()
        • gui_page_destory()
        • gui_page_ctor()
        • gui_page_create()
        • gui_page_create_horizontal()
        • gui_page_add_scroll_bar()
        • gui_page_set_offset()
        • gui_page_get_offset()
        • gui_page_set_animate()
        • gui_page_rebound()
        • gui_page_rebound_horizontal()
        • gui_page_center_alignment()
        • gui_page_set_only_top_slide()
        • gui_page_t
          • gui_page_t::base
          • gui_page_t::current_id
          • gui_page_t::widget_count
          • gui_page_t::width
          • gui_page_t::yold
          • gui_page_t::recode
          • gui_page_t::speed
          • gui_page_t::target
          • gui_page_t::start_x
          • gui_page_t::start_y
          • gui_page_t::align_hight
          • gui_page_t::scroll_bar
          • gui_page_t::get_yend
          • gui_page_t::animate
          • gui_page_t::ctor
          • gui_page_t::release
          • gui_page_t::press
          • gui_page_t::gesture_flag
          • gui_page_t::top_slide_only
          • gui_page_t::status
          • gui_page_t::src_mode
          • gui_page_t::checksum
    • 页面列表 (Page List)
      • 用法
        • 增加页面控件
        • 减少页面控件
        • 添加回调函数
        • 设定属性
        • 增加图片
        • 创建控件
          • 示例
          • API
            • gui_pagelist_update_cb_t
            • gui_pagelist_increase_real_list_max()
            • gui_pagelist_decrease_real_list_max()
            • gui_pagelist_add_list_update_cb()
            • gui_pagelist_set_att()
            • gui_pagelist_add_scroll_bar()
            • gui_pagelist_create()
            • gui_pagelist_t
              • gui_pagelist_t::base
              • gui_pagelist_t::show_list_max
              • gui_pagelist_t::real_list_max
              • gui_pagelist_t::list_first
              • gui_pagelist_t::list_last
              • gui_pagelist_t::scroll_bar
              • gui_pagelist_t::x_init
              • gui_pagelist_t::y_init
              • gui_pagelist_t::x_stop_scroll
              • gui_pagelist_t::y_stop_scroll
              • gui_pagelist_t::list_gap_y
              • gui_pagelist_t::show_border_top
              • gui_pagelist_t::show_border_bottom
              • gui_pagelist_t::h_set_done
              • gui_pagelist_t::update_list_first_cb
              • gui_pagelist_t::update_list_last_cb
              • gui_pagelist_t::list_count
              • gui_pagelist_t::src_mode
    • 开关(Switch)
      • 用法
        • 创建控件
        • 开/关
        • 更新开关状态
        • 改变开关控件状态
      • 示例
      • API
        • T_GUI_SWITCH_EVENT
          • T_GUI_SWITCH_EVENT::SWITCH_EVENT_TURN_ON
          • T_GUI_SWITCH_EVENT::SWITCH_EVENT_TURN_OFF
          • T_GUI_SWITCH_EVENT::SWITCH_EVENT_PRESSED
          • T_GUI_SWITCH_EVENT::SWITCH_EVENT_RELEASED
        • gui_switch_create()
        • gui_switch_create_from_fs()
        • gui_switch_create_from_ftl()
        • gui_switch_turn_on()
        • gui_switch_turn_off()
        • gui_switch_is_on()
        • gui_switch_is_off()
        • gui_switch_change_state()
        • turn_off
        • turn_on
        • on_turn_on
        • on_turn_off
        • on_press
        • on_release
        • ctor
        • animate
        • turn_off_no_event
        • turn_on_no_event
        • gui_switch
          • gui_switch::base
          • gui_switch::switch_picture
          • gui_switch::on_pic_addr
          • gui_switch::off_pic_addr
          • gui_switch::on_hl_pic_addr
          • gui_switch::off_hl_pic_addr
          • gui_switch::long_touch_state_pic_addr
          • gui_switch::long_touch_state_hl_pic_addr
          • gui_switch::data
          • gui_switch::animate
          • gui_switch::src_mode
          • gui_switch::style
          • gui_switch::ifon
          • gui_switch::long_touch_state
          • gui_switch::long_touch_enable
          • gui_switch::press_flag
          • gui_switch::long_flag
          • gui_switch::release_flag
          • gui_switch::touch_disable
          • gui_switch::checksum
    • 网格 (Grid)
      • 用法
        • 创建网格组件
        • 设置网格样式
      • 示例
        • 经典样式
      • API
        • T_GUI_GRID_STYLE
          • T_GUI_GRID_STYLE::GRID_CLASSIC
          • T_GUI_GRID_STYLE::GRID_SCALE
        • gui_grid_create()
        • gui_grid_style()
        • gui_grid_t
          • gui_grid_t::base
          • gui_grid_t::row
          • gui_grid_t::col
          • gui_grid_t::gap_col
          • gui_grid_t::gap_row
          • gui_grid_t::gap_col_scale
          • gui_grid_t::gap_row_scale
          • gui_grid_t::scale
          • gui_grid_t::yold
          • gui_grid_t::start_x
          • gui_grid_t::start_y
          • gui_grid_t::id_offset
          • gui_grid_t::row_count
          • gui_grid_t::row_count_flag
          • gui_grid_t::col_count_flag
          • gui_grid_t::style
          • gui_grid_t::col_count
          • gui_grid_t::change_threshold
    • 进度条 (Progressbar)
      • 用法
        • 创建水平方向控件
        • 创建垂直方向控件
        • 创建电影风格控件
        • 进度
        • 百分比
        • 获取最大值
      • 示例
      • API
        • gui_progressbar_img_h_create()
        • gui_progressbar_img_h_create_from_ftl()
        • gui_progressbar_img_v_create()
        • gui_progressbar_img_v_create_from_ftl()
        • gui_progressbar_movie_create()
        • gui_progressbar_movie_create_from_fs()
        • gui_progressbar_set_progress()
        • gui_progressbar_get_progress()
        • gui_progressbar_set_percentage()
        • gui_progressbar_get_percentage()
        • gui_progressbar_get_max()
        • gui_progressbar_t
          • gui_progressbar_t::base
          • gui_progressbar_t::c
          • gui_progressbar_t::color
          • gui_progressbar_t::color_hl
          • gui_progressbar_t::max
          • gui_progressbar_t::per
          • gui_progressbar_t::per_history
          • gui_progressbar_t::ctor
          • gui_progressbar_t::src_mode
          • gui_progressbar_t::image_type
    • 画布 (Canvas)
      • 用法
        • 创建控件
        • 添加回调函数
      • 示例
        • 圆角矩形
        • 圆弧动画
      • API
        • Nanovg API
        • RealGUI API
          • gui_canvas_render_function
          • gui_canvas_create()
          • gui_canvas_set_canvas_cb()
          • gui_canvas_output()
          • gui_canvas_output_buffer()
          • gui_canvas_output_buffer_blank()
          • gui_canvas_output_buffer_blank_close()
          • 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
    • 立方体 (Cube)
      • 用法
        • 创建控件
        • 设置大小
        • 设置中心
        • 设置图像模式
        • 设置立方体图像
        • 设置旋转角度
      • 示例
      • API
        • T_CUBE_SIDE_TYPE
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_FRONT
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_BACK
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_UP
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_DOWN
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_LEFT
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_RIGHT
          • T_CUBE_SIDE_TYPE::CUBE_SIDE_ALL
        • T_CUBE_NZ_TYPE
          • T_CUBE_NZ_TYPE::CUBE_NZ_0321
          • T_CUBE_NZ_TYPE::CUBE_NZ_4567
          • T_CUBE_NZ_TYPE::CUBE_NZ_5126
          • T_CUBE_NZ_TYPE::CUBE_NZ_0473
          • T_CUBE_NZ_TYPE::CUBE_NZ_7623
          • T_CUBE_NZ_TYPE::CUBE_NZ_0154
        • gui_cube_get_mode()
        • gui_cube_set_mode()
        • gui_cube_get_opacity()
        • gui_cube_set_opacity()
        • gui_cube_set_img()
        • gui_cube_create()
        • gui_cube_set_center()
        • gui_cube_set_size()
        • gui_cube_add_click_cb()
        • gui_cube_auto_rotation_by_x()
        • gui_cube_auto_rotation_by_y()
        • gui_cube_auto_rotation_by_z()
        • cube_img_path_t
          • cube_img_path_t::img_path_front
          • cube_img_path_t::img_path_back
          • cube_img_path_t::img_path_up
          • cube_img_path_t::img_path_down
          • cube_img_path_t::img_path_left
          • cube_img_path_t::img_path_right
        • cube_data_addr_t
          • cube_data_addr_t::data_addr_front
          • cube_data_addr_t::data_addr_back
          • cube_data_addr_t::data_addr_up
          • cube_data_addr_t::data_addr_down
          • cube_data_addr_t::data_addr_left
          • cube_data_addr_t::data_addr_right
        • gui_cube_imgfile_t
          • gui_cube_imgfile_t::src_mode
          • gui_cube_imgfile_t::img_path
          • gui_cube_imgfile_t::data_addr
        • gui_cube_img_event_t
          • gui_cube_img_event_t::size
          • gui_cube_img_event_t::event
        • gui_cube_cb_t
          • gui_cube_cb_t::click_cb_front
          • gui_cube_cb_t::click_cb_back
          • gui_cube_cb_t::click_cb_up
          • gui_cube_cb_t::click_cb_down
          • gui_cube_cb_t::click_cb_left
          • gui_cube_cb_t::click_cb_right
        • gui_cube_t
          • gui_cube_t::base
          • gui_cube_t::draw_img
          • gui_cube_t::c_x
          • gui_cube_t::c_y
          • gui_cube_t::cbsize
          • gui_cube_t::nz
          • gui_cube_t::release_x
          • gui_cube_t::release_y
          • gui_cube_t::auto_flag
          • gui_cube_t::interval_ms_y
          • gui_cube_t::step_degree_y
          • gui_cube_t::xrot
          • gui_cube_t::yrot
          • gui_cube_t::zrot
          • gui_cube_t::filename
          • gui_cube_t::ftl
          • gui_cube_t::data
          • gui_cube_t::src_mode
    • 轮形列表 (Wheel List)
      • 使用方法
        • 创建一个轮形列表
        • 添加图标
      • 默认方式
      • 自定义方式
      • API
        • LAYER_STATE_T
          • LAYER_STATE_T::RESTING
          • LAYER_STATE_T::ANTICLOCKWISE
          • LAYER_STATE_T::CLOCKWISE
        • gui_wheel_list_create()
        • gui_wheel_list_add_icon_default()
        • gui_wheel_list_set_icon()
        • WHEEL_ANGLE_T
          • WHEEL_ANGLE_T::state
          • WHEEL_ANGLE_T::angle
        • gui_wheel_list_t
          • gui_wheel_list_t::base
          • gui_wheel_list_t::layer
          • gui_wheel_list_t::radius
          • gui_wheel_list_t::distence
          • gui_wheel_list_t::rotation
          • gui_wheel_list_t::icon_list
    • 透视 (Perspective)
      • 用法
        • 创建透视控件
        • 设置透视控件的图片
        • 设置图片混合模式
      • 示例
      • API
        • gui_perspective_set_mode()
        • gui_perspective_set_img()
        • gui_perspective_create()
        • gui_perspective_imgfile_t
          • gui_perspective_imgfile_t::src_mode
          • gui_perspective_imgfile_t::img_path
          • gui_perspective_imgfile_t::data_addr
        • gui_perspective_t
          • gui_perspective_t::base
          • gui_perspective_t::img
          • gui_perspective_t::ry
          • gui_perspective_t::temp
          • gui_perspective_t::file_path
          • gui_perspective_t::ftl
          • gui_perspective_t::data
          • gui_perspective_t::src_mode
          • gui_perspective_t::release_x
          • gui_perspective_t::checksum
    • 可缩放矢量图形 (SVG)
      • 用法
        • 创建控件
        • 设置旋转
        • 设置缩放
        • 设置平移
        • 设置透明度
      • 示例
        • 创建一个简单的 SVG
        • SVG 旋转
        • SVG 缩放
        • SVG 平移
      • API
        • gui_svg_create_from_file()
        • gui_svg_create_from_mem()
        • gui_svg_rotation()
        • gui_svg_scale()
        • gui_svg_translate()
        • gui_svg_set_opacity()
        • gui_svg_t
          • gui_svg_t::base
          • gui_svg_t::filename
          • gui_svg_t::addr
          • gui_svg_t::size
          • gui_svg_t::degrees
          • gui_svg_t::c_x
          • gui_svg_t::c_y
          • gui_svg_t::scale_x
          • gui_svg_t::scale_y
          • gui_svg_t::t_x
          • gui_svg_t::t_y
          • gui_svg_t::animate
    • 监视点渐变 (Watch Gradient Spot)
      • 用法
        • 创建控件
        • 设置中心位置
      • 示例
      • API
        • nvgCreateAGGE()
        • nvgDeleteAGGE()
        • gui_watch_gradient_spot_create()
        • gui_watch_gradient_spot_set_center()
        • gui_watch_gradient_spot_t
          • gui_watch_gradient_spot_t::base
          • gui_watch_gradient_spot_t::c_x
          • gui_watch_gradient_spot_t::c_y
    • 表盘渐变 (Watchface Gradient)
      • 用法
        • 创建控件
      • 示例
      • API
        • nvgCreateAGGE()
        • nvgDeleteAGGE()
        • gui_watchface_gradient_create()
        • gui_watchface_gradient_t
          • gui_watchface_gradient_t::base
    • 蜂窝菜单 (Menu Celllar)
      • 用法
        • 创建蜂窝菜单组件
        • 配置偏移
      • 示例
      • API
        • gui_menu_cellular_create()
        • gui_menu_cellular_offset()
        • gui_menu_cellular_on_click()
        • gui_menu_cellular_create_ftl()
        • gui_menu_cellular_t
          • gui_menu_cellular_t::base
          • gui_menu_cellular_t::overwrite
          • gui_menu_cellular_t::x
          • gui_menu_cellular_t::y
          • gui_menu_cellular_t::speed
          • gui_menu_cellular_t::left
          • gui_menu_cellular_t::right
          • gui_menu_cellular_t::top
          • gui_menu_cellular_t::bottom
          • gui_menu_cellular_t::left_offset
          • gui_menu_cellular_t::right_offset
          • gui_menu_cellular_t::top_offset
          • gui_menu_cellular_t::bottom_offset
          • gui_menu_cellular_t::touch_y
          • gui_menu_cellular_t::render
        • gui_menu_cellular_gesture_parameter
          • gui_menu_cellular_gesture_parameter::callback_function
          • gui_menu_cellular_gesture_parameter::parameter
    • 返回 (Return)
      • 用法
        • 创建返回控件
      • 示例
      • API
        • gui_return_create()
        • gui_return_t
          • gui_return_t::base
          • gui_return_t::ignore_gesture_widget
    • 二维码或条形码 (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
    • 多级菜单 (Multi Level)
      • 用法
        • 创建控件
        • 跳转到（层次，索引）
      • 示例
      • API
        • gui_multi_level_create()
        • gui_multi_level_jump()
        • jump
        • gui_multi_level_t
          • gui_multi_level_t::base
          • gui_multi_level_t::ui_design
          • gui_multi_level_t::hidden
          • gui_multi_level_t::level
          • gui_multi_level_t::index
    • 趣戴特效 (LiteGFX)
      • 使用方法
      • 示例
        • 通知
        • 能量盒
        • 棱镜
        • 数字时钟
        • 蝴蝶
        • 落樱
        • 风车
      • API
    • 2.5D足球 (2.5D Soccer)
      • 用法
        • 创建控件
        • 设置大小
        • 设置中心
        • 设置图像模式
        • 设置图像透明度
        • 设置足球面片图像
      • 示例
      • API
        • gui_soccer_create()
        • gui_soccer_get_mode()
        • gui_soccer_set_mode()
        • gui_soccer_get_opacity()
        • gui_soccer_set_opacity()
        • gui_soccer_set_img()
        • gui_soccer_set_center()
        • gui_soccer_set_size()
        • gui_soccer_set_slide_range()
        • gui_soccer_on_click()
        • gui_soccer_create_ftl()
        • gui_quaternion_t
          • gui_quaternion_t::w
          • gui_quaternion_t::x
          • gui_quaternion_t::y
          • gui_quaternion_t::z
        • gui_soccer_t
          • gui_soccer_t::base
          • gui_soccer_t::draw_img
          • gui_soccer_t::xrot
          • gui_soccer_t::yrot
          • gui_soccer_t::zrot
          • gui_soccer_t::c_x
          • gui_soccer_t::c_y
          • gui_soccer_t::scsize
          • gui_soccer_t::press_face
          • gui_soccer_t::normal
          • gui_soccer_t::rotation
          • gui_soccer_t::slide_range
    • 3D模型 (3D Model)
      • GUI加载3D模型
      • 3D控件用法
        • 创建控件
        • 形状变换
          • 世界变换
          • 相机变换
          • 光照信息
        • 设置动画
      • 示例
        • 3D蝴蝶
        • 3D棱镜
      • API
        • gui_3d_create()
        • gui_3d_set_shape_transform_cb()
        • gui_3d_set_animate()
        • gui_3d_ctor()
        • gui_3d_on_click()
        • gui_3d_description_t
          • gui_3d_description_t::attrib
          • gui_3d_description_t::num_shapes
          • gui_3d_description_t::shapes
          • gui_3d_description_t::num_materials
          • gui_3d_description_t::materials
          • gui_3d_description_t::texture_sizes
          • gui_3d_description_t::textures
        • gui_3d_t
          • gui_3d_t::base
          • gui_3d_t::flags
          • gui_3d_t::desc
          • gui_3d_t::face
          • gui_3d_t::img
          • gui_3d_t::mask_img
          • gui_3d_t::animate
          • gui_3d_t::shape_transform_cb
    • 棱镜模型 (Prism Mirror 3D Model)
      • 模拟器运行棱镜效果
      • GUI加载棱镜模型
      • 棱镜控件用法
        • 创建控件
        • 添加动态效果
        • 添加app切换效果
        • 设置大小
        • 设置位置
        • 设置方位
        • 设置原始状态
        • 设置目标状态
      • 棱镜控件配置
        • 自动旋转与灵敏度设置
        • 配置解释
      • 棱镜控件使用注意事项
      • 棱镜控件修改3D模型
      • 示例
        • 棱镜
      • API
        • prism_mirror3d_render_callback()
        • prism_mirror3d_update_angle_cb()
        • prism_mirror3d_render_animate_cb()
        • prism_mirror3d_on_face_click_cb()
        • gui_prism_mirror3d_swap_states()
        • gui_prism_render_interpolated_animate()
        • gui_prism_mirror3d_update_face_flags()
        • gui_prism_mirror3d_enter_animate()
        • gui_prism_mirror3d_click_switch_app_add_event()
        • gui_prism_mirror3d_get_enter_face()
        • gui_prism_mirror3d_set_animate()
        • gui_prism_mirror3d_set_scale()
        • gui_prism_mirror3d_set_position()
        • gui_prism_mirror3d_set_rotation_angles()
        • gui_prism_mirror3d_set_raw_state()
        • gui_prism_mirror3d_set_target_state()
        • gui_prism_mirror3d_create()
        • prism_mirror3d_config_t
          • prism_mirror3d_config_t::face_nums
          • prism_mirror3d_config_t::auto_rotation
          • prism_mirror3d_config_t::sensitivity
        • gui_prism_transform_state_t
          • gui_prism_transform_state_t::worldPosition
          • gui_prism_transform_state_t::cameraPosition
          • gui_prism_transform_state_t::rot_x
          • gui_prism_transform_state_t::rot_y
          • gui_prism_transform_state_t::rot_z
          • gui_prism_transform_state_t::angle
          • gui_prism_transform_state_t::scale
        • gui_prism_mirror3d_t
          • gui_prism_mirror3d_t::render_object
          • gui_prism_mirror3d_t::face_flags_rotation
          • gui_prism_mirror3d_t::conf
          • gui_prism_mirror3d_t::raw_state
          • gui_prism_mirror3d_t::target_state
          • gui_prism_mirror3d_t::interpolated_state
    • 视图 (View)
      • 用法
        • 创建视图控件
        • 设置视图切换事件
        • 使能视图缓存功能
      • 示例
        • 视图控件
      • API
        • VIEW_CHANGE_STYLE
          • VIEW_CHANGE_STYLE::VIEW_TRANSPLATION
          • VIEW_CHANGE_STYLE::VIEW_REDUCTION
          • VIEW_CHANGE_STYLE::VIEW_ROTATE
          • VIEW_CHANGE_STYLE::VIEW_CUBE
          • VIEW_CHANGE_STYLE::VIEW_ROTATE_BOOK
          • VIEW_CHANGE_STYLE::VIEW_STILL
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_NULL
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_1
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_2
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_3
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_4
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_5
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_6
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_7
          • VIEW_CHANGE_STYLE::VIEW_ANIMATION_8
        • gui_view_create()
        • gui_view_add_change_event()
        • gui_view_enable_pre_load()
        • gui_view_tp_disable()
        • gui_view_reduction()
        • gui_view_cube()
        • gui_view_rotate()
        • gui_view_rotate_book()
        • gui_view_id_t
          • gui_view_id_t::x
          • gui_view_id_t::y
        • gui_view_dsc_t
          • gui_view_dsc_t::obj_pointer
          • gui_view_dsc_t::style_out
          • gui_view_dsc_t::style_in
          • gui_view_dsc_t::view_design
        • gui_view_t
          • gui_view_t::base
          • gui_view_t::window
          • gui_view_t::animate
          • gui_view_t::cur_id
          • gui_view_t::style
          • gui_view_t::scale_x
          • gui_view_t::scale_y
          • gui_view_t::release_x
          • gui_view_t::release_y
          • gui_view_t::normal
          • gui_view_t::enable_pre_load
          • gui_view_t::view_change_ready
          • gui_view_t::view_need_pre_load
          • gui_view_t::tp_disable
          • gui_view_t::initial
          • 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_dsc_cnt
          • gui_view_t::shot
          • gui_view_t::rte_obj
          • gui_view_t::shot_obj
          • gui_view_t::shot_pave_obj
          • gui_view_t::view_dsc
          • gui_view_t::checksum
  • 移植
    • 平台移植
      • 加速
      • 显示设备
      • 支持接口类型
      • 已验证屏幕驱动
      • 文件系统
      • 闪存转换层
      • 输入设备
      • 触摸芯片
      • 操作系统
        • 休眠管理
    • 字库移植
      • 点阵字库移植
        • 字形加载
          • 文本编码转换
          • 字库索引
        • 排版
        • 字符绘制
      • 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
  • 示例
    • 计算器
      • 源文件
      • 操作步骤
        • 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
  • GUI应用程序
  • 使用可视化工具设计应用程序
  • EN/中文

使用可视化工具设计应用程序

  • 概述
  • 功能面板
    • 工具箱/控件
    • 设计视图/画布
    • 属性视图
    • 控件树
  • 资源管理
    • 图像资源管理
    • 字体资源管理
  • 菜单栏
    • 文件
    • 编辑
    • 设置
    • 图像转换设置
    • 字体转换设置
    • 导出
    • 模拟
  • 快速入门教程
    • 如何创建项目
    • 如何编写 JavaScript 代码
    • 如何打开项目
    • 如何打开/关闭项目
    • 如何导出/打包项目
    • 如何进行模拟
  • GUI 演示项目
  • JavaScript语法
    • 窗口 (Win)
    • 按钮 (Button)
    • 文本 (Text)
    • 拖动条 (Seekbar)
    • 开关 (Switch)
    • 图片 (Image)
    • 应用程序 (App)
    • 进度条 (Progressbar)
    • 选项卡 (Tab)
  • XML语法
    • 元素
    • 嵌套
    • 窗口
    • 图片
  • 中间件
    • 包
    • 启动器
    • XML
    • JavaScript
    • 示例
上一页 下一页

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