Creating a rotary button effect?

HP · ‎2020-05-27

Hi,

I was wondering if anyone have made a 'rotary-style' button, like a rotary encoder or a volume knob that can go on-screen?

I suspect it would involve resolving a touch input and mapping it to some sort of circular motion or something like that. A rounded slider would also be of high interest!

Any inputs would be appreciated! Thanks!

Romain DIELEMAN · ‎2020-05-28

Hi,

In Demo 1 you have an example of a circle progress bar that you manually increase and decrease, I suppose this is what you are looking for. Look at the CircleProgress.cpp and hpp files to have an understanding of how it was implemented.

/Romain

View solution in original post

Romain DIELEMAN · ‎2020-05-28

Hi,

In Demo 1 you have an example of a circle progress bar that you manually increase and decrease, I suppose this is what you are looking for. Look at the CircleProgress.cpp and hpp files to have an understanding of how it was implemented.

/Romain

HP · ‎2020-05-28

Beautiful! Thanks, I knew I had seen something like that somewhere :D I'll dive into that code now!

MYass.2 · ‎2021-02-11

Hi,

I am interested in this demo, where I can find it?

Thank you in advance for your reply.

Romain DIELEMAN · ‎2021-02-11

Hi,

This demo is available when you create a project in TouchGFX Designer under the "UI template" section.

/Romain

MYass.2 · ‎2021-02-12

It's the perfect example I'm looking for, thank you Romain.

Romain DIELEMAN · ‎2021-02-15

perfect then 😉

/Romain