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
Get PDF
EN
/
中文
Get PDF
PDF version:
RTKIOT
GUI.pdf