UI Elements


Feature introduction

UIFlow Designer allows you to create and manipulate various shapes and images on the M5Stack screen

  • Title Display a title bar at the top of the screen

  • Label Display a text element wherever you place it on the screen

  • Rect Display a square or rectangle (Parameters can be set by clicking on the element and changing the settings)

  • Circle Display a circle (Parameters can be set by clicking on the element and changing the settings)

  • image Display an image that has been uploaded to the M5 device

Adding and removing elements

Add an element UI_user1

Remove an element UI_user2

Programming UI elements

Method 1:After placing an element on the screen, single press it to display the parameters window. From here you can adjust the elements color,size,position and layer UI_user3

Method 2:After adding an element to the screen, its equivalent blocks will appear in the UI section of the blocks menu. Using blocks you can program all of the parameters of the element within your program.

UI_user3

results matching ""

    No results matching ""

    results matching ""

      No results matching ""