ER-TFT028A2-4-5465 Applicaton Note
URL:
buydisplay.com
EastRising
ER-TFT028A2-4-5465
Application Note
EastRising Technology Co., Limited
.
REV
Description
Release Date
1.0
Preliminary Release
Nov-24-2022
Page 1: ...w buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 1 of 187 buydisplay com EastRising ER TFT028A2 4 5465 Application Note EastRising Technology Co Limited REV Description Release...
Page 2: ...e Display Setting 36 3 2 1 Single Multi Picture Setting 80h 36 3 2 2 Scroll Picture in Loop Setting D8h D9h 37 3 2 3 Overlap Picture Display in Loop 81h 39 3 2 4 GIF Animation Setting 88h 40 3 2 5 Dis...
Page 3: ...ommand 76 4 2 2 Dynamic Picture Setting and Display Command 78 4 2 3 Button Picture Setting and Display Command 81 4 2 4 Picture Number Display Command 85 4 2 5 Font Text Setting and Display Command 8...
Page 4: ...Make 146 4 4 5 Make Wav Bin File 149 4 4 5 1 Audio File Convert to WAV 149 4 4 5 2 Make WAV Bin File 154 4 4 5 3 Typical PWM Audio Drive Circuit 157 4 4 6 Bin File Combination 158 5 Serial Communicat...
Page 5: ...ash programmer ER TFT028A2 4 5465 can also update External SPI Flash with an SD card Then through the USB to Uart RS232 control line to simulate and pre verification Please refer to Chapter 6 for more...
Page 6: ...CRC1 B9h CRC2 Serial Uart TFT Panel will display the second picture and send back 80h 00h command executed 1Bh CRC1 98h CRC2 to Host to confirm protocol is completed As below figure shows Figure 1 6 C...
Page 7: ...re Display Single Multi Picture 80h 8Ah 8Fh Play In Loop 81h 84h GIF Animation 88h 89h Transparent Picture D8h Pop Up Picture D9h DBh Numberal Picture 90h 91h Display Button Picture Display Single But...
Page 8: ...ation Start 89h nn CRC End Start 89h nn info code CRC End Pop Up Picture Start D8h nn CRC End Start D8h nn info code CRC End Scroll Picture In Loop Start D9h nn CRC End Start D9h nn info code CRC End...
Page 9: ...play com Document Name ER TFT028A2 4 5465 Application Note Page 9 of 187 buydisplay com EastRising Ring Indicator Start DCh nn S_Angle A_Angle CRC End Start DCh nn info code CRC End QR Code Start 98h...
Page 10: ...Wav Music Play Start B8h REP Bit7 WAV No CRC End Start B8h REP Bit7 WAV No info code CRC End Stop Start B9h CRC End Start B9h 00 info code CRC End Boot Boot Start 9Ah 00 CRC End Start 9Ah 00 info code...
Page 11: ...28A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 11 of 187 buydisplay com EastRising REG Value 1 Start CFh Reg CRC End Start CFh nn info code C...
Page 12: ...nn CRC End Start E3h nn info code CRC End Hollow Ellipse Start E4h nn CRC End Start E4h nn info code CRC End Solid Ellipse Start E5h nn CRC End Start E5h nn info code CRC End Solid Ellipse With Frame...
Page 13: ...TFT028A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 13 of 187 buydisplay com EastRising Table Start F6h nn CRC End Start F6h nn info code CRC...
Page 14: ...E4 0x1B 0x11 0xEE the command information is as below Table 2 3 TFT Panel Receive Command Info Initial Code Comman d Code Serial Code No Paramete r CRC Code End Code 0xAA 1 Byte 1 Byte 1 Byte n Bytes...
Page 15: ...ck Information of TFT Panel Initial Code Command Code Serial Number Information Code CRC Code End Code 0xAA 1 Byte 1 Byte Normal Command 1 Byte BFh Command 47 Bytes 1Byte 0x00 Command executed 0x01 Co...
Page 16: ...2 Byte CRC codes and 4 Byte end codes int main void char c 80 00 Send 80h command and 00 serial number Send c while 1 unsigned short Rx_CRC_CCITT unsigned char puchMsg unsigned int usDataLen generate...
Page 17: ...f j c i ASCII direct output i j else if C_flag 2 C_flag 0 i if C_flag 0 if c i break if c i 0x30 c i 0x39 0 9 Sendbuff j c i 0x30 4 i if c i 0x30 c i 0x39 Sendbuff j c i 0x30 i j else if c i 0x41 c i...
Page 18: ...j 0 printf s r n Sendbuff CRC header and end Send_CRC Rx_CRC_CCITT Sendbuff j Sendbuff j Send_CRC 8 0xff Sendbuff j 1 Send_CRC 0xff for i 0 i j 2 i Sendbuff j 2 i Sendbuff j 1 i Sendbuff 0 0xAA Sendbu...
Page 19: ...ture text configuration data and other information used by the TFT panel according to the customer s needs and generate a BIN file Customers can use UI_Editor to create a UI interface simply and quick...
Page 20: ...according to their needs The details of various function keys as follows 1 add picture button 2 add Button button 3 add GIF button 4 add number button graphic 5 add number button graphic 6 add text b...
Page 21: ...of 187 buydisplay com EastRising There are several folders at the same level as the UI_Editor tool and their functions are shown below FONT folder store the fonts to be used PICFILE folder store the...
Page 22: ...uydisplay com EastRising The function of folders under PROJECT folder as below BINFILE store complied Bin files its where files UserInfo and UartTFT_Flash stored COMMANDFILE store project storage file...
Page 23: ...e project as a mainControlFiles xml file in the COMMANDFILE folder of a time named folder in PROJECT The project can be reloaded by opening the maincontrolfiles xml in the COMMANDFILE folder in the ti...
Page 24: ...ur simulation tool UI_Emulator to run the pre validation In development state try to avoid repeated programming the UartTFT_Flash bin file into SPI Flash to effect development efficiency The UI_Editor...
Page 25: ...T028A2 4 5465_UI_Editor_Demo_240x320 rar from the buydislay com 3 1 2 Panel Initialize and Background Setting Open UI_Editor Figure 3 8A Open UI_Editor There are two ways to create a new project Metho...
Page 26: ...Method 2 The length and width of the screen can be changed by modifying the number on the right part of screen Each time the number has been modified and you have to press Enter to confirm otherwise...
Page 27: ...the entire screen box can be dragged to any position and placed in a position where the field of view is suitable When the button is clicked again the screen box selection function is canceled Now th...
Page 28: ...tRising After the screen box is initialized the screen box shows a main layer by default We can add layers by right clicking in the main layer and select option Add New Page Figure 3 13 Add Layer If t...
Page 29: ...w independent picture then select a picture and click Open Figure 3 15 New Independent Layer If you need to change the background picture of the layer first select the layer you want to change click o...
Page 30: ...Application Note Page 30 of 187 buydisplay com EastRising When there are multiple layers you can show and hide the current layer by selecting the small squares in front of the layer In the current la...
Page 31: ...the left mouse button and then right click Remove to remove the Button You can also use right click to select the Button on the left of the interface for deletion Figure 3 18 Delete Control Button Th...
Page 32: ...ight before copying The status changes to false and the control to be copied is selected Right click on Clone and select Clone to generate the same control in the same place Figure 3 20 Generate an Ne...
Page 33: ...g All add delete edit functions can be performed normally Figure 3 22 Editable Status As shown in the figure below it indicates that the interface is currently in debugging state and cannot be edited...
Page 34: ...cument Name ER TFT028A2 4 5465 Application Note Page 34 of 187 buydisplay com EastRising 3 1 5 Compile and Generate Bin File When the UI interface design was done press the Build All button to compile...
Page 35: ...uydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 35 of 187 buydisplay com EastRising If you want to know the path where the BIN file was just generated you can click on the BIN but...
Page 36: ...cture is selected If the picture cannot be selected the square white line box does not appear you can click the item in the item bar to select the corresponding picture Once is picture is added user c...
Page 37: ...irection you want fill in the time interval unit is 10ms for scrolling and press the OK button Figure 3 29 Scroll Picture Setting Scroll Picture in Loop D9h Scrolling picture in loop is to realize one...
Page 38: ...ER TFT028A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 38 of 187 buydisplay com EastRising Figure 3 31 Set Scroll The Second Picture...
Page 39: ...0ms For example picture A and picture B are to be displayed in loop at intervals of 2500ms You should set 1 and 25 in the 81h command operation box of picture A and press the OK key Set 1 and 25 at th...
Page 40: ...the small demo window is the setting box in 10ms of the GIF playback interval LOOP is to decide if pay GIF in loop At this time the confirmation setting button of the 81h command is changed to the GIF...
Page 41: ...licable for fixed text only Click the Text button then pull a box in the screen a setting box will pop up Enter the text and choose your favorite font and size you can change the color and background...
Page 42: ...nment of the numbers left or right can be set If select Alignment stands for left alignment if not select stands for right alignment After the setting is completed adjust the number box to just displa...
Page 43: ...n pop up a setting box The text in this setting box cannot be changed only the alignment of the numbers left or right can be set If select Alignment stands for left alignment if not select stands for...
Page 44: ...e Figure 3 37 Font Text Setting Click the Font button then click on the screen and the settings box will pop up including settings for background color font color font alignment etc are the same as th...
Page 45: ...bottom of the screen and it will only be available when the button picture is selected Click the command inputs area of the first group a command has two grids utmost 8 commands can be executed and se...
Page 46: ...e URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 46 of 187 buydisplay com EastRising Figure 3 39 Set The Command To Be Executed When The Button Pressed Figure 3 40 Confi...
Page 47: ...following examples assume that the Button already exist 1 First click mainLayer in the upper left corner At this time there will be 8 groups of pre selected commands to be sent during boot time Figur...
Page 48: ...licaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 48 of 187 buydisplay com EastRising 3 Boot picture setting as below selected command User Command Figure 3 43...
Page 49: ...d 9A 00 is power on command it also can be set to execute multiple group command such as commands 9A 01 9A 02 Users can directly output 9A 01 9A 02 from the serial port to control the other commands t...
Page 50: ...This progress bar function is similar to the pointer The information sent by the host computer can change the display length of the progress bar Figure 3 45 Click Progress Bar Indicator 1 Click the pr...
Page 51: ...host computer is connected to the TFT panel the starting angle and the rotation angle of the ring can be changed by sending command and displayed on the TFT panel accordingly The direction of rotatio...
Page 52: ...on Hollow Command Solid Command Solid With Frame Command Ring DCh Circle E1h E2h E3h Ellipse E4h E5h E6h Rectangle E7h E8h E9h Rounded Rectangle EAh EBh ECh Triangle EDh EEh EFh Cylinder F4h draw ring...
Page 53: ...he thickness of the frame can be adjusted To change the color of the frame just click on the frame color option and choose a favorite color To adjust the internal color you can change the value of RGB...
Page 54: ...click Cylinder button click on the screen a cylinder will appear change the three points on the cylinder to change the shape of the cylinder The ER TFT028A2 4 5465 Uart TFT Panel only supports solid c...
Page 55: ...djusted by using N Col and N Row in the Properties2 column on the right Each parameter of the table can be set in Properties2 You can change the direction of the project table horizontal vertical by M...
Page 56: ...sing 3 3 Other Functions 3 3 1 Backlight Control Command BAh The BAh command list is at the bottom of the instruction option as shown in the following figure Figure 3 61 Backlight Control BAh Command...
Page 57: ...d of the host This command does not need to be set in the UI_Editor programming software Table 3 2 Resistive Panel Control Command Command Function Code No Parameter Description Check Resistive Panel...
Page 58: ...ion BFh Read ER TFT028A2 4 5465 TFT panel version information MCU Code version 5Bytes TFT module 42Bytes When the UART transmits the command BEh to TFT panel if the TFT panel is initialized or in the...
Page 59: ...T028A2 4 5465 Application Note Page 59 of 187 buydisplay com EastRising 3 3 4 Description of Font File Font file saved in the path UI_Editor_V1 0 FONT The content of the fontList txt file is sorted by...
Page 60: ...ontrol B8h UI_Editor will generate a B8h Command for each of the three WAV audio files under UI_Editor SOURCE WAV open the Command and connect the serial port Click the SEND key corresponding to the B...
Page 61: ...e time and date After selecting a suitable font the UI will automatically obtain the current information of the system When the time and date are displayed at the same time the time coordinates can be...
Page 62: ...to register CBh 00h points to register 00 CCh This instruction is to write the register CCh 01h and CBh 00h are used together to write the value 01 to the register 00 at this time 00 becomes 01 CDh T...
Page 63: ...et the communication parameters of the TFT panel and the host computer Open the parameter settings by clicking the INFO button in the UI_Editor After setting click the INI SAVE button to confirm the s...
Page 64: ...nd with value the Value box will have a default value which can be changed to achieve other effects Press the SEND button to send a command to TFT panel Figure 3 71 Command Sent To TFT Panel Once the...
Page 65: ...ame ER TFT028A2 4 5465 Application Note Page 65 of 187 buydisplay com EastRising Figure 3 72 Exported Command Table Figure 3 73 First Mainlayer Picture When the host send command 80h 31h 1Bh CRC1 98h...
Page 66: ...9h nn Cancel Display GIF 88h Command 8Bh Perform resistive panel verification 90h nn ddd d Display picture number 91h nn ddd d Display picture number 98h nn String Display QR Code 9Ah nn Execute multi...
Page 67: ...E1h nn Display hollow circle E2h nn Display solid circle E3h nn Display solid circle with frame E4h nn Display hollow ellipse E5h nn Display solid ellipse E6h nn Display solid ellipse with frame E7h...
Page 68: ...Info bin file needs to be updated The size of the UserInfo bin file is fixed at 128Kbytes Therefore you can use the USB to RS232 cable to update quickly in the UI_Editor environment without using SPI...
Page 69: ...tor_Vx_x_x from the our website www buydisplay com and unzip the file 2 Download UI_Editor examples such as ER TFT028A2 4 5465_UI_Editor_Demo_240x320 rar then decompress and open the compression packa...
Page 70: ...028A2 4 5465 Application Note Page 70 of 187 buydisplay com EastRising 4 Execute UI_Editor then open the menu option and click Load Figure 3 80 Open Menu And Click Load 5 Open the COMMANDFILE in the f...
Page 71: ...is shown below Figure 4 1 Graphic Integration Compiler Diagram At first user prepares the picture font or GIF file used by the TFT panel and then start editing the command file UartTFT ini After editi...
Page 72: ...Application Note Page 72 of 187 buydisplay com EastRising Figure 4 2 Graphic Integration Compiler UartTFT_Tool Exe User may refer to our program demo ER TFT028A2 4 5465_UartTFT_Tool_Demo_240x320 rar...
Page 73: ...ze VBPD 23 Vsync Back Porch VFPD 22 Vsync Front Porch VSPW 3 Vsync Pulse Width HBPD 46 Hsync Back Porch HFPD 210 Hsync Front Porch HSPW 20 Hsync Pulse Width PCLKRISING 1 0 Panel fetches XPDAT at XPCLK...
Page 74: ...e 80h 01 CRC 2Bytes End 4Bytes then the picture 1 will be displayed at 50 30 immediately and picture 2 will be displayed at 50 150 immediately in PNG form For example 88h 00 1 20 180 GIF0 0 display GI...
Page 75: ...10 20 100 0xFF5500 0xEE3355 1 1 0 1 display C0h String at 10 20 with Font 1 IntF 1 FC 0xFF5500 BC 0xEE3355 HS 1 VS 1 opaque aligned The 100 is the width of text window C1h 00 1 10 80 100 0xFF5500 0xEE...
Page 76: ...ing Command Command Function Code No Command Parameter Command Description Set to Display Multi picture 80h nn Paa 2 PNGaa 1 Xaa 2 Yaa 2 Pbb PNGbb Xbb Ybb Pcc PNGcc Xcc Ycc Display picture P at X Y po...
Page 77: ...No Command Parameter Command Description Display Picture on Panel Directly 8Fh nn X 2 Y 2 PNG 1 Pnn 2 Display picture P at X Y position PNG 1 means the background is transparent PNG file PNG 0 is not...
Page 78: ...1 means background is transparent PNG PNG 0 is not Each code support upto 10 pictures Cancel 81h Command 84h nn Cancel the 81h command that display overlap picture Display GIF Animation setting 88h nn...
Page 79: ...nd Example When the host transmits display command 84h 00 to TFT panel then the original 81h 00 display picture will be canceled The above command 88h in table 4 2 which support GIF animation function...
Page 80: ...ting command is compiled the Host sends the display commands 88h and 00 to TFT Panel through UART then the GIF 1 will be displayed in loop at 50 100 If user want to play GIF animation one time send be...
Page 81: ...A1h nn Cancel the A0h command For examples input below command in UartTFT ini 80h 01 3 0 180 20 display P3 at 180 20 88h 00 3 50 100 Gif 1 display GIF 1 at 50 100 with speed 30ms A0h 00 7 1 50 50 0x80...
Page 82: ...ition is released 10 Byte feedback messages are also responded to The difference is that the status feedback code is 0x30 Please refer to Section 2 2 Host and Serial Uart Panel Protocol Table 4 4B The...
Page 83: ...show P3 88h 00 1 3 100 200 Gif 1 at 100 200 show GIF 1 30ms A2h 00 100 100 200 75 0x80 0x01 0x88 0x00 setup a 200 75 virtual area at 100 100 When touch pressed it will execute command 80h 01 and 88h 0...
Page 84: ...pressed the status feedback code is 0x31 As shown in the format table below Table 4 5B The Feedback Information of Press Button Initial Code Command Code Serial Number Feedback Code CRC Code End Code...
Page 85: ...ound color is Color F the background color is Color B the display direction is Dir 0 left 1 right where PT stands for ID of picture number EN B 0 means the background is transparent and EN B 1 means t...
Page 86: ...position 100 240 with the foreground color as 0x03 blue Since EN B 1 means to remove the background transparent so the set background color 0xE3 red will not show Figure 4 8B Picture Number Example Th...
Page 87: ...T028A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 87 of 187 buydisplay com EastRising Figure 4 9B Customized Picture Number Example of 91h Com...
Page 88: ...ifications are Size H and Size V respectively Transparency 0 opaque 1 transparent Alignment 0 not aligned 1 aligned The W is the width of text window Display Font 2 Text Setting C1h nn F02 1 X 2 Y 2 W...
Page 89: ...Color 3 Draw a circle point with a color Type 0 or a square point Type 1 When drawing a circle R represents the radius and a square point R represents the width Input below command in UartTFT ini DFh...
Page 90: ...Command Parameter Command Description Draw Hollow Circle E1h nn X 2 Y 2 R 2 Color 3 Draw a hollow circle around X Y as the center R radius color circle color Draw Solid Circle E2h nn X 2 Y 2 R 2 Colo...
Page 91: ...lor ellipse color Draw Solid Ellipse E5h nn X 2 Y 2 X R 2 Y R 2 Color 3 Draw a solid ellipse around X Y X R X radius Y R Y radius Color ellipse color Draw Solid Ellipse With Frame E6h nn X 2 Y 2 X R 2...
Page 92: ...anel the TFT will display the hollow circle solid circle solid circle with frame of the specified color at the position from 40 40 120 40 200 40 When the UART serial port transmits the display command...
Page 93: ...ommand Parameter Command Description Draw A Line E0h nn X1 2 Y1 2 X2 2 Y2 2 Color 3 Width 1 Draw a line from X1 Y1 to X2 Y2 Width line width Color line color For example input below command in UartTFT...
Page 94: ...nd Description Draw Hollow Rectangle E7h nn X1 2 Y1 2 X2 2 Y2 2 Color 3 Use X1 Y1 X2 Y2 as diagonal and draw a hollow rectangle color rectangle color Draw Solid Rectangle E8h nn X1 2 Y1 2 X2 2 Y2 2 Co...
Page 95: ...rectangle X R X radius Y R Y radius Color rectangle color Draw Solid Rounded Rectangle EBh nn X1 2 Y1 2 X2 2 Y2 2 X R 2 Y R 2 Color 3 Use X1 Y1 X2 Y2 as diagonal and draw a solid rounded rectangle X R...
Page 96: ...the TFT will display respectively a hollow rectangle a solid rectangle and a solid rectangle with a specified color at the positions of 42 25 and 80 105 2 diagonals 120 25 and 158 105 2 diagonals 200...
Page 97: ...w Hollow Triangle EDh nn X1 2 Y1 2 X2 2 Y2 2 X3 2 Y3 2 Color 3 Draw a hollow triangle with X1 Y1 X2 Y2 X3 Y3 as the diagonal color triangle color Draw Solid Triangle EEh nn X1 2 Y1 2 X2 2 Y2 2 X3 2 Y3...
Page 98: ...d in UartTFT ini EDh 00 80 25 40 105 120 105 0x00F800 EEh 00 160 25 120 105 200 105 0x00F800 EFh 00 240 25 200 105 280 105 0x00F800 0x00001F When the host transmits the display commands EDh 00 EEh 00...
Page 99: ...Y as the bottom center draw a cylinder X R X radius of bottom circle Y R Y radius of bottom circle Height cylinder height Color frame color Color F solid color Width frame width Draw Table Window F6h...
Page 100: ...h 00 256 148 35 20 110 0x00F800 0x00001F 3 F6h 00 20 25 35 15 5 6 0x00F800 0x0007E 0x00001F 2 4 0 When the UART transmits the display command F4h 00 to TFT panel the TFT will display the table window...
Page 101: ...1 2 CM2 NU2 CM3 NU3 CM4 NU4 CM5 NU5 CM6 NU6 CM7 NU7 CM8 NU8 Set the command to be executed after booting the command can be executed upto 8 group When the 9Ah 00 commands are set in the command file U...
Page 102: ...ription Multi Commands Groupping 9Ah nn CM1 2 NU1 2 CM2 NU2 CM3 NU3 CM4 NU4 CM5 NU5 CM6 NU6 CM7 NU7 CM8 NU8 nn 00 This instruction is combined as a command and can execute up to 8 sets of commands at...
Page 103: ...scroll direction 0 up 1 down 2 left 3 right Speed speed of appearance unit 10ms Cancel Scroll Multiple Picture In Loop DBh nn Cancel theD9h command that display Multiple Picture In Loop For example in...
Page 104: ...If the main system passes the display command DBh and 00h to the serial TFT panel through the UART serial port then the original D9h 00h display of the picture roll will be canceled Note Pop up pictur...
Page 105: ...th circular width Color circular color Speed display speed unit1ms Angle circular angle Display the Arc DCh nn S_Angle 2 A_Angle 2 Display the Arc set above S_Angle represents the initial angle A_Angl...
Page 106: ...ccording to Length and Color2 Length length of the base image Color2 base image color Value Color1 Color2 Width Length Display The Progress Bar B0h nn Value 2 Bytes For examples input below command in...
Page 107: ...x80 0x05 0x80 0x05 is the command to display picture and need to set in command file 80h 05 6 0 80 80 display P6 background picture at 80 80 After the compilation is completed the host transmits the c...
Page 108: ...program software Table 4 20 Resistive Panel Control Command Command Function Code No Command Parameter Command Description Conduct Verification On Panel 8Bh Conduct verification on four corners of re...
Page 109: ...epresents the brightness 00 1Fh which is hexadecimal unit of 1 Byte the larger the value the brighter the backlight Panel Display On Off BCh 0 1 0 Display Off 1 Display On The backlight brightness adj...
Page 110: ...Panel Version BFh Read ER TFT028A2 4 5465 TFT panel version information MCU Code version 5Bytes TFT module 42Bytes When the UART transmits the command BEh to the TFT panel if the TFT panel is initiali...
Page 111: ...01 ST 0x02 STC 01 EastRising 14 Part Number 0x00 7680A 0x01 7680B 0x02 7681 0x03 7683 0x04 7686 0x05 7688 0x06 268A 0x07 268B 06 ER TFT028A2 4 5465 15 Communication Port MCU to LTx68 I F 0x00 8080 8 0...
Page 112: ...ontal magnification 1 32 Send QR Code Data 98h nn String According to the magnification set by Code 98h the character string is converted into a two dimensional code image and displayed at the X Y pos...
Page 113: ...iles via PWM2 WAV the number of the Wav file 0x00 0x7F Bit7 is used to control whether to play in loop Bit7 0 play once Bit7 1 loop play Stop Playing Wav B9h Stop playing Wav music file The audio comm...
Page 114: ...mmand Function Code No Command Parameter Command Description Setup RTC Information 8Ch Y 1 M 1 D 1 H 1 M 1 S 1 W 1 Host setup the RTC information year month day hour time minute mi nute week and total...
Page 115: ...is displayed when Flag D 0 the date is not displayed PNG 2 means that the background is transparent hardware Png image file PNG 1 means that the background is transparent software Png image file and...
Page 116: ...command the host system or main board transmits the display command 92h 00 to the TFT serial screen through the UART serial port then the position on the TFT will start from 100 60 according to the fi...
Page 117: ...n to execute other commands according to the contents of the register Setting Register CBh Reg Set the pointed register Reg 00 FF Data Input CCh Data Write the data Data into the current register Befo...
Page 118: ...in the 100 100 coordinate image CEh 00 Add one to the data in the 00 register so the data in the 00 register becomes 03 CAh 00 Execute 9A 03 because the 00 register data has become 03 so the 9Ah 03 in...
Page 119: ...Pbb Pcc Display Over Lap Picture In Loop Setting 81h nn Display Over Lap Picture In Loop 84h nn Cancel command 81h 88h nn Delay X Y GIF Display GIF Picture Setting 88h nn Display GIF Picture 89h nn C...
Page 120: ...nd Relate Function A2h nn X Y Width Height CM1 NU1 CM2 NU2 CM3 NU3 CM4 NU4 CM5 NU5 CM6 NU6 CM7 NU7 CM8 NU8 ID Status Setup Virtual touch area A2h nn Show Virtual touch area A3h nn Cancel Virtual Touch...
Page 121: ...Picture DCh nn X Y R Width Color Speed Set Ring Indicator DCh nn S_Angle A_Angle Display Ring Indicator DFh nn Type R Color Set To Draw A Point DFh nn X Y Display A Point E0h nn X1 Y1 X2 Y2 Color Widt...
Page 122: ...tangle EAh nn Display Hollow Rounded Rectangle EBh nn X1 Y1 X2 Y2 X R Y R Color Set To Draw Solid Rounded Rectangle EBh nn Display Solid Rounded Rectangle ECh nn X1 Y1 X2 Y2 X R Y R Color Color F Widt...
Page 123: ...e At the same time users are advised to prepare the materials according to the required functions and TFT panel size because these pictures animation files text files sound files etc are stored in SPI...
Page 124: ...ters other areas are data such as pictures animation files text files and sound files If you just modify the Command parameter when Make Bin the UartTFT_Flash bin file and the UserInfo bin file will b...
Page 125: ...les for Wav files ER TFT028A2 4 5465 boot programs graphic cursor by this tool then integrate these Bin files to generate one Bin file that can be Programmed to external SPI Flash At the same time the...
Page 126: ...s completed with the text editing software the command compiler program in UartTools can be executed First insert EastRising special USB encrypt execute UartTFT_Tool exe and then click UartTFT to ente...
Page 127: ...onts bin file etc Users can place Bin files under the same folder select any bin file UartTools will automatically capture all Bin files Figure 4 28 Capture All Bin File 4 UartTools will automatically...
Page 128: ...edge 1 falling edge HSYNCPolarity 0 0 Low active 1 High active VSYNCPolarity 0 0 Low active 1 High active DEPolarity 1 0 Low active 1 High active RGBSequence RGB 000b RGB 001b RBG 010b GRB 011b GBR 1...
Page 129: ...5 26 27 28 29 30 31 32 33 34 Show 0 9 81h 02 8 56 172 0 35 36 37 38 39 40 41 42 43 44 Show 0 9 81h 03 6 50 98 0 19 20 21 22 23 24 Show Fun1 6 88h 00 1 1 20 80 GIF0 Show GIF 90h 00 PT0 10 100 0 0x03 0x...
Page 130: ...display com EastRising 5 Click Make Bin to compile after compile completed it will create two file UserInfo bin and UartTFT_Flash bin user need to save it in appointed folder Figure 4 31 Save UserInfo...
Page 131: ...7 User can use the editor window of Command List to modify store the command file UartTFT ini or modify via outside file editor after modification click Input Command List to re read the command file...
Page 132: ...465_UartTFT_Tool Demo from our website for testing The detail about UartDebug tool you can refer to Chapter 5 Remark UartTFT_Flash bin file is bigger its main content is picture font GIF and command f...
Page 133: ...of the ER TFT028A2 4 5465 through DMA transfer This can reduce the burden on the MCU to transfer image data This function can be used to convert the picture to a Bin file first and then pre Programmed...
Page 134: ...ocument Name ER TFT028A2 4 5465 Application Note Page 134 of 187 buydisplay com EastRising 2 Click Input Picture button select the picture you need and open then you can add all pictures under this fo...
Page 135: ...t picture setting user can select 16bpp 24bpp Black_White RGB BGR format Note if user wants to make Black_White format picture bin file the source picture file must be only black and white Figure 4 40...
Page 136: ...T028A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 136 of 187 buydisplay com EastRising 5 Export picture Bin file succeed Figure 4 43 Export Su...
Page 137: ...e URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 137 of 187 buydisplay com EastRising 6 When picture exported you can find the Picture1 bin file in appointed folder Figu...
Page 138: ...GIF file into many pictures and then store the pictures in the built in display memory of the ER TFT028A2 4 5465 through DMA transfer so that the animation effect can be achieved Users can use UartTo...
Page 139: ...cument Name ER TFT028A2 4 5465 Application Note Page 139 of 187 buydisplay com EastRising 2 Click Input Picture button select the GIF picture required and open then you can add all GIF pictures under...
Page 140: ...4 5465 Application Note Page 140 of 187 buydisplay com EastRising 3 GIF export setting user can select 16bpp or 24bpp RGB or BGR Figure 4 48 Export Format Setting 4 Export single GIF or all GIF Note t...
Page 141: ...ER TFT028A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 141 of 187 buydisplay com EastRising Figure 4 51 Export Succeed...
Page 142: ...n Note Page 142 of 187 buydisplay com EastRising 7 Once GIF is exported you can find the load bin and txt file in appointed folder Figure 4 52 Exported GIF Bin File In txt file you can find the inform...
Page 143: ...Bin file and then store the font data in the built in display memory of the ER TFT028A2 4 5465 through DMA transfer To display Chinese on the TFT panel the MCU only needs to send GB code 2 Bytes to di...
Page 144: ...t Font button user can set form style size press OK to confirm Figure 4 55 Select Font 3 There are five font size 16 16 24 24 32 32 48 48 72 72 and user can set font horizontal left center right and v...
Page 145: ...5465 Application Note Page 145 of 187 buydisplay com EastRising 4 Click Make Bin to export Bin file of font Note the file name cannot include special character for example Figure 4 57 Save Font When...
Page 146: ...latively large and occupy much space of Flash the PC software provides the function of custom font library so user can prepare the texts to be called in advance as per demand and packed these texts in...
Page 147: ...ication Note Page 147 of 187 buydisplay com EastRising 2 Store the text to be called in a notebook in advance Figure 4 61 Store Text 3 Select a folder to save the user define font name the font and sa...
Page 148: ...splay com Document Name ER TFT028A2 4 5465 Application Note Page 148 of 187 buydisplay com EastRising Figure 4 63 Font Making Succeed 4 After completed you can find the exported Font_48_48 bin file in...
Page 149: ...5 1 Audio File Convert to WAV 1 If the audio material format is not the WAV format you need to obtain the WAV format file by format conversion The following is the operation of the Format Factory fre...
Page 150: ...File 3 Click the export Configuration button to set the audio The sampling rate can be 11025 or 22050 Due to the low cost power amplifier solution and in order to save storage space it is recommended...
Page 151: ...ER TFT028A2 4 5465 Applicaton Note URL www buydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 151 of 187 buydisplay com EastRising Figure 4 69 Enter Edit Function...
Page 152: ...lay com EastRising Edit the audio user can adjust the volume and capture the clips After the edit is complete click the OK button to save Figure 4 70 Edit Interface 5 Click the Change button in the lo...
Page 153: ...TFT028A2 4 5465 Application Note Page 153 of 187 buydisplay com EastRising 6 Click the Start button to start the conversion After the conversion is complete you can view the exported WAV file in the a...
Page 154: ...lication Note Page 154 of 187 buydisplay com EastRising 4 4 5 2 Make WAV Bin File 1 Click UartTFT_Tool menu WAVTool to open WAV Bin make interface Figure 4 74 WAV Bin File Make Interface 2 Click Input...
Page 155: ...o or first use other audio software to change the sampling rate to 11025 or 22050 Figure 4 76 Add Succeed 3 Set the parameters of the bin file The Sound Channels option can be left channel right chann...
Page 156: ...com EastRising 4 Export Bin file Note that the file name cannot include special character for sample Figure 4 78 Export Bin File If the audio file does not match the bin setting parameters it will pro...
Page 157: ...5465 Application Note Page 157 of 187 buydisplay com EastRising 5 Export WAV s bin file succeed now user can find Bin file in appointed folder Figure 4 81 Export Succeed Figure 4 82 Generated Bin Fil...
Page 158: ...e SPI Flash Therefore UartTools provides a Bin file combination function that allows users to combine different Bin files into one Bin file on the PC side For detailed steps please refer to the follow...
Page 159: ...ile note that the file name cannot includes special character for example Figure 4 85 Save Combined File When shows Combine over the combination is successful and the address and size of each source f...
Page 160: ...buydisplay com EastRising 2 Generated BinFile Combine Addr txt Figure 4 87 Save File After combine completed user can find the exported BinFile Combine bin file in appointed folder and user can use P...
Page 161: ...sed to convert USB interface on PC to UART signal and send command to ER TFT028A2 4 5465 TFT panel Uart port to display different contents Click Uart Debug in UartTFT_Tool then user can open this soft...
Page 162: ...is method you need to perform the above operations every time you use the software 2 Right click on the UartDebug and click on the property in the area that pops up as Figure 5 2 click on the property...
Page 163: ...s used to store single execution command the white area on the right is used to store the loop execution command and the lower gray area is used to store the received data The small area is on the rig...
Page 164: ...ion Note Page 164 of 187 buydisplay com EastRising 5 3 Load Simulation Command 1 At first make sure PC USB convert Uart connect with the UART of ER TFT028A2 4 5465 TFT panel then click Comm Number and...
Page 165: ...plication Note Page 165 of 187 buydisplay com EastRising 2 Click the single command storage box on the left white area and then click Input Command List to select the simulation command txt that user...
Page 166: ...028A2 4 5465 Application Note Page 166 of 187 buydisplay com EastRising If user clicks Input Command List without click the command storage area at first it will pop up a notification Please select a...
Page 167: ...Command to send the command then PC will send the simulation command to TFT panel For example double click 80 01 on line 2 Figure 5 12 the TFT panel will display another picture Figure 5 13A Double cl...
Page 168: ...n Chapter 2 when the host transmits the display command to the ER TFT028A2 4 5465 TFT panel through UART port in addition to the command code serial number and command parameters user still need to ad...
Page 169: ...cation Note Page 169 of 187 buydisplay com EastRising 5 5 Send Simulation Command in Loop 1 Click the loop command store box on the right click Input Command List a new window will pop up select the l...
Page 170: ...e Page 170 of 187 buydisplay com EastRising 2 Another way to select the simulation loop command is to click the command on the left and select the loop command then an Add to Loop box pop up Click it...
Page 171: ...Page 171 of 187 buydisplay com EastRising 3 Click Start Loop then user can send simulation command in loop detail operation as below figure Figure 5 19 Send Simulation Command In Loop 4 During the pro...
Page 172: ...in the blank area below Send Now user can modify the command in bank area After modifying it press Enter to save the modification The specific operation as below Figure 5 20 Modify Command 2 Insert Co...
Page 173: ...ng 3 Select the command you want to delete then click Delete Command now the command is deleted The specific operation as below Figure 5 22 Delete Command 4 Move Up Down Command select the command you...
Page 174: ...save the command in the area as a document then click Save Command List a window will pop up Select the folder to save name the document you want to save and click Save button to save the commands in...
Page 175: ...Note Page 175 of 187 buydisplay com EastRising 5 7 Clear Command Box and Receiving Data 1 Clear command in command box select the command area you want to clear then click Clear Command it will pop up...
Page 176: ...ydisplay com Document Name ER TFT028A2 4 5465 Application Note Page 176 of 187 buydisplay com EastRising 2 Clear receiving date user just need to click Clear Receive to clear all date specific operati...
Page 177: ...28A2 4 5465 Application Note Page 177 of 187 buydisplay com EastRising 5 8 Load and Update UserInfo bin 1 after COM port is opened click Load UserInfo Bin a window will pop up select the to be loaded...
Page 178: ...28A2 4 5465 Application Note Page 178 of 187 buydisplay com EastRising 2 Once load completed click Update UserInfo bin to update the UserInfo bin as Figure 5 28 shown TFT panel will show as Figure 5 2...
Page 179: ...TFT028A2 4 5465 Application Note Page 179 of 187 buydisplay com EastRising 3 Once update completed TFT panel will display Update Complete Figure 5 30 Userinfo Bin Update Complete Note UserInfo bin is...
Page 180: ...act and generate the LT Vcom GUI file Before updating the SPI Flash or MCU program of ER TFT028A2 4 5465 TFT Panel the BUSY pin on the ER TFT028A2 4 5465 board needs to be pulled low to enter the USB_...
Page 181: ...ng The software interface as below after open COM port Figure 6 3 Main Interface If you want to update the main program of ER TFT028A2 4 5465 s internal Flash at first select the program update the ar...
Page 182: ...te MCU then it will update MCU Figure 6 5 ER TFT028A2 4 5465 Internal MCU Update The button Check MCU CRC allows you to check whether the imported file is consistent with the current MCU settings maki...
Page 183: ...FT028A2 4 5465 Application Note Page 183 of 187 buydisplay com EastRising After the programming is completed you can click Run Uart Application to reset and run the program or you can power on again t...
Page 184: ...h the bin suffix in the Flash Programming area the area in red circle and then click Update Flash to update As shown below Figure 6 8 SPI Flash Update Click Update Flash to update Flash When updating...
Page 185: ...ting small file do not choosing Erase whole flash to reduce programming time When update is done the following figure is shown Figure 6 10 Update Flash Done Currently this tool is compatible with most...
Page 186: ...isplay com Document Name ER TFT028A2 4 5465 Application Note Page 186 of 187 buydisplay com EastRising You can base on the format add the new Flash ID in Flash ini file as following figure Figure 6 12...
Page 187: ...o pull low After the TFT module is power on insert the SD card into the SD card socket on the module The ER TFT028A2 4 5465 will automatically detect and then enter the update image as following Figur...