Series: Tried Using Touch Panel TFT Display GT-SP with Arduino

Decorating the GT-SP Analog Meter with Basic Operations and Design Examples

Decorating the GT-SP Analog Meter with Basic Operations and Design Examples

DownloadDownload sample project & program (for GT Design Studio & Arduino)

Hello everyone, I’m @kissaten, a beginner in electronics. In this series, I’m explaining the process of connecting a 7-inch touch display (GT-SP series “GTWV070S3A00P”) to an Arduino and working on various projects.

In this article, we will explore how to customize the analog meter on the GT-SP display using only property settings, without using background images. Below, we have outlined the properties used, their settings, and the impact of these configurations.

Analog Meter Properties and Configurations

In this session, we adjusted the fundamental design of the analog meter. The table below summarizes the properties configured and the resulting effects.

 

 

Properties and settings

Group Name Property Name Setting Value & Effect
Style Panel SHAPE Arc Changes the meter shape to an arc.
ANG_STRT 180 Specifies the start angle of the area (counted counterclockwise with 0 as the east position).
ANG_END 0 Specifies the end angle of the area (east position).
ANG_AREA_END 0 Specifies the end angle of the red area (counted counterclockwise with 0 as the east position).
PNL_OY 80 Adjusts the panel offset along the Y-axis.
AMT_FRM_WD 0 Specifies the width of the frame (outer border).
Style Needle NDL_TYP Sharp Changes the needle type to a sharp shape.
NDL_LEN 2 Specifies the length of the needle (using the outer part of the graph as the pivot).
NDL_LEN2 −71 Specifies the length of the needle (using the center as the pivot; negative values position the needle farther from the center).
NDL_WD 10 Specifies the width of the needle.
Style Scale TCK_SZ 36 Specifies the size of the ticks.
TCK_WD 2 Specifies the width of the major ticks.
TCK_NUM 6 Specifies the number of major ticks.
TCK_SUB_NUM 10 Specifies the number of sub-ticks.
AMT_TXT_POS 5 Specifies the text offset.
AMT_TXT_SZ 24 Specifies the size of the text.
Color Needle AMT_NDL_CLR 0x0000FF00 Sets the needle color to green.
AMT_NDL_C_CLR 0x00FF0000 Sets the needle center color to red.
Color Panel AMT_PNL_CLR 0x001F1F1F Sets the panel color to dark gray.
AMT_FRM_CLR 0x003F3F3F Sets the frame color to dark gray.
Color Scale AMT_TXT_CLR 0x0000FF00  Sets the text color to green.
AMT_SCL_BK_CLR 0x003F3F3F Sets the scale background color to dark gray.
AMT_SCL_AREA_CLR 0x00DF0000 Sets the scale area color to red.
AMT_SCL_TCK_CLR 0x00FFFFFF Sets the tick color to white.

DownloadDownload sample project & program (for GT Design Studio & Arduino)

Conclusion

This article demonstrated how to customize the GT-SP analog meter through property settings. By organizing properties into groups such as shape, angles, colors, and scales, we showcased that design adjustments can be made effortlessly by modifying the necessary items.

These settings are simple and intuitive, enabling diverse customization options without the need for background images.

In the next article, we will discuss how to decorate the analog meter using background images, implement alert displays, and manage circular adjustments effectively.