pfodGUIdesigner for pfodApp (www.pfod.com.au)
pfod™ (Protocol For Operations Discovery)
Check out the free companion apps,
pfodWebDesigner and pfodWeb at https://www.forward.com.au/pfod/pfodWeb/index.html
pfodWebDesigner is a free web based GUI designer, pfodWeb is a free web based partial replacement for pfodApp for ESP32, ESP8266 and Pi Pico W/2W
There is also the free Android App
https://www.forward.com.au/pfod/pfodDesigner/index.html
This free Android app provides a drawing package where you can add dwg primatives to build an interactive GUI component.
It then generates the Arduino code need to display and interact with your component on pfodApp.
The dwg primatives are:-
rectangle, line, circle, arc and label, and touchZones which respond to the user's touch.
After you size and position the touchZone, you can associate actions with it that give the user immediate feedback as soon as they touch the screen before the associated cmd is send back to the pfodDevice (the microprocessor).
You can also trigger a popup dialog box to open when the user touches that zone, so that the user can enter text to be sent to the pfodDevice (the microprocessor)
When you have finished and tested your design, pfodGUIdesigner will generate the Arduino code classes to implement that GUI component and test code to display the component on pfodApp.
You can then add that object to a pfodApp menu drawing item and position and scale the component as needed.
See a detailed tutorial at https://www.forward.com.au/pfod/pfodGUIdesigner/index.html
pfodGUIdesigner generates Arduino test code for a number of boards, ESP32, ESP8266, nRF52832, Nano 33 etc.
You can use pfodDesignerV3 to generate pfodApp connection code for wide variety of other boards not covered by pfodGUIdesigner.
Note about pfodGUIdesigner app code:
-----------------------------------------------
All pfodGUIdesigner is just an instance of pfodApp permanently connected to the GUI designer back end.