⌨️ Application Development

This document describes some of the LuatOS-Soc application development routines.

• Peripherals
  • LuatOS-Soc Driver WS2812 Tutorial
    • Foreword
    • Introduction
    • Use
    • Data Connection
• lvgl
  • 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
• Video playback
  • Air105 Video playback
    • Foreword
    • Preparations
      • linux Platform
      • windows Platform
    • Video file production
    • Play video
    • effect display
    • Related Connections