×
↑
Logo
  • Get Started
    • Source Project Download
    • Description
    • Software Architecture
    • Installation For Windows
      • Install Compiler
      • Install Python
      • Install Scons
      • Startup by CMD (Scons)
      • Startup by CMD (CMake)
      • Startup by VSCode
        • Install VSCode
        • Open Project
        • Run Project
      • Display
        • Watch Project
        • Dashboard Project
  • GUI Application
    • C-APP Application
      • Define A C-APP
      • Create The Widget Tree of A C-APP
      • C-APP Operations
      • C-APP Transition Animation
        • Example
      • API
    • Use LVGL Design An Application
      • LVGL introduction
      • HoneyGUI Simulator
        • Run LVGL in HoneyGUI Simulator
        • HoneyGUI LVGL
      • Porting
        • Display
        • Input Device
        • File System
          • ROMFS File System Image
          • LittleFS File System Image
      • LVGL Benchmark
        • Benchmark for Reference
      • Start with Demo
      • Resource Converter
        • Image Converter
          • LVGL Image Converter
          • HoneyGUI Image Convert Tool
            • Compressing Images
            • Importing into LVGL
            • Enabling RLE Decoder in LVGL
        • Font Converter
      • Development Resources
        • Online Doucument
        • Github Repo
        • Designer
        • Forum
        • Blog
      • FAQ
        • HoneyGUI vs LVGL Picture Drawing Frame Rate
          • GRAM Screen (280x456) RAM Block Drawing
          • PSRAM Full Frame Buffer Drawing (800x480)
          • Analysis
        • HoneyGUI vs LVGL RAM Consumption
        • Conclusion
    • Use ARM-2D Design An Application
      • ARM-2D Introduction
    • Use RVD Tool Design An Application
      • Overview
      • Function Panels
        • Toolkit/Widgets
          • Non-containerized Widget
            • Text
            • Button
            • Image
            • SeekBar
            • Image SeekBar
            • Switch
            • Arc
          • Container Widget
            • Screen
            • TabView and Tab
            • Page
            • Win
        • Design View/Canvas
          • TabView - Create/Delete/Insert Tab
            • Create Tab
            • Delete Tab
            • Insert Tab
          • TabView Overview Window
          • Zoom of Design View
        • Property View
        • Widget Tree
      • Resource Management
        • Font Resource Management
        • Image Resource Management
          • Add Images
            • Remove Images/Image Folder
            • Rename Image Folder
          • Preview Images
          • Refresh
        • Font Resource Management
          • Add Third-Party Font
          • Remove Third-Party Font
      • Menu Bar
        • File
          • Start Page
          • Save
          • Exit Save
        • Edit
          • Copy/Paste
          • Delete
          • Undo/Redo
          • Convert Project
          • Project Name Modification
        • Setting
        • Image Convert Setting
          • Scan Mode
          • Color Space
          • Compress
        • Font Convert Setting
        • Export
        • Simulate
      • Quick Start to Tutorials
        • How to Create Project
        • How to Write Javascript Code
        • How to Open Project
        • How to Open/Close Project
        • How to Export/Pack Project
        • How to Simulate
      • GUI Demo Project
      • JavaScript Syntax
        • Win
          • Hide A Window
          • Listen to Gestures
          • Swap Windows
          • API
        • Button
          • Monitor Button Press Event
          • API
        • Text
          • Change Text Content
          • API
        • Seekbar
          • Display Current Progress
          • A Seekbar Animation That Increases From 0 to 100%
          • API
        • Switch
          • Listen to 2 Gestures
          • Turn on A Led (P1_1)
          • API
        • Image
          • API
        • App
          • API
        • Progressbar
          • API
        • Tab
          • API
      • XML Syntax
        • Element
        • Nesting
          • Specifications
          • Example
        • Win
        • Img
      • Middleware
        • Package
        • Launcher
        • XML
        • JavaScript
        • Example
          • Progressbar API
          • Define A Progressbar Object
          • Add 2 Functions to The Progressbar Object
          • Define 2 Functions
          • Light Control
          • Light Switch Data
          • GPIO Light Switch
          • MATTER Light Switch
          • MESH Light Switch
  • Widgets
    • Obj
      • Usage
      • API
        • gui_obj_get_root()
        • gui_obj_get_fake_root()
        • gui_obj_create()
        • gui_obj_show()
        • gui_obj_out_screen()
        • gui_obj_get_clip_rect()
        • gui_obj_in_rect()
        • gui_obj_enable_this_parent_short()
        • gui_obj_get_area()
        • gui_obj_point_in_obj_rect()
        • gui_obj_point_in_obj_circle()
        • gui_obj_checksum()
        • gui_get_root()
        • gui_obj_absolute_xy()
        • gui_obj_hidden()
        • gui_widget_name()
        • gui_update_speed()
        • gui_inertial()
        • gui_get_obj_count()
        • gui_set_location()
        • gui_dom_create_tree_nest()
        • gui_dom_get_preview_image_file()
        • gui_update_speed_by_displacement()
        • gui_obj_move()
        • gui_obj_create_timer()
        • gui_obj_delete_timer()
        • gui_obj_start_timer()
        • gui_obj_stop_timer()
    • Img
      • Usage
        • Create Widget
        • Update Location
        • Set Attribute
        • Get Height/Width
        • Refresh
        • Blend Mode
        • Translation
        • Rotation
        • Zoom
        • Opacity
        • Animation
        • Quality
        • Screenshot
      • Example
      • API
        • gui_img_get_width()
        • gui_img_get_height()
        • gui_img_refresh_size()
        • gui_img_set_location()
        • gui_img_set_mode()
        • gui_img_set_attribute()
        • gui_img_rotation()
        • gui_img_scale()
        • gui_img_translate()
        • gui_img_skew_x()
        • gui_img_skew_y()
        • gui_img_set_opacity()
        • gui_img_create_from_mem()
        • gui_img_create_from_ftl()
        • gui_img_create_from_fs()
        • gui_img_set_animate()
        • gui_img_set_quality()
        • gui_img_tree_convert_to_img()
        • gui_img_get_transform_scale_x()
        • gui_img_get_transform_scale_y()
        • gui_img_get_transform_degrees()
        • gui_img_get_transform_c_x()
        • gui_img_get_transform_c_y()
        • gui_img_get_transform_t_x()
        • gui_img_get_transform_t_y()
        • gui_img_set_image_data()
        • gui_img_get_image_data()
        • gui_img_transform_t
          • gui_img_transform_t::degrees
          • gui_img_transform_t::c_x
          • gui_img_transform_t::c_y
          • gui_img_transform_t::scale_x
          • gui_img_transform_t::scale_y
          • gui_img_transform_t::t_x
          • gui_img_transform_t::t_y
          • gui_img_transform_t::t_x_old
          • gui_img_transform_t::t_y_old
        • gui_img_t
          • gui_img_t::base
          • gui_img_t::draw_img
          • gui_img_t::transform
          • gui_img_t::data
          • gui_img_t::filename
          • gui_img_t::ftl
          • gui_img_t::animate
          • gui_img_t::opacity_value
          • gui_img_t::blend_mode
          • gui_img_t::src_mode
          • gui_img_t::high_quality
          • gui_img_t::press_flag
          • gui_img_t::release_flag
          • gui_img_t::need_clip
          • gui_img_t::checksum
          • gui_img_t::animate_array_length
    • Text
      • Features
      • Usage
        • Initialize the Font File
        • Create Text Widget
        • Set Text Attributes
          • Set Text
          • Font Type
          • Text Content
          • Text Encoding
          • Convert to Img
          • Text Input
          • Text Click
          • Text Mode
          • Text Move
          • Set Animate
      • Example
        • Multiple Text Widget
        • Animate Text Widget
      • API
        • TEXT_MODE
          • TEXT_MODE::LEFT
          • TEXT_MODE::CENTER
          • TEXT_MODE::RIGHT
          • TEXT_MODE::MULTI_LEFT
          • TEXT_MODE::MULTI_CENTER
          • TEXT_MODE::MULTI_RIGHT
          • TEXT_MODE::MID_LEFT
          • TEXT_MODE::MID_CENTER
          • TEXT_MODE::MID_RIGHT
          • TEXT_MODE::SCROLL_X
          • TEXT_MODE::SCROLL_Y
          • TEXT_MODE::SCROLL_Y_REVERSE
          • TEXT_MODE::SCROLL_X_REVERSE
          • TEXT_MODE::VERTICAL_LEFT
          • TEXT_MODE::VERTICAL_RIGHT
        • FONT_SRC_TYPE
          • FONT_SRC_TYPE::GUI_FONT_SRC_BMP
          • FONT_SRC_TYPE::GUI_FONT_SRC_STB
          • FONT_SRC_TYPE::GUI_FONT_SRC_IMG
          • FONT_SRC_TYPE::GUI_FONT_SRC_MAT
          • FONT_SRC_TYPE::GUI_FONT_SRC_FT
          • FONT_SRC_TYPE::GUI_FONT_SRC_TTF
        • FONT_SRC_MODE
          • FONT_SRC_MODE::FONT_SRC_MEMADDR
          • FONT_SRC_MODE::FONT_SRC_FILESYS
          • FONT_SRC_MODE::FONT_SRC_FTL
        • gui_text_click()
        • gui_text_pswd_done()
        • gui_text_set()
        • gui_text_set_animate()
        • gui_text_mode_set()
        • gui_text_input_set()
        • gui_text_wordwrap_set()
        • gui_text_use_matrix_by_img()
        • gui_text_rendermode_set()
        • gui_text_set_min_scale()
        • gui_text_move()
        • gui_text_size_set()
        • gui_text_font_mode_set()
        • gui_text_type_set()
        • gui_text_emoji_set()
        • gui_text_encoding_set()
        • gui_text_set_matrix()
        • gui_text_content_set()
        • gui_text_convert_to_img()
        • gui_text_create()
        • gui_text_t
          • gui_text_t::base
          • gui_text_t::color
          • gui_text_t::animate
          • gui_text_t::scale_img
          • gui_text_t::emoji_path
          • gui_text_t::min_scale
          • gui_text_t::content
          • gui_text_t::data
          • gui_text_t::path
          • gui_text_t::matrix
          • gui_text_t::len
          • gui_text_t::font_len
          • gui_text_t::active_font_len
          • gui_text_t::char_width_sum
          • gui_text_t::char_height_sum
          • gui_text_t::char_line_sum
          • gui_text_t::offset_x
          • gui_text_t::offset_y
          • gui_text_t::mode
          • gui_text_t::charset
          • gui_text_t::font_type
          • gui_text_t::font_mode
          • gui_text_t::font_height
          • gui_text_t::emoji_size
          • gui_text_t::checksum
          • gui_text_t::layout_refresh
          • gui_text_t::content_refresh
          • gui_text_t::use_img_blit
          • gui_text_t::inputable
          • gui_text_t::ispasswd
          • gui_text_t::wordwrap
          • gui_text_t::scope
          • gui_text_t::rendermode
        • gui_text_line_t
          • gui_text_line_t::line_char
          • gui_text_line_t::line_dx
    • 3D Model
      • GUI Load 3D Model
      • 3D Widget Usage
        • Create Widget
        • Global Shape Transformation
        • Local Shape Transformation
          • World Transformation
          • Camera Transformation
          • Lighting Information
        • Set Animation
      • Example
        • 3D Butterfly
        • 3D Prism
        • 3D Face
      • API
        • gui_3d_shape_transform_cb
        • gui_3d_create()
        • gui_3d_set_global_shape_transform_cb()
        • gui_3d_set_local_shape_transform_cb()
        • gui_3d_on_click()
        • gui_3d_base_t
          • gui_3d_base_t::base
          • gui_3d_base_t::desc
    • View
      • Usage
        • Register Descriptor of View
        • Get Descriptor of View by Name
        • Create View Widget
        • Set Switch View Event
        • Switch View Directly
        • Get Current View Pointer
      • Example
        • View
      • API
        • VIEW_SWITCH_STYLE
          • VIEW_SWITCH_STYLE::VIEW_STILL
          • VIEW_SWITCH_STYLE::VIEW_TRANSPLATION
          • VIEW_SWITCH_STYLE::VIEW_REDUCTION
          • VIEW_SWITCH_STYLE::VIEW_ROTATE
          • VIEW_SWITCH_STYLE::VIEW_CUBE
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_NULL
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_1
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_2
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_3
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_4
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_5
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_6
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_7
          • VIEW_SWITCH_STYLE::VIEW_ANIMATION_8
        • gui_view_create()
        • gui_view_descriptor_register()
        • gui_view_descriptor_get()
        • gui_view_switch_on_event()
        • gui_view_switch_direct()
        • gui_view_get_current_view()
        • gui_view_id_t
          • gui_view_id_t::x
          • gui_view_id_t::y
        • gui_view_t
          • gui_view_t::base
          • gui_view_t::release_x
          • gui_view_t::release_y
          • gui_view_t::animate
          • gui_view_t::cur_id
          • gui_view_t::style
          • gui_view_t::descriptor
          • gui_view_t::view_switch_ready
          • gui_view_t::event
          • gui_view_t::moveback
          • gui_view_t::view_tp
          • gui_view_t::view_left
          • gui_view_t::view_right
          • gui_view_t::view_up
          • gui_view_t::view_down
          • gui_view_t::view_click
          • gui_view_t::view_touch_long
          • gui_view_t::view_button
          • gui_view_t::view_button_long
          • gui_view_t::on_event
          • gui_view_t::on_event_num
          • gui_view_t::checksum
        • gui_view_descriptor_t
          • gui_view_descriptor_t::name
          • gui_view_descriptor_t::pView
          • gui_view_descriptor_t::on_switch_in
          • gui_view_descriptor_t::on_switch_out
          • gui_view_descriptor_t::keep
        • gui_view_on_event_t
          • gui_view_on_event_t::descriptor
          • gui_view_on_event_t::switch_out_style
          • gui_view_on_event_t::switch_in_style
          • gui_view_on_event_t::event
  • Porting
    • Platform Porting
      • Acceleration
      • Display Device
        • Interface
        • Driver IC
      • Filesystem
      • Flash Translation Layer
      • Input Device
        • Touch IC
      • Operating System
      • Sleep Management
    • Font Porting
      • Dot Matrix Font Library Porting
        • Glyph Loading
          • Text Encoding Conversion
          • Font Library Indexing
        • Layout
        • Character Rendering
      • API
        • gui_font_mem_init()
        • gui_font_mem_init_ftl()
        • gui_font_mem_init_fs()
        • gui_font_mem_init_mem()
        • gui_font_mem_destroy()
        • gui_font_mem_load()
        • gui_font_mem_draw()
        • gui_font_mem_unload()
        • gui_font_mem_obj_destroy()
        • gui_get_mem_char_width()
        • gui_get_mem_utf8_char_width()
        • get_fontlib_by_size()
        • get_fontlib_by_name()
        • gui_font_mem_layout()
        • gui_font_get_dot_info()
        • GUI_CHAR_HEAD
          • GUI_CHAR_HEAD::char_y
          • GUI_CHAR_HEAD::baseline
          • GUI_CHAR_HEAD::char_w
          • GUI_CHAR_HEAD::char_h
        • mem_char_t
          • mem_char_t::unicode
          • mem_char_t::x
          • mem_char_t::y
          • mem_char_t::w
          • mem_char_t::h
          • mem_char_t::char_y
          • mem_char_t::char_w
          • mem_char_t::char_h
          • mem_char_t::dot_addr
          • mem_char_t::buf
          • mem_char_t::emoji_img
        • MEM_FONT_LIB
          • MEM_FONT_LIB::font_file
          • MEM_FONT_LIB::font_size
          • MEM_FONT_LIB::type
          • MEM_FONT_LIB::data
        • GUI_FONT_HEAD_BMP
          • GUI_FONT_HEAD_BMP::head_length
          • GUI_FONT_HEAD_BMP::file_type
          • GUI_FONT_HEAD_BMP::version
          • GUI_FONT_HEAD_BMP::font_size
          • GUI_FONT_HEAD_BMP::rendor_mode
          • GUI_FONT_HEAD_BMP::bold
          • GUI_FONT_HEAD_BMP::italic
          • GUI_FONT_HEAD_BMP::scan_mode
          • GUI_FONT_HEAD_BMP::index_method
          • GUI_FONT_HEAD_BMP::crop
          • GUI_FONT_HEAD_BMP::rsvd
          • GUI_FONT_HEAD_BMP::index_area_size
          • GUI_FONT_HEAD_BMP::font_name_length
          • GUI_FONT_HEAD_BMP::font_name
        • TEXT_CHARSET
          • TEXT_CHARSET::UTF_8
          • TEXT_CHARSET::UTF_16
          • TEXT_CHARSET::UTF_16LE
          • TEXT_CHARSET::UNICODE_ENCODING
          • TEXT_CHARSET::UTF_16BE
          • TEXT_CHARSET::UTF_32LE
          • TEXT_CHARSET::UTF_32BE
        • process_content_by_charset()
        • get_len_by_char_num()
        • generate_emoji_file_path_from_unicode()
        • gui_text_rect_t
          • gui_text_rect_t::x1
          • gui_text_rect_t::y1
          • gui_text_rect_t::x2
          • gui_text_rect_t::y2
          • gui_text_rect_t::xboundleft
          • gui_text_rect_t::xboundright
          • gui_text_rect_t::yboundtop
          • gui_text_rect_t::yboundbottom
    • HoneyGUI Porting
      • Important Notes
      • Build Requirements
      • Armcc Compilation
      • Armclang Compilation
      • Project Porting Example
  • Samples
    • Calculator
      • Source File
      • Two Steps
        • 1. Declare the app structure
        • 2. Declare the app ui design function
    • 86Box
      • Source File
      • UI Design
        • RVisualDesigner
      • Javascript
        • Gestures
          • Light Control Switch
          • Tab Jumping Switch
    • LiteGFX
      • QuDai Introduction
      • Source Code
        • Widget Adaptation Layer
        • Platform Adaptation Layer
        • Core Lib
    • Status Bar
      • Implementation
        • File
        • Design
    • Fruit Ninja
      • Requirements
      • Source File
      • Configurations
      • Usage Steps
        • Step 1: Declare the app ui design function
        • Step 2: Call function
      • Design Ideas
    • Music Player
      • Implementation
        • Code
        • Widgets Tree Design
    • Timer
      • Implementation
        • Code
        • Widgets Tree Design
    • Watchface Market
      • Implementation
        • Code
        • Widgets Tree Design
  • Tool
    • Image Convert Tool
      • Image Format Conversion
        • Configuration
        • Color Space
      • Output Files
    • Font Convert Tool
      • Font Bin Generation
      • FontConfig.json Parameter Description
      • Setting.ini Parameter Description
    • Pack Tool
      • RTL87x2G and RTL8762D
      • RTL8763E and RTL8773DO
      • RTL8773E
        • Generate Root Bin
        • Adding Header Information
    • MP Tool
      • Download to the EVB
  • Design Spec
    • RealUI System Overview
      • RealUI Workflow
        • System
        • GUI Server
        • GUI Application
        • GUI Server Task
    • Input Subsystem
      • Touchpad
        • Touchpad Hardware and Driver
        • Get Touchpad Data
        • Touchpad Algorithm Processor
        • Widget Response
      • Keyboard
        • Hardware and Driver
        • Get Keyboard Data
        • Keyboard Algorithm Processor
        • Response
    • Display Subsystem
      • Display Workflow
        • Flash File System
        • UI Widget
        • Acceleration Layer
        • Buffer
    • Software Accelerate
      • Overall Flow Chart
      • Overview No RLE Cover Mode
        • No RLE Cover
        • No RLE Cover Matrix
      • Overview No RLE Bypass Mode
        • No RLE Bypass Mode
        • No RLE Bypass Matrix
      • Overview No RLE Filter
        • No RLE Filter
        • No RLE Filter Matrix
      • Overview No RLE Source_over
        • No RLE Alpha No Matrix
        • No RLE Alpha Matrix
      • Overview RLE Cover Mode
        • RLE Cover No Matrix
        • RLE Cover Matrix
      • Overview RLE Bypass Mode
        • RLE Bypass No Matrix
        • RLE Bypass Matrix
      • Overview RLE Filter
        • RLE Filter
        • RLE Filter Matrix
      • Overview RLE Source_over
        • RLE Source_over No Matrix
        • RLE Source_over Matrix
      • Support Input Type and Output Type
  • FAQ
    • Development environment
      • Simulator in VSCode
        • Installing the Appropriate Version of the Toolchain
        • Adding Toolchain to System Environment Variables
    • Porting
      • User Data
      • JS Malloc Heap
      • Feed Watch Dog
      • Not Support FPU
      • File System
      • Flash Setting
      • CPU Frequence
      • SCONS Version
    • Specification
      • Graphics
      • Memory Usage
        • RTL8772F Demo
        • Widget Memory Usage
    • How to Increase FPS
      • Pixel format
      • Hardware Acceleration
      • Data Transmission Speed
      • UI Design
      • Image Compression
      • Font
        • Custom Binary Files
        • Standard TTF Files
    • Display
      • Font Anti-Aliasing
  • Get PDF
  • Glossary
  • Release Notes
    • Major Changes
      • v1.0.6.6
    • Change Logs
      • v1.0.6.6
RTKIOT GUI
  • GUI Application
  • Use RVD Tool Design An Application
  • EN/中文

Use RVD Tool Design An Application

  • Overview
  • Function Panels
    • Toolkit/Widgets
    • Design View/Canvas
    • Property View
    • Widget Tree
  • Resource Management
    • Font Resource Management
    • Image Resource Management
    • Font Resource Management
  • Menu Bar
    • File
    • Edit
    • Setting
    • Image Convert Setting
    • Font Convert Setting
    • Export
    • Simulate
  • Quick Start to Tutorials
    • How to Create Project
    • How to Write Javascript Code
    • How to Open Project
    • How to Open/Close Project
    • How to Export/Pack Project
    • How to Simulate
  • GUI Demo Project
  • JavaScript Syntax
    • Win
    • Button
    • Text
    • Seekbar
    • Switch
    • Image
    • App
    • Progressbar
    • Tab
  • XML Syntax
    • Element
    • Nesting
    • Win
    • Img
  • Middleware
    • Package
    • Launcher
    • XML
    • JavaScript
    • Example
Previous Next

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