Share your Custom Widgets!

[Juliette CRESPO]

When creating a UI project, you may need widgets that are not part of the TouchGFX library. To create your own graphical element, the TouchGFX team suggests using the Custom Container approach. Since TouchGFX 4.20 it is possible to export and import Custom Containers into different projects. 

The TouchGFX team is working on developing new custom containers that could be useful for our own projects. You will find them under this post. The first widget is a keyboard. We hope that the idea will please you and that it will be useful for your projects ;)! 

We invite you to do the same. In the guide attached you will learn how to create your own widgets and how to export them. We wish to create a space where the community can find and share custom widgets. 

To keep this space a good place for collaboration between all of us, we invite you to share your project in a zip format which includes you widget (.tpkg) and a short document explaining your widget. Your post needs also to include at least one screenshot of your widget running on the simulator. Refer to the keyboard widget for an example.

Thanks for your contribution and have fun !!  

/The TouchGFX team 

[Mohammad MORADI ESFAHANIASL]

Hello @NicoEFI,

I think you can consider your button with the text area corresponding to it as a custom container which contains a variable for saving the typed value. In this way, when the circular button is pressed, you can call a function that copies the keyboard buffer (Keypad::getText()) to your variable, and then you can display that value in the corresponding text area. 

I hope this helps you!

[goleszek]

Hello Gaetan,

thanks for sharing this widget, it works quite cool :smiling_face_with_smiling_eyes: 

I thought about something similar, yet using a predefined palette.  The idea was loading it from a CLUT table (out of L8_xxx bitmap) or define it directly as an array of RGB colors.

LTone board running ColorPicker widget

[Junde]

The number keyboard and the demo show how to use it.

[Junde]

alphabetical keyboard