Back to Browse

TouchGFX Text Widget Tutorial : From Basics to Dynamic Content

214 views
Dec 30, 2025
19:09

In this video, we dive deep into the Text Widget in TouchGFX Designer. Whether you are a beginner trying to display "Hello World" or an advanced user needing to display dynamic values from C++, this guide covers it all. ​We start with the basics of drag-and-drop properties and move quickly into advanced topics like Wildcard buffers, handling memory for typography, and using the C++ API to animate text. ​📘 What you will learn in this video: ​How to configure Text Widget properties (Alignment, Alpha, Rotation). ​Understanding "Wide Text Action" (Word Wrap vs. Ellipsis). ​How to use Wildcards to display dynamic numbers and strings. ​Solving the "Question Mark" (?) issue with Typography Ranges. ​Writing C++ code to update integers ,float and string values . ​Using the API to animate text movement on every tick. ​⏱️ Timestamps: 0:00 - Introduction to the Text Widget 0:30 - Basic Properties (Color, Alignment, Auto-size ...) 3:40 - Dynamic Numbers 7:30 - Fixing the "Question Mark" Error (Typography Ranges) 9:42 - Displaying Float Values (Decimals) 11:00 - Typography Settings (Bpp, Compression, Fallback) 12:40 - The Text Database (Groups & Reusability) 14:03 - Displaying Dynamic Strings & resizeToCurrentText 15:14 - Wide Text Action 16:40 - API 18:25 - Conclusion

Download

0 formats

No download links available.

TouchGFX Text Widget Tutorial : From Basics to Dynamic Content | NatokHD