Difference: WatchGui (2 vs. 3)

Revision 32021-02-01 - UliRaich

Line: 1 to 1

META TOPICPARENT	name="WebHome"

Changed:

<
<

The t-watch Graphical User Interface and how to add your own applications and settings

>
>

The T-Watch Graphical User Interface and how to add your own applications and settings

Introduction

The " factory firmware" is developed by Dirk Brosswick. It is a rather complex C++ program developed under platformio in an Arduino framework. I tried to follow, as far as possible, the same structure and I translated the C++ calls to LVGL into their MicroPython equivalents.

The infrastructure can be tested with the Unix port of MicroPython in conjunction with LVGL, based on the SDL2 driver. This allows me to quickly test the complete GUI on the PC as long as no hardware dependent features are used. This means that power management using the axp202, time functionality using the pcf8563 or applications using the bma423 accelerometer must be separated from the GUI code.

Added:

>
>

The Graphical User Interface

When the program boots a splash screen is shown, while hardware initialization takes place.

One that the hardware is ready the GUI starts up.

The GUI is based on the LVGL tile view widget (lv.tileview). The base GUI consists of 8 tiles as a matrix with 4 columns and 2 rows. The upper row is used for applications while the lower row contains a note tile and all the setup functions.

The upper row:
- The main tile (position 0,0) comes up when the program is started. In this tile the default application is run
- 3 tiles are reserved for applications (only the first 2 tiles are used for the moment)
The lower row
- The first tile is reserved as a note tile, which is unused for the moment
- 3 tiles are reserved for setups (only the first 2 tiles are used for the moment)

The individual tiles use a style with transparent OPA (opacity) such that the wallpaper on the tile view is visible on all tiles. In addition, a status bar shows the current state of the hardware like

WiFi state
battery charge
step counter
BlueTooth state

Uli Raich - 2021-01-28

Comments

<--/commentPlugin-->

Added:

>
>

META FILEATTACHMENT	attachment="app_tile_1.png" attr="" comment="" date="1612176866" name="app_tile_1.png" path="app_tile_1.png" size="101726" user="UliRaich" version="1"
META FILEATTACHMENT	attachment="app_tile_2.png" attr="" comment="" date="1612176868" name="app_tile_2.png" path="app_tile_2.png" size="92764" user="UliRaich" version="1"
META FILEATTACHMENT	attachment="main_tile.png" attr="" comment="" date="1612176870" name="main_tile.png" path="main_tile.png" size="95467" user="UliRaich" version="1"
META FILEATTACHMENT	attachment="note_tile.png" attr="" comment="" date="1612176871" name="note_tile.png" path="note_tile.png" size="93711" user="UliRaich" version="1"
META FILEATTACHMENT	attachment="splash_screen.png" attr="" comment="" date="1612176872" name="splash_screen.png" path="splash_screen.png" size="9181" user="UliRaich" version="1"
META FILEATTACHMENT	attachment="setup_tile_1.png" attr="" comment="" date="1612176874" name="setup_tile_1.png" path="setup_tile_1.png" size="95385" user="UliRaich" version="1"
META FILEATTACHMENT	attachment="setup_tile_2.png" attr="" comment="" date="1612176879" name="setup_tile_2.png" path="setup_tile_2.png" size="94994" user="UliRaich" version="1"

View topic | History: r6 < r5 < r4 < r3 | More topic actions...