Sample project for the ESP32 Color Kit Grande. This project shows how to design a UI for LVGL with EEZ Studio (https://www.envox.eu/studio/studio-introduction/), run it on Mac OS X with SDL as well as port it to the ESP32 Color Kit Grande.
The project contains a file for the UI editor: Calculator.eez-project. You can open this file in the editor, edit it and export it to the project. All generated files are located in src/ui/. Never edit these files, as they will be overwritten with the next export from the UI editor. Follow these steps to start with the editor:
- Download the editor from https://www.envox.eu/studio/studio-introduction/ and install the editor
- Open the
Calculator.eez-projectfile in the editor - Change UI according to your needs, e.g. change color or shape of the buttons.
- Click the wrench icon in the toolbar to export your changes to the
src/uifolder:
- Run the application in the SDL2 emulator or the ESP32 Color Kit Grande
src/main.cpp: main application file, only contains the loop for Arduino and SDL2src/calculator.h: contains the application logic for the calculator and the binding between UI and "business" logic. Also the callbacks for the buttonssrc/ui: code generated by the UI editor. Don't change this as it will be overwritten by the next exporthal/mac_arm64: abstraction for the emulator running on Mac OS X (Apple Silicon)hal/esp32: abstraction for esp32. Place hardware specific code here.
## Supported Environments
Check out platformio.ini for currently supported environments. You can select a target by clicking on the env:* button in the footer of Visual Studio Code. This will show a popup window:
- mac_arm64: emulator for the UI to test and develop the UI on Mac OS X (Apple Silicon). Use this as a template to add support for Linux and Windows
- color-kit-grande: compile and run the calculator on the [https://thingpulse.com/products/color-kit-grande/](ThingPulse Color Kit Grande)