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
  • Search
  • EN/中文

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