Logo
  • Get Started
    • Source project download
    • Description
    • Software Architecture
    • Installation
      • Install compiler
      • Install scons
      • Startup by CMD
      • Startup by VSCode
        • Install VSCode
        • Open project
        • Run project
      • Display the watchface
  • GUI Application
    • C-APP
      • Syntax
        • Define the app using a specific name
        • Define the app using specific name and entry function
      • API
    • Use LVGL Design An Application
      • What is LVGL
        • LVGL
        • LVGL Get Started
        • LVGL Document
    • Use ARM-2D Design An Application
      • What is ARM-2D
        • ARM-2D
      • ARM-2D Quick Start
        • ARM-2D Quick Start
      • ARM-2D Document
        • ARM-2D Introduction
    • Use Script Design An Application
      • Overview
      • Function Panels
        • Toolkit/Widgets
        • Design View/Canvas
        • Property View
        • Widget Tree
      • Resource Mangement
        • Image Resource Management
        • Font Resource Management
      • Menu Bar
        • File
        • Edit
        • 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 widget
        • Button
        • Text
        • ImageSeekbar
        • Switch
        • IMAGE
        • APP
        • PROGRESSBAR
        • TAB
      • XML syntax
        • Element
        • Nesting
        • Specifications
        • Example
      • Middleware
        • PACKAGE
        • launcher
        • XML
        • JavaScript
        • EXAMPLE
    • Application switching
      • Application switching animation sample
        • Source code
  • Widgets
    • widget_template
      • Usage
        • Add event
      • Example
      • API
    • obj
      • Usage
      • API
    • window
      • Usage
        • Create widget
        • Add event
      • API
    • img
      • Usage
        • Create widget
        • Update location
        • Set attribute
        • Get height/width
        • Refresh
        • Blend mode
        • Translation
        • Rotation
        • Zoom
        • Opacity
        • Animation
        • Quality
        • Screenshot
      • Example
      • API
    • simple img
      • Usage
        • Create widget
        • Set location
        • Set attribute
        • Get height/width
      • Example
      • API
    • stbimg
      • Usage
        • Create widget
        • Set attribute
      • Example
      • API
    • text
      • Features
      • Usage
        • Initialize the font file
        • Create text widget
        • Set text attributes
        • Text input
        • Text click
        • Text move
        • Set animate
      • Example
        • Example Multiple text widget
        • Example Animate text widget
      • API
    • tabview
      • Usage
        • Create tabview widget
        • Switch the gui_tab
        • Set tabview style
        • Set tabview loop
      • Example
      • API
    • tab
      • Usage
        • Create tab widget
        • Set tab style
      • Example
        • Example for tab
        • Example for tabview rotate
        • Example for tabview loop
      • API
    • curtainview
      • Usage
        • Create curtainview widget
        • Callback
      • Example
      • API
    • curtain
      • Usage
        • Create curtain widget
        • Orientation
      • Example
      • API
    • cardview
      • Usage
        • Create widget
        • Callback
        • Set style
        • Set center alignment
        • Set bottom space
        • Y-axis slide callback
      • Example
      • API
    • card
      • Usage
        • Create card widget
      • Example
      • API
    • page
      • Usage
        • Create page widget
      • Example
      • API
    • pagelist
      • Usage
        • Increase
        • Decrease
        • Add callback
        • Set attribute
        • Add picture
        • Create widget
      • Example
      • API
    • switch
      • Usage
        • Create widget
        • Parameters of switch widget
        • Turn on/off
        • Update on/off state
        • Change switch state
      • Example
      • API
    • grid
      • Usage
        • Create grid widget
        • Set grid style
      • Example
        • classic style
      • API
    • progressbar
      • Usage
        • Create horizontal widget
        • Create vertical widget
        • Create movie-style widget
        • Progress
        • Percentage
        • Get max number
      • Example
      • API
    • canvas
      • Usage
        • Creat a canvas
        • Add callback function
      • Example
        • Rounded Rectangle
        • Arc animation
      • API
        • Vector graphics api
        • GUI widget api
    • cube
      • Usage
        • Create a cube
        • Set size
        • Set center
        • Set image mode
        • Set cube image
        • Set rotation direction
      • Example
      • API
    • wheel list
      • Usage
        • Create a wheel list
        • Add icon
      • API
    • perspective
      • Usage
        • Create perspective widget
        • Set image
        • Set image mode
      • Example
      • API
    • svg
      • Usage
        • Creat a svg widget
        • SVG rotation
        • SVG scale
        • SVG translate
        • Opacity
      • Example
        • Creat a simple SVG
        • SVG rotation
        • SVG scale
        • SVG translate
      • API
    • watch gradient spot
      • Usage
        • Create watch_gradient_spot widget
        • Set center
      • Example
      • API
    • watchface gradient
      • Usage
        • Create watchface_gradient widget
      • Example
      • API
    • menu cellular
      • Usage
        • Create menu cellular widget
        • Config offset
      • Example
      • API
    • return
      • Usage
        • Create a return widget
      • Example
      • API
    • qbcode
      • Usage
        • create qrcode widget
        • config qrcode size and border
        • qrcode encode notes
      • Example
      • API
    • multi_level
      • Usage
        • Create widget
        • Jump to (level, index)
      • Example
      • API
    • litegfx
      • Usage
      • Example
        • Notifications
        • Energybox
        • Prism
        • Digit Clock
        • Butterfly
        • Flowerfall
        • Windmill
      • API
  • Porting
    • Acceleration
    • Display Device
      • Interface
      • Driver IC
    • Filesystem
    • Flash Translation Layer
    • Input Device
      • Touch IC
    • Operating System
    • Sleep Management
  • Samples
    • Calculator Application
      • Source File
      • Two Steps
    • 86box Application
      • Source File
      • UI design
        • RVisualDesigner
      • Javascript
        • Gestures
    • LiteGFX Application
      • LiteGFX
      • Source Code
        • Widget adaptation layer
        • Platform adaptation layer
        • Core lib
    • Status bar
      • Implementation
        • File
        • Design
    • Fruit Ninja Application
      • Source File
      • Usage Steps
      • Design ideas & Notes
  • Tool
    • Image Convert Tool
      • Image format conversion
        • Configuration
        • Color Space
      • Output Files
    • Font Convert Tool
      • Font bin generation
      • FontConfig.json Parameter description
    • Pack Tool
      • RTL87x2G
      • RTL8762D
      • RTL8763E and RTL8773DO
        • Unzip userdata.zip
        • Set configuration
        • Generate userdata bin
      • RTL8773E
        • Generate root bin
        • Generate userdata bin
    • MP Tool
      • Download to the EVB
  • Design Spec
    • RealUI system overview
      • RealUI workflow
        • System
        • GUI Server
        • GUI Application
        • GUI Server Task
    • Input sub-system
      • Touchpad
        • Touchpad hardware and driver
        • Get Touchpad Data
        • Touchpad Algorithm Processor
        • Widget Response
      • Keyboard
        • Hardware and driver
        • Get Keyboar Data
        • Keyboard Algorithm Processor
        • Response
    • Display sub-system
      • Display Workflow
        • Flash File System
        • UI Widget
        • Acceleration
        • 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
      • Flowchart download
      • Support Input type and Output type
  • FAQ
    • Development environment FAQ
      • Simulator in VSCode
        • Installing the appropriate version of the toolchain
        • Adding toolchain to system environment variables
    • Porting FAQ
      • User data
      • JS malloc heap
      • Feed watch dog
      • Not support FPU
      • File system
      • Realloc function
      • Flash setting
      • CPU frequence
      • SCONS Version
    • Specification FAQ
      • Graphics
      • Memory usage
        • 8772F demo
        • Widget memory usage
    • How to Increase FPS FAQ
      • Pixel format
      • Hardware Acceleration
      • Data transmission speed
      • UI design
      • Image Compression
      • Font
        • Custom Binary Files
        • Standard TTF Files
    • Display FAQ
      • Font Anti-Aliasing
  • Get PDF
  • Glossary
