Difference: WatchGui (1 vs. 6)

Revision 62021-02-13 - UliRaich

Line: 1 to 1
 
META TOPICPARENT name="WebHome"

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

Introduction

Line: 12 to 12
  splash_screen.png
Changed:
<
<		Once that the hardware is ready the GUI starts up.
>
>		Once that the hardware is ready the twatch first connects to WiFi and then reads the current date and time from NTP and sets the pcf8563 real time clock. After that the GUI is started
  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:
Line: 29 to 29
 
  • battery charge
  • step counter
  • BlueTooth state
Changed:
<
<		On the top of the tiles there is a status bar, which can be hidden when applications are run. The status bar shows the step counter, the battery status and the wifi status.
>
>

Adding applications

  -- Uli Raich - 2021-01-28

Revision 52021-02-13 - UliRaich

Line: 1 to 1
 
META TOPICPARENT name="WebHome"

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

Introduction

Line: 12 to 12
  splash_screen.png
Changed:
<
<		One that the hardware is ready the GUI starts up.
>
>		Once that the hardware is ready the GUI starts up.
 
Changed:
<
<		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 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)
Line: 24 to 24
 
main_tile.png app_tile_1.png app_tile_2.png
note_tile.png setup_tile_1.png setup_tile_2.png
Deleted:
<
<
 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
Added:
>
>		On the top of the tiles there is a status bar, which can be hidden when applications are run. The status bar shows the step counter, the battery status and the wifi status.
  -- Uli Raich - 2021-01-28

Revision 42021-02-13 - UliRaich

Line: 1 to 1
 
META TOPICPARENT name="WebHome"

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

Introduction

Line: 37 to 37
  
<--/commentPlugin-->
Changed:
<
<
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="app_tile_1.png" attr="" comment="" date="1613210374" name="app_tile_1.png" path="app_tile_1.png" size="99442" user="UliRaich" version="2"
META FILEATTACHMENT attachment="app_tile_2.png" attr="" comment="" date="1613210375" name="app_tile_2.png" path="app_tile_2.png" size="92720" user="UliRaich" version="2"
META FILEATTACHMENT attachment="main_tile.png" attr="" comment="" date="1613210376" name="main_tile.png" path="main_tile.png" size="96276" user="UliRaich" version="2"
 
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"

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.

splash_screen.png

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)

main_tile.png app_tile_1.png app_tile_2.png
note_tile.png setup_tile_1.png setup_tile_2.png

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"

Revision 22021-01-31 - UliRaich

Line: 1 to 1
 
META TOPICPARENT name="WebHome"

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.

Changed:
<
<		The infrastructure and 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 there are 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.
>
>		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.
  -- Uli Raich - 2021-01-28

Revision 12021-01-28 - UliRaich

Line: 1 to 1
Added:
>
>
META TOPICPARENT name="WebHome"

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 and 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 there are 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.

-- Uli Raich - 2021-01-28

Comments 

<--/commentPlugin-->
View topic | History: r6 < r5 < r4 < r3 | More topic actions...
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback