×
↑
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
  • HoneyGUI
  • EN/中文

HoneyGUI

Note

Realtek solution, user guide, study guide and other documents listed on this tutorial (collectively, “Documents”) are provided “as is” and with all faults. Customers agree to use any Documents solely for agreed purpose and subject to the terms of this Disclaimer.

  • Get Started
    • Source Project Download
    • Description
    • Software Architecture
    • Installation For Windows
  • GUI Application
    • C-APP Application
    • Use LVGL Design An Application
    • Use ARM-2D Design An Application
    • Use RVD Tool Design An Application
  • Widgets
    • Obj
    • Img
    • Text
    • 3D Model
    • View
  • Porting
    • Platform Porting
    • Font Porting
    • HoneyGUI Porting
  • Samples
    • Calculator
    • 86Box
    • LiteGFX
    • Status Bar
    • Fruit Ninja
    • Music Player
    • Timer
    • Watchface Market
  • Tool
    • Image Convert Tool
    • Font Convert Tool
    • Pack Tool
    • MP Tool
  • Design Spec
    • RealUI System Overview
    • Input Subsystem
    • Display Subsystem
    • Software Accelerate
  • FAQ
    • Development environment
    • Porting
    • Specification
    • How to Increase FPS
    • Display
  • Get PDF
  • Glossary
  • Release Notes
    • Major Changes
    • Change Logs
Next

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