Using GUI Guider without touch panel

[Gera64]

Hello

I have to make work a device with a small 320x240 TFT display, but without touch panel mounted.

The user interface is realized via a rotary knob with two channels A and B. The rotary knob has also a push-button function when pressed.

That means, the user should select the required field in the display (i.e. a button or a value), then press the rotary know to fire the "Pressed" event (in case of the button) or to enter a new value (done by rotating the knob) and pressing the rotary knob to accept the new value.

How can this kind of features be realized with GUI Guider? Does GUI Guider support non-touch user interactions?
Is this the correct tool to generate this kind of firmware? Any idea?

Many thanks in advance!
Best Regards
Gerardo

[Gera64]

Hi Edwin

LVGL seems to have the encoder functionality: LVGL documentation — Input Device (lv_indev) — Encoder

But I've not seen support for that in GUI Guider. How would be the worklflow / the solution to enable usage of the encoder in GUI Guider?

Best Regards

Gerardo

[Gera64]

Hi Edwin, 
many thanks for the link, I already knew that AN, it is really relevant. 

But my question goes a little deeper: in some way, through the user interactions, the controls should be put first in a "selected" state (for example, with a border around it) and then in an "edit" state (where it corresponds), i.e. changing the background color).

Buttons, for example, do have just the attributes "Pressed", "Released", "Checked Pressed" and "Check Released", but not "Selected". 

I've not seen at a first first glance how to do it in a simple way... That is why I'm asking for that. On the other hand, I guess I'm not the first having this kind of needs...

Best Regards

Gerardo

[EdwinHz]

Hi @Gera64,

I believe that what you are looking for is changing the part's state from default to focused, which can be selected via a keypad or encoder as mentioned in the GUI Guider User Guide:

With respect to the encoder usage, please take a look at the following example code, which shows the setup and usage of an encoder to handle and edit widgets on LVGL. This would have to be done using custom code: lv_demos/src/lv_demo_keypad_encoder at release/v8.1 · lvgl/lv_demos · GitHub

BR,
Edwin.

[Gera64]

Hi Edwin,
many thanks.
It looks like that I'll have to code it custom...
Best Regards
Gerardo

[EdwinHz]

HI @Gera64,

You can have the display interact with peripherals by using custom code on GUI Guider. In fact, we have an application note on how to do so. Please click on the following link to access it: GUI Guider Peripheral Interaction.

BR,
Edwin.