lvgl

This document describes the development documentation for the LVGL for LuatOS-Soc.

• LVGL for LuatOS Manual
• Introduction
  • Why is it LVGL
  • Equipment Requirements
  • Ask for help
• LVGL Foundation
  • Write a HelloWorld
  • LuatOS Version of the LVGL interface
  • Common Concepts
  • Layout
  • Event Model
  • Style
• LVGL Components
  • Quick View
  • Base Object(obj)
  • Arc(arc)
    • Overview
    • Parts and Styles
    • Usage
      • Angle
      • Swing
      • Range and Value
      • Type
    • Event
    • Key
    • Example
      • simple arc
    • Related API
      • Function
  • Progress bar(bar)
    • Overview
    • Parts and Styles
    • Usage
      • Value and Range
      • Mode
    • Event
    • Key
    • Example
      • Simple progress bar
  • Button(btn)
    • Overview
    • Parts and Styles
    • Usage
    • Can be checked
    • Layout and Fit
    • Event
    • Key
    • Example
      • Simple button
  • Button Matrix(btnmatrix)
    • Overview
    • Parts and Styles
    • Usage
      • Text of the button
      • Control button
      • One check
      • Recolor
      • Align the text of the button
      • Precautions
    • Event
    • Button
    • Example
      • Simple Button Matrix
  • Calendar(calendar)
    • Overview
    • Parts and Styles
    • Usage
      • Overview
      • Current Date
      • Show date
      • Highlight Date
      • Date Name
      • Month Name
    • Event
    • Button
    • Example
      • Simple Calendar Example
  • Canvas(canvas)
    • Overview
    • Parts and Styles
    • Usage
    • Event
    • Key handling
    • Example
  • Check Box(cb)
    • Overview
    • Parts and Styles
    • Usage
      • Text
      • Check/Uncheck
      • Disable check box
      • Get/Set Checkbox State
    • Event
    • Key
    • Example
      • Simple check box
  • Chart(chart)
    • Overview
    • Parts and Styles
    • Usage
      • Data Series
      • Series Type
      • Modify data
      • Override the default starting point for the series
      • Set up an external data source
      • Get the current chart information
      • Update mode
      • Number of buoys
      • Vertical range
      • Split line
      • Ticks and Labels
      • Cursor
    • Event
    • Key
    • Example
      • Line Chart
  • Container(cont)
    • Overview
    • Parts and Styles
    • Usage
      • Layout
      • Automatic adjustment
    • Event
    • Key
    • Example
      • Container Example
  • Color Chooser(cpicker)
    • Overview
    • Parts and Styles
    • Usage
      • Type
      • Set Color
      • Color mode
      • Knob color
    • Event
    • Key
    • Example
      • Disc color selector
  • Drop-down list(dropdown)
    • Overview
    • Widgets and Styles
    • Usage
      • Set Options
      • Get Selected Options
      • Direction
      • Symbol
      • Maximum height
      • Show Selected
      • Animation time
      • Manual opening/closing
    • Event
    • Key
    • Example
      • Simple drop-down list
      • Delete the Up list
  • Instrument(gauge)
    • Overview
    • Parts and Styles
    • Usage
      • Set value and pin
      • Scale
      • Scope
      • needle image
      • Critical Value
    • Event
    • Key
    • Example
      • Simple meter
  • Picture(img)
    • Overview
    • Parts and Styles
    • Usage
      • Image source
      • Label as picture
      • Transparency
      • Palette and Alpha Index
      • Recolor
      • Automatically resize
      • Inlay
      • Conversion
      • Rotate
    • Event
    • Key
    • Example
      • Image from array
  • Picture button(imgbtn)
    • Overview
    • Parts and Styles
    • Usage
      • Image source
      • Button function
    • Event
    • Key
    • Example
      • Simple image button
  • Keyboard(keyboard)
    • Overview
    • Parts and Styles
    • Usage
      • Mode
      • Assign Text Area
      • New Keyboard Layout
    • Event
    • Key
    • Example
      • Keyboard with text area
  • Label(label)
    • Overview
    • Parts and Styles
    • Usage
      • Set Text
      • Cross the line
      • Long mode
      • Text Alignment
      • Text Recolor
      • a very long text
      • Symbol
    • Event
    • Key
    • Example
      • Recolor and scroll labels
  • LED(led)
    • Overview
    • Parts and Styles
    • Usage
      • Brightness
      • Switch
    • Event
    • Key handling
    • Example
      • Custom style LED
  • Line(line)
    • Overview
    • Parts and Styles
    • Usage
      • Set Point
      • Auto Size
      • Inverted y
    • Event
    • Key handling
    • Example
      • Simple Line
  • List(list)
    • Overview
    • Parts and Styles
    • Usage
      • Add button
      • Delete Button
      • Manual Navigation
      • Layout
      • Edge flicker
      • Rolling Propagation
    • Event
    • Key handling
    • Example
      • Simple List
  • Gauge (arc scale)(lmeter)
    • Overview
    • Parts and Styles
    • Usage
      • Set Value
      • Range and Angle
      • Angle Offset
      • Mirror
    • Event
    • Key handling
    • Example
      • Simple meter
  • Message Box(msdbox)
    • Overview
    • Parts and Styles
    • Usage
      • Set Text
      • Add button
      • Auto Close
    • Event
    • Key handling
    • Example
      • Simple Message Box
  • Object Mask(objmask)
    • Overview
    • Parts and Styles
    • Usage
      • Add Mask
      • Update Mask
      • Removing the mask
    • Event
    • Key handling
    • Example
      • several object masks
  • Page(page)
    • Overview
    • Parts and Styles
    • Usage
      • Scroll bar
      • Glue Object
      • Focus Object
      • Manual Navigation
      • Edge Flash
      • Rolling Propagation
      • Clean up the page
      • Scrollable API
    • Event
    • Key handling
    • Example
      • Page with Scroll Bar
  • Roller(roller)
    • Overview
    • Parts and Styles
    • Usage
      • Set Options
      • Get Selected Options
      • Option Alignment
      • Visible Rows
      • Animation time
    • Event
    • Key handling
    • Example
      • Simple roller
  • Slider(slider)
    • Overview
    • Parts and Styles
    • Usage
    • Value and Range
    • Symmetry range
    • Knob only mode
    • Event
    • Key handling
    • Example
      • Slider for custom styles
  • Trimmer(spinbox)
    • Overview
    • Parts and Styles
    • Usage
    • Set Format
    • Value and Range
    • Event
    • Key handling
    • Example
      • Simple digital adjustment box
  • Rotator(spinner)
    • Overview
    • Parts and Styles
    • Usage
      • arc length
      • Rotation speed
      • Rotation type
      • Rotation direction
    • Event
    • Key handling
    • Example
      • Simple Rotation Effect
  • Switch(switch)
    • Overview
    • Parts and Styles
    • Usage
      • Change Status
      • Animation time
    • Event
    • Key handling
    • Example
      • Simple switch
  • Table(table)
    • Overview
    • Parts and Styles
    • Usage
      • Rows and Columns(column)
      • Width and Height(height)
      • Set cell value type
      • Align
      • Cell Type(cell_type)
      • Merge Cells
      • Crop Text
      • Scroll
    • Event
    • Key handling
    • Example
      • Simple form
  • Label View(tabview)
    • Overview
    • Parts and Styles
    • Usage
      • Add Tags
      • Select Label
      • Change the name of a label
      • Tab Position of the button
      • Animation time
      • Rolling Propagation
    • Event
    • Key handling
    • Example
      • Simple Tab
  • Text Box(textarea)
    • Overview
    • Parts and Styles
    • Usage
      • Add Text
      • Placeholder
      • Delete Characters
      • Move cursor
      • Hide Cursor
      • Cursor blink time
      • Single-line mode
      • Password mode
      • Text Alignment
      • Character filtering
      • Maximum Text Length
      • Long text
      • Select Text
      • Scroll bar
      • Rolling Propagation
      • Edge flicker
    • Event
    • Key handling
    • Example
      • Simple Text Box
  • Tile View(tileview)
    • Overview
    • Parts and Styles
    • Usage
      • effective area
      • Set Tiles
      • Add Element
      • Rolling Propagation
      • Animation time
      • Edge Flash
    • Event
    • Key handling
    • Example
      • Tile view with content
  • Window (win)
    • Overview
    • Parts and Styles
    • Usage
      • Window Title
      • Control button
      • Scroll bar
      • Manual scrolling and focusing
      • Layout
    • Event
    • Key handling
    • Example
      • Simple window
• LVGL Advanced
  • Animation
  • Theme
  • File System
  • Input Devices
  • Font
    • Internal Font
      • Internal self-supporting fonts
      • Internal Custom Font
    • External Font
    • Font Usage
    • Font Description
  • Display device
• Precautions