6.1.2
Get started
Live demos
Simulator on PC
Select an IDE
Set-up Eclipse CDT
Install Eclipse CDT
Install SDL 2
Pre-configured project
Add the pre-configured project to Eclipse CDT
Compile and Run
Quick overview
Add LittlevGL into your project
Learn the basics
Objects (Widgets)
Styles
Events
Examples
Button with label
Button with styles
Slider and object alignment
List and themes
Use LittlevGL from Micropython
Contributing
Micropython
What is Micropython?
Highlights of Micropython
Why Micropython + LittlevGL?
Here are some advantages of using LittlevGL in Micropython:
Micropython + LittlevGL could be used for:
So what does it look like?
A simple example
How can I use it?
Online Simulator
PC Simulator
Embedded platform
Where can I find more information?
Porting
System overview
Set-up a project
Get the library
Configuration file
Initialization
Display interface
Display buffer
Display driver
API
Input device interface
Types of input devices
Touchpad, mouse or any pointer
Keypad or keyboard
Encoder
Button
Other features
API
Tick interface
API
Task Handler
Sleep management
Operating system and interrupts
Tasks and threads
Interrupts
Logging
Log level
Logging with printf
Custom log function
Add logs
Overview
Objects
Object attributes
Basic attributes
Specific attributes
Object’s working mechanisms
Parent-child structure
Moving together
Visibility only on the parent
Create - delete objects
Screen – the most basic parent
Layers
Order of creation
Bring to the foreground
Top and sys layers
Events
Event types
Generic events
Special events
Custom data
Send events manually
Styles
Use the styles
Inherit styles
Style properties
Common properties
Body style properties
Text style properties
Image style properties
Line style properties
Built-in styles
Create new styles
Style animations
Style example
Themes
Live update
Input devices
Pointers
Keypad and encoder
Groups
Complete example
API
Input device
Groups
Displays
Using only one display
Mirror display
Split image
Screens
Opaque screen
Features of displays
Inactivity
Colors
Convert color
Swap 16 colors
Create and mix colors
Opacity
Built-in colors
API
Display
Colors
Fonts
Unicode support
Built-in fonts
Special features
Bidirectional support
Subpixel rendering
Compress fonts
Add new font
Add new symbols
Add a new font engine
Images
Store images
Variables
Files
Color formats
Add and use images
Online converter
Manually create an image
Use images
Image decoder
Custom image formats
Register an image decoder
Manually use an image decoder
Image caching
Cache size
Value of images
Memory usage
Clean the cache
API
Image decoder
Image cache
File system
Add a driver
Usage example
Use drivers for images
API
Animations
Create an animation
Animation path
Speed vs time
Delete animations
API
Input device
Tasks
Create a task
Ready and Reset
Set parameters
One-shot tasks
Measure idle time
Asynchronous calls
API
Drawing
Buffering types
Mechanism of screen refreshing
Object types (Widgets)
Base object (lv_obj)
Overview
Coordinates
Parents and children
Screens
Layers
Style
Events
Attributes
Opa scale
Protect
Groups
Extended click area
Styles
Events
Keys
Example
C
MicroPython
API
Arc (lv_arc)
Overview
Angles
Notes
Styles
Events
Keys
Example
C
MicroPython
API
Bar (lv_bar)
Overview
Value and range
Symmetrical
Styles
Events
Keys
Example
C
MicroPython
API
Button (lv_btn)
Overview
States
Toggle
Layout and Fit
Ink effect
Styles
Events
Keys
Example
C
MicroPython
API
Button matrix (lv_btnm)
Overview
Button’s text
Control buttons
One toggle
Recolor
Notes
Styles
Events
Keys
Example
C
MicroPython
API
Calendar (lv_calendar)
Overview
Current date
Shown date
Highlighted days
Name of the days
Name of the months
Styles
Events
Keys
Example
C
MicroPython
API
Canvas (lv_canvas)
Overview
Buffer
Palette
Drawing
Rotate
Styles
Events
Keys
Example
C
MicroPython
API
Checkbox (lv_cb)
Overview
Text
Check/Uncheck
Inactive
Styles
Events
Keys
Example
C
MicroPython
API
Chart (lv_chart)
Overview
Data series
Series’ type
Modify the data
Update modes
Number of points
Vertical range
Division lines
Series’ appearance
Tick marks and labels
Styles
Events
Keys
Example
C
MicroPython
API
Container (lv_cont)
Overview
Layout
Autofit
Styles
Events
Keys
Example
C
MicroPython
API
Color picker (lv_cpicker)
Overview
Types of color pickers
Notes
Styles
Events
Keys
Example
API
Drop-down list (lv_ddlist)
Overview
Set options
Get selected option
Align the options
Height and width
Scrollbars
Animation time
Decoration arrow
Manually open/close
Stay open
Styles
Events
Keys
Example
C
MicroPython
API
Gauge (lv_gauge)
Overview
Scale
Needles
Range
Critical value
Styles
Events
Keys
Example
C
MicroPython
API
Image (lv_img)
Overview
Image source
Label as an image
Transparency
Palette and Alpha index
Recolor
Auto-size
Mosaic
Offset
Styles
Events
Keys
Example
C
MicroPython
API
Image button (lv_imgbtn)
Overview
Image sources
States
Toggle
Style usage
Events
Keys
Example
C
MicroPython
API
Keyboard (lv_kb)
Overview
Modes
Assign Text area
New Keymap
Styles
Events
Keys
Examples
C
MicroPython
API
Label (lv_label)
Overview
Set text
Line break
Long modes
Text align
Draw background
Text recolor
Very long texts
Symbols
Styles
Events
Keys
Example
C
MicroPython
API
LED (lv_led)
Overview
Brightness
Toggle
Styles
Events
Keys
Example
C
MicroPython
API
Line (lv_line)
Overview
Set points
Auto-size
Invert y
Styles
Events
Keys
Example
C
MicroPython
API
List (lv_list)
Overview
Add buttons
Delete buttons
Manual navigation
Layout
Edge flash
Scroll propagation
Style usage
Events
Keys
Example
C
MicroPython
API
Line meter (lv_lmeter)
Overview
Set value
Range and Angles
Angle offset
Styles
Events
Keys
Example
C
MicroPython
API
Message box (lv_mbox)
Overview
Set text
Add buttons
Auto-close
Styles
Events
Example
C
MicroPython
API
Page (lv_page)
Overview
Scrollbars
Glue object
Focus object
Manual navigation
Edge flash
Scroll propagation
Scrollable API
Notes
Styles
Events
Example
C
MicroPython
API
Preloader (lv_preload)
Overview
Arc length
Spinning speed
Spin types
Spin direction
Styles
Events
Keys
Example
C
MicroPython
MicroPython
API
Roller (lv_roller)
Overview
Set options
Get selected option
Align the options
Height and width
Animation time
Styles
Events
Keys
Example
C
MicroPython
API
Slider (lv_slider)
Overview
Value and range
Symmetrical
Knob placement
Styles
Events
Keys
Example
C
MicroPython
API
Spinbox (lv_spinbox)
Overview
Set format
Value and ranges
Style usage
Events
Keys
Example
C
MicroPython
API
Example
Switch (lv_sw)
Overview
Change state
Animation time
Styles
Events
Keys
Example
C
MicroPython
API
Table (lv_table)
Overview
Rows and Columns
Width and Height
Set cell value
Align
Cell type
Merge cells
Crop text
Scroll
Styles
Events
Keys
Example
C
MicroPython
MicroPython
API
Tabview (lv_tabview)
Overview
Adding tab
Change tab
Tab button’s position
Hide the tabs
Animation time
Style usage
Events
Keys
Example
C
MicroPython
API
Text area (lv_ta)
Overview
Add text
Placeholder
Delete character
Move the cursor
Cursor types
One line mode
Password mode
Text align
Accepted characters
Max text length
Very long texts
Select text
Scrollbars
Scroll propagation
Edge flash
Style usage
Events
Keys
Example
C
MicroPython
API
Tile view (lv_tileview)
Overview
Valid positions
Add element
Set tile
Animation time
Edge flash
Styles
Events
Keys
Example
C
MicroPython
API
Window (lv_win)
Overview
Title
Control buttons
Scrollbars
Manual scroll and focus
Layout
Style usage
Events
Keys
Example
C
MicroPython
API
LittlevGL
Docs
»
Porting
Edit on GitHub
Porting
¶
System overview
Set-up a project
Get the library
Configuration file
Initialization
Display interface
Display buffer
Display driver
API
Input device interface
Types of input devices
Other features
API
Tick interface
API
Task Handler
Sleep management
Operating system and interrupts
Tasks and threads
Interrupts
Logging
Log level
Logging with printf
Custom log function
Add logs