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

Design Spec

This section describes the workflow of the RealUI system, which involves the process from input data to displaying on the LCD.

  • RealUI System Overview
    • RealUI Workflow
  • Input Subsystem
    • Touchpad
    • Keyboard
  • Display Subsystem
    • Display Workflow
  • Software Accelerate
    • Overall Flow Chart
    • Overview No RLE Cover Mode
    • Overview No RLE Bypass Mode
    • Overview No RLE Filter
    • Overview No RLE Source_over
    • Overview RLE Cover Mode
    • Overview RLE Bypass Mode
    • Overview RLE Filter
    • Overview RLE Source_over
    • Support Input Type and Output Type
Previous Next

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