×
↑
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
        • 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
    • Use RVD Tool Design An Application
      • RVisualDesigner
        • Overview
        • Examples
          • Example1
          • Example2
          • Flashing to EVB
        • Function Panels
          • Toolkit/Widgets
            • Non-containerized Widget
              • Text
              • Button
              • RadioButton
              • Image
              • ImageMovie
              • SeekBar
              • Image SeekBar
              • SingleImage SeekBar
              • ThumbSeekBar
              • SideBar
              • Roller
              • Chart
              • ComboBox
              • Calendar
              • Menu
              • Key
              • 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
        • Event Setting
          • Trigger Events Brief
          • Action Brief
          • Event Setting Example
            • Text - OnTime - Set Time
            • Text - OnPeripheral - Set Peripheral
            • Button - OnClick - Jump
            • RadioButton - OnSelect - Jump
            • Image - OnTime - Set Time
            • Win - OnClick - Jump
            • ImageSeekBar - OnComplete - Jump
            • ImageSeekBar - OnValueChange - Set Text Property
            • Switch - OnOn - Animation
            • Key - OnClick - Jump
        • Animation Setting
          • Animation Type Brief
          • Animation Example
            • Rotation
            • Opacity
            • AdvancedTranslate
            • AdvancedOpacity
            • Translation
            • Scale
            • Progress
            • Multiple Animation Settings
        • 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
    • Window
      • Usage
        • Create Widget
        • Set Animation
        • Register Callback Function
        • Set ‘hold_tp’ State
        • Get Progress
        • Set Scale Rate
        • Enable/Disable Scope
        • Set Opacity
        • Animation Check
        • Start Animation
        • Stop Animation
        • Prepare
        • Append An Animation
      • 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::checksum
          • 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::scope
          • gui_win_t::hold_tp
          • gui_win_t::load
          • gui_win_t::animate_array_length
    • 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_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_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::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::load
          • gui_img_t::simple
          • 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
        • 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_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
    • Tabview
      • Usage
        • Create Tabview Widget
        • Switch the Tab
        • Set Tabview Style
        • Set Tabview Loop
      • Example
      • 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::last_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
      • Usage
        • Create Tab Widget
        • Set Tab Style
      • Example
        • Tab
        • Tabview Rotate
        • Tabview Loop
      • 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
      • Usage
        • Create Curtainview Widget
        • Callback
      • Example
      • 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
      • Usage
        • Create Curtain Widget
        • Orientation
      • Example
      • API
        • gui_curtain_create()
        • gui_curtain_t
          • gui_curtain_t::base
          • gui_curtain_t::orientation
          • gui_curtain_t::scope
    • Page
      • Usage
        • Create Page Widget
      • Example
      • 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_destroy()
        • 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
      • Usage
        • Increase Page List
        • Decrease Page List
        • Add Callback
        • Set Attribute
        • Add Picture
        • Create Widget
      • Example
      • 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
      • Usage
        • Create Widget
        • Turn On/Off
        • Update On/Off State
        • Change Switch State
      • Example
      • 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()
        • _gui_api_for_gui_switch_t
        • 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
          • gui_switch::load
        • _gui_api_gui_switch_t
          • _gui_api_gui_switch_t::turn_off
          • _gui_api_gui_switch_t::turn_on
          • _gui_api_gui_switch_t::on_turn_on
          • _gui_api_gui_switch_t::on_turn_off
          • _gui_api_gui_switch_t::on_press
          • _gui_api_gui_switch_t::on_release
          • _gui_api_gui_switch_t::ctor
          • _gui_api_gui_switch_t::animate
          • _gui_api_gui_switch_t::turn_off_no_event
          • _gui_api_gui_switch_t::turn_on_no_event
    • Grid
      • Usage
        • Create Grid Widget
        • Set Grid Style
      • Example
        • Classic Style
      • 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
      • Usage
        • Create Horizontal Widget
        • Create Vertical Widget
        • Create Movie-Style Widget
        • Progress
        • Percentage
        • Get Max Number
      • Example
      • 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_thumb_h_create()
        • 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
          • gui_progressbar_t::thumb_width
    • Canvas
      • Usage
        • Creat Canvas
        • Add Callback Function
      • Example
        • Rounded Rectangle
        • Arc Animation
      • 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
    • Return
      • Usage
        • Create A Return Widget
      • Example
      • API
        • gui_return_create()
        • gui_return_t
          • gui_return_t::base
          • gui_return_t::ignore_gesture_widget
  • 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_font_refresh_font_size()
        • 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
        • Environment Setup
        • Compiler Selection
        • Path Configuration
        • Common Issues
      • Environment 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
  • 3rd Party Support
    • Use ARM-2D Design An Application
      • ARM-2D Introduction
  • 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
  • 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 RVD Tool Design An Application
  • Widgets
    • Window
    • Img
    • Text
    • Tabview
    • Tab
    • Curtainview
    • Curtain
    • Page
    • Page List
    • Switch
    • Grid
    • Progressbar
    • Canvas
    • Return
  • 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
  • 3rd Party Support
    • Use ARM-2D Design An Application
  • FAQ
    • Development environment
    • Porting
    • Specification
    • How to Increase FPS
    • Display
  • Glossary
  • Release Notes
    • Major Changes
    • Change Logs
Next

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