KS0454 keyestudio Circular TFT LCD Smart Watch Display Module: Difference between revisions
Keyestudio (talk | contribs) |
Keyestudio (talk | contribs) |
||
Line 77: | Line 77: | ||
<br> | <br> | ||
Debugging method: | '''Debugging method:'''<br> | ||
1.Adjust the color: | '''1.Adjust the color:''' <br> | ||
currently define 19 commonly used colors, so you can direct to change the color name. For example: change the display color ORANGE into GREEN. | currently define 19 commonly used colors, so you can direct to change the color name. <br> | ||
Just change tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE); | For example: change the display color ORANGE into GREEN. <br> | ||
into tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_GREEN); | Just change <span style="color:red"> tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE); </span> <br> | ||
into <span style="color:red"> tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_GREEN); </span> <br> | |||
We can also define the 4-bit hexadecimal or decimal (0~65535) color code to change the background color of the screen. | <br> | ||
Note: refer to the Hexadecimal color code; not all colors can be displayed. | We can also define the 4-bit hexadecimal or decimal (0~65535) color code to change the background color of the screen.<br> | ||
Like change tft.drawTriangle(-20, -50, 0, 0, 50, 20, 0x000099FF); | Note: refer to the Hexadecimal color code; not all colors can be displayed. <br> | ||
into tft.drawTriangle(-20, -50, 0, 0, 50, 20, 39423); | Like change <span style="color:red"> tft.drawTriangle(-20, -50, 0, 0, 50, 20, 0x000099FF); </span> <br> | ||
Convert hexadecimal number into decimal number, in the range of 0~65535, can display the corresponding color. | into <span style="color:red"> tft.drawTriangle(-20, -50, 0, 0, 50, 20, 39423); </span><br> | ||
Convert hexadecimal number into decimal number, in the range of 0~65535, can display the corresponding color. <br> | |||
<br> | |||
'''2.Set the pattern:''' <br> | |||
The coordinates are based on the center of the display, and the absolute value of the positive and negative half axes is 64. <br> | |||
<span style="color:red"> tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE); </span><br> | |||
In the code, draw a triangle with vertices of (-20, -50), (0, 0), (50, 20). <br> | |||
<br> | |||
== Test Result == | == Test Result == |
Revision as of 15:57, 12 August 2019
Overview
Keyestudio Circular TFT LCD is a 2.2-inch TFT liquid crystal display module. Its input voltage is 3.3V~-5.5V. It can display colored patterns and text.
The fastest LCD refresh on the module is about 256MS, which can realize multiple pattern loop display, and dynamic display effect.
Currently, 19 common colors are defined in the library, and users can also customize 16-bit color codes.
During the experiment, we set the coordinates to the coordinate center of the display, and the maximum absolute value of the positive and negative half axes is 64.
In order to fix on other devices, the module comes with 2 positioning holes with a diameter of 3mm.
Special Note:
The parameter 2.2" is marked according to the screen specifications provided by the screen supplier. The actual display area is approximately 1.26" (32mm in diameter).
Technical Details
- Working voltage: DC 3.3V-5.5V
- Working current: 50MA
- Maximum power: 0.5W
- Operating temperature range: -25~+60℃
- Interface: 8pin header (2.54mm pitch)
- Fixing hole diameter: 3mm
- Dimensions: 47mm*44mm*6mm
- Weight: 13.3g
- Environmental attributes: ROHS
TFT LCD Dimensions
PINOUTS
Connection
Test Code
Note: before upload the code, don’t forget to place the necessary library into Arduino IDE library directory.
Here use the Arduino IDE 1.8.7 version. Not sure whether other versions are compatible.
#include "DFRobot_ST7687S_Latch.h" #ifdef __AVR__ uint8_t pin_cs = 3, pin_rs = 5, pin_wr = 6, pin_lck = 7; #else uint8_t pin_cs = D3, pin_rs = D5, pin_wr = D6, pin_lck = D7; #endif DFRobot_ST7687S_Latch tft(pin_cs, pin_rs, pin_wr, pin_lck); void setup(void) { Serial.begin(115200); tft.begin(); tft.fillScreen(DISPLAY_WHITE); } void loop(void) { tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE); //draw triangle delay(1000); tft.fillTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE); //fill triangle with color delay(1000); tft.fillScreen(DISPLAY_WHITE); }
Debugging method:
1.Adjust the color:
currently define 19 commonly used colors, so you can direct to change the color name.
For example: change the display color ORANGE into GREEN.
Just change tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE);
into tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_GREEN);
We can also define the 4-bit hexadecimal or decimal (0~65535) color code to change the background color of the screen.
Note: refer to the Hexadecimal color code; not all colors can be displayed.
Like change tft.drawTriangle(-20, -50, 0, 0, 50, 20, 0x000099FF);
into tft.drawTriangle(-20, -50, 0, 0, 50, 20, 39423);
Convert hexadecimal number into decimal number, in the range of 0~65535, can display the corresponding color.
2.Set the pattern:
The coordinates are based on the center of the display, and the absolute value of the positive and negative half axes is 64.
tft.drawTriangle(-20, -50, 0, 0, 50, 20, DISPLAY_ORANGE);
In the code, draw a triangle with vertices of (-20, -50), (0, 0), (50, 20).
Test Result
Done uploading the code, TFT LCD will display the pattern. In the code, draw a triangle with vertices of (-20, -50), (0, 0), (50, 20), with orange border, and fill it with orange.
Resource
- Download all the relevant info from the link:
https://drive.google.com/open?id=1EEcWYxzR2m1mInELkQ8MniG1_W4ca0HE
Buy from