RTKIOT GUI
  • RTKIOT GUI
  • EN/中文

RTKIOT GUI

Hint

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

GUI Application

Widgets

Get Started

GUI Application

Widgets

Porting

Samples

FAQ

Porting

Samples

FAQ

  • Get Started
    • Source project download
    • Description
    • Software Architecture
    • Installation
  • GUI Application
    • C-APP
    • Use LVGL Design An Application
    • Use ARM-2D Design An Application
    • Use Script Design An Application
    • Application switching
  • Widgets
    • widget_template
    • obj
    • window
    • img
    • simple img
    • stbimg
    • text
    • tabview
    • tab
    • curtainview
    • curtain
    • cardview
    • card
    • page
    • pagelist
    • switch
    • grid
    • progressbar
    • canvas
    • cube
    • wheel list
    • perspective
    • svg
    • watch gradient spot
    • watchface gradient
    • menu cellular
    • return
    • qbcode
    • multi_level
    • litegfx
  • Porting
    • Acceleration
    • Display Device
    • Filesystem
    • Flash Translation Layer
    • Input Device
    • Operating System
    • Sleep Management
  • Samples
    • Calculator Application
    • 86box Application
    • LiteGFX Application
    • Status bar
    • Fruit Ninja Application
  • Tool
    • Image Convert Tool
    • Font Convert Tool
    • Pack Tool
    • MP Tool
  • Design Spec
    • RealUI system overview
    • Input sub-system
    • Display sub-system
    • Software Accelerate
  • FAQ
    • Development environment FAQ
    • Porting FAQ
    • Specification FAQ
    • How to Increase FPS FAQ
    • Display FAQ
  • Get PDF
  • Glossary
Next

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