Series: Tried Using Touch Panel TFT Display GT-SP with Arduino
Decorating the GT-SP Analog Meter with Basic Operations and Design Examples
Table of Contents
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.