TouchGFX -> Create a curved line

[AndreaTW]

Hi,

which widget should I use to create a curved line?

If there is no widget,

what is the procedure to create a curved line?

Thank you

[GaetanGodart]

Hello @AndreaTW ,

You can use the canvas widget to do that, it should be enough (if it is not, please define more what you need).

Please have a look at the documentation :

• https://support.touchgfx.com/docs/development/ui-development/touchgfx-engine-features/canvas-widgets
• https://support.touchgfx.com/docs/api/classes/classtouchgfx_1_1_canvas

Regards,

[AndreaTW]

Thanks for the quick response GaetanGodart,

The Canvas Widgets available in TouchGFX Designer are only:

• Line
• Circle
• Shape
• Line Progress
• Circle Progress

I need to create a curved line (example a parabolic line)

Thank you

[GaetanGodart]

Hello @AndreaTW ,

In the second link I provided you, we can see that there is a quadratic bezier line : https://support.touchgfx.com/docs/api/classes/classtouchgfx_1_1_canvas#function-quadraticbezierto

Wouldn't that allow you do make curved lines?

Regards,

[GaetanGodart]

Hello @AndreaTW ,

Have you been able to move forward on your project?

Regards,

[AndreaTW]

Hello GaetanGodart,

yes I managed to create the curve line.

I used the CanvasWidget "Static Grapht" and the "addDataPoint" property.