Table of Contents

Advertisement

Quick Links

ER-TFT028A2-4-5465 Applicaton Note
EastRising
buydisplay.com
ER-TFT028A2-4-5465
Application Note
EastRising Technology Co., Limited
REV
Description
Release Date
1.0
Preliminary Release
Nov-24-2022
.
URL:
www.buydisplay.com
Document Name: ER-TFT028A2-4-5465 Application Note Page: 1 of 187

Advertisement

Table of Contents
loading

Summary of Contents for EastRising ER-TFT028A2-4-5465

  • Page 1 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com ER-TFT028A2-4-5465 Application Note EastRising Technology Co., Limited Description Release Date Preliminary Release Nov-24-2022 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 1 of 187...
  • Page 2: Table Of Contents

    EastRising ER-TFT028A2-4-5465 buydisplay.com Applicaton Note CONTENT Overview ....................... 5 Serial Command ....................7 2.1 Command Lists ........................7 2.2 Host and Serial Uart Panel Protocol ................8 2.3 RS-232(UART) Communication Protocol ..............14 2.4 A Program Example of Host Sends Command ............16 UI Editor (UI_Editor.exe) .................
  • Page 3 4.2.19 TFT Panel Verify Command ......................110 4.2.20 QR-Code Setting and Display Command ................112 4.2.21 Audio Control Command ......................112 4.2.22 RTC Command ..........................114 4.2.23 Digital Clock Display Command ....................115 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 3 of 187...
  • Page 4 5.8 Load and Update UserInfo.bin ..................177 MCU Code and Flash Update..............180 6.1 ER-TFT028A2-4-5465 Program Update..............180 6.2 ER-TFT028A2-4-5465 External Flash Update ............184 6.3 Use SD Card Update SPI Flash ..................187 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 4 of 187...
  • Page 5: Overview

    Before using the ER-TFT028A2-4-5465, you can use two computer tools "UartTFT_Tool.exe" and the "UI_Editor.exe" which provided by EastRising. Both tools are used to set up and display the function. This software will follow the fixed command protocol to integrate user's picture, text, animation and other messages to produce a "Bin"...
  • Page 6 MCU. For the command protocol between the Host and TFT panel, please refer to Section 2.2. The generation method of the 2-byte CRC, please refer to Section 2.3. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 6 of 187...
  • Page 7: Serial Command

    In order to allow the host to easily display pictures or information on the TFT Panel through the serial port such as UART and SPI, a serial command set is planned on the ER-TFT028A2-4-5465. Through the defined command code and parameter changing, user can change the picture on TFT Panel. EastRising provides two kinds of serial Panel development tools: UartTFT_Tool and UI_Editor.
  • Page 8: Host And Serial Uart Panel Protocol

    EastRising ER-TFT028A2-4-5465 buydisplay.com Applicaton Note 2.2 Host and Serial Uart Panel Protocol Table 2-2: Command Protocol for Host and TFT Panel Host Send Host Receive (Panel Receive) (Panel Send) Main Detail Initial Comm. Function Function In itial Comm. Comm. En d...
  • Page 9 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Ring S_Angle, info code Start Start Indicator A_Angle QR-Code Start String info code Start URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 9 of 187...
  • Page 10 Start Setup REG info code Start Start Register Write Data info code Start Data Start Read Data info code Start Start Data REG Value info code Start Start +1 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 10 of 187...
  • Page 11 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com REG Value info code Start Start URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 11 of 187...
  • Page 12 Start Start With code Frame Hollow info Start Start Triangle code Solid info Start Start Triangle code Triangle info With Start Start code Frame info Cylinder Start Start code URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 12 of 187...
  • Page 13 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com info Table Start Start code URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 13 of 187...
  • Page 14: Uart) Communication Protocol

    2.3 RS-232(UART) Communication Protocol When the main system transmits a display command to the ER-TFT028A2-4-5465 TFT panel through the UART serial port, it includes Command Code, Code Number, and Command Parameters, 1 Byte Start Code (fixed to 0xAA) and 2 Bytes, CRC Code, 4 Byte End Code (fixed to...
  • Page 15 For example, the brightness command - BAh its serial number represents the backlight brightness. The Version Check command - BFh has 47 Bytes representing Serial Uart TFT Panel information. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 15 of 187...
  • Page 16: A Program Example Of Host Sends Command

    The following is an example of a program in which the host passes a display command to the ER-TFT028A2-4-5465 serial TFT panel through the UART port. This program takes the transmission of the first picture (80h, 00h) as an example. The program will automatically add 0xAA start code, 2 Byte CRC codes and 4 Byte end codes.
  • Page 17 Sendbuff[j] = ((c[i] - 0x37)<< 4 ); i++; if(c[i]>=0x30 && c[i]<=0x39) Sendbuff[j] += (c[i] - 0x30); i++; j++; else if(c[i]>=0x41 && c[i]<=0x5A) Sendbuff[j] += (c[i] - 0x37); i++; j++; URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 17 of 187...
  • Page 18 Sendbuff[0] = 0xAA; Sendbuff[j+3] = 0xE4; Sendbuff[j+4] = 0x1B; Sendbuff[j+5] = 0x11; Sendbuff[j+6] = 0xEE; j+=7; for(i = 0; i < j; i++) USART_DATA(USART0) = (uint8_t) Sendbuff[i]; while(usart_flag_get(USART0, USART_FLAG_TBE)==0){}; URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 18 of 187...
  • Page 19: Ui Editor (Ui_Editor.exe)

    3. UI Editor (UI_Editor.exe) 3.1 UI_Editor Introduction “UI_Editor.exe” is a graphic UI compiler for panels provided by EastRising. Its function is to package the picture, 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 quickly, and then Programming the generated BIN file into SPI Flash.
  • Page 20 Draw line, triangle, cylinder Retraction operation and recovery operation button (button not available when there is no operation ) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 20 of 187...
  • Page 21  FONT folder : store the fonts to be used  PICFILE folder: store the picture files to be used  PROJECT: backs up each saved and built project file Figure 3-2: UI_Editor Directory Archive URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 21 of 187...
  • Page 22  BINFILE: store complied Bin files, its where files UserInfo and UartTFT_Flash stored.  COMMANDFILE: store project storage file  PICFILE: store compiled graphic files  SRCPIC: store graphic files before compiling Figure 3-3: Directory Under PROJECT Folder URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 22 of 187...
  • Page 23 Use the “save” button will save the project as a mainControlFiles.xml file in COMMANDFILE folder under PROJECT subordinate. Use the “Load” function to find the mainControlFiles.xml file in the COMMANDFILE folder and you can reload the project. Figure 3-5: UI_Editor Reload Project File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 23 of 187...
  • Page 24: Ui_Editor Design Flow

    Design Verify:Use UI Editor’s Command or UI Open UI Editor' s Command to Verify Emulator to Verify. Design Complete? Implant the Host’s program with instruction format Use Host to Verify Figure 3-6: UI_Editor Design Flow URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 24 of 187...
  • Page 25: Panel Initialize And Background Setting

    ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com For the ER-TFT028A2-4-5465 UI_Editor development environment, users can download the ER-TFT028A2-4-5465 UI_Editor demo case "ER-TFT028A2-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: Method 1: First select “New Project (1)”...
  • Page 26 240, then press Enter to confirm; next, change H to 320 and press Enter to confirm. The panel size can be set at any time. Make sure that the set panel size is correct when you design the UI. Figure 3-10: Panel Resolution Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 26 of 187...
  • Page 27: Display Setting

    Now the background image unable to change, and the screen box cannot be dragged. Figure 3-11: Drag Screen Box To Any Position Figure 3-12: Cancel Screen Box Selection 3.1.3 Display Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 27 of 187...
  • Page 28 Figure 3-13: Add Layer If the created layer share the same picture with the main layer, click “Cancel” on this interface. Figure 3-14: New Layer And Main Layer Are The Same URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 28 of 187...
  • Page 29 "DrawMode", then click on "LCDPage", then double-click the thumbnail display box to select the layer background according to your demand. Figure 3-16: Change Layer Background URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 29 of 187...
  • Page 30 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 layer, right-click on the layer to delete or move the layer. Figure 3-17: Delete Or Move Layer URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 30 of 187...
  • Page 31: Interface Edit And Debug

    Mode one: As shown in the following figure, click left mouse button and then right button selects "Clone" to generate a same control Button but different location. Figure 3-19: Generate an New Control Button URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 31 of 187...
  • Page 32 Mode 2: At first use the left mouse button to select the Button, and right-click to select "Copy". Then right button to selects "Paste" to copy the Button. Figure 3-21: Copy to Generate Button URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 32 of 187...
  • Page 33 Select the corresponding button right click, this time will pop up the relevant command, and what you click is what you send. To edit the interface again, click the Button in the red box below. Figure 3-23: Debug state URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 33 of 187...
  • Page 34: Compile And Generate Bin File

    EastRising buydisplay.com 3.1.5 Compile and Generate Bin File When the UI interface design was done, press the "Build-All" button to compile. Figure 3-24: Project Compile Figure 3-25: Compile Successful URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 34 of 187...
  • Page 35 If you want to know the path where the BIN file was just generated, you can click on the "BIN" button. As shown below : Figure 3-26:BIN File Path URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 35 of 187...
  • Page 36: Picture Display Setting

    After group No. is settled, must press “confirm” to complete the setting. If picture is in PNG format, you can select (80h Remove Background-mode 2) to remove the PNG picture background. Figure 3-28: Multi-Picture Display Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 36 of 187...
  • Page 37: Scroll Picture(In Loop) Setting (D8H, D9H)

    No. in the D9h command operation box, and the time interval can be set separate. As below figure shown: Figure 3-30: Set Scroll The First Picture URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 37 of 187...
  • Page 38 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Figure 3-31: Set Scroll The Second Picture URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 38 of 187...
  • Page 39: Overlap Picture Display In Loop(81H)

    If the picture is PNG, you can select (81h Remove Background) to remove the background of the PNG image. Figure 3-32: Display Overlap Picture In Loop Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 39 of 187...
  • Page 40: Gif Animation Setting(88H)

    “Loop once” means TFT panel will play the GIF in loop once and back to initial page. Figure 3-33 GIF Animation Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 40 of 187...
  • Page 41: Display Text In The Form Of Picture (80H)

    If select “BackColor” means opaque, if not select, means transparent; if select “Alignment” means align to left, if not select, means align to right. Figure 3-34: Picture- Text Display Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 41 of 187...
  • Page 42: Create Number Object(90H)

    After the BIN file is generated, the digital sent by serial port during communication will be displayed on the TFT panel. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 42 of 187...
  • Page 43: Create Image Number(91H)

    After the BIN file is generated, the digital sent by serial port during communication will be displayed on the TFT panel. Figure 3-36: Adjust Image Nubmer Box URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 43 of 187...
  • Page 44: Display Text By Font(C0H~C3H)

    3.2.8 Display Text by Font(C0h~C3h) The dynamic Chinese and English digital is directly displayed by the ER-TFT028A2-4-5465 using internal or Flash fonts. Up to 8 fonts can be selected, among which C0-C1 fonts can display numbers, English, Chinese, and C2-C3 fonts can only display Chinese.
  • Page 45: Button Picture Setting (A0H)

    In particular, the two button operation bars are used in the same way. If the button picture is a 32-bit PNG format and you want to remove the background, you can select “remove background” in the 80h command. Figure 3-38: Button Picture Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 45 of 187...
  • Page 46 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Figure 3-39: Set The Command To Be Executed When The Button Pressed Figure 3-40: Confirm The Command To Display Button URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 46 of 187...
  • Page 47: Boot Picture Setting(9Ah)

    At this point, you can select one of the command group. Figure 3-42: Select A Group Of Command Combination URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 47 of 187...
  • Page 48 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 3. Boot picture setting as below selected command (User Command) Figure 3-43: Boot Picture Command URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 48 of 187...
  • Page 49 The example is shown in the following figure (actually, the LCD does not display the 9A Button). Each 9A includes 8 groups of commands. Figure 3-44: Execute Multi-Group Command Via 9A URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 49 of 187...
  • Page 50: Progress Bar Picture Setting(B0H)

    1. Click the progress bar Button and drag to anywhere on the screen. At this time, you can adjust the color of the background and the color during movement through the palette. Figure 3-46: Set Progress Bar URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 50 of 187...
  • Page 51: Create A Circular Progress Bar(Dch)

    Line Thickness setting box. The color of the line can be changed by selecting the color in the color button. Figure 3-55: Draw A Line URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 51 of 187...
  • Page 52: Basic Geometric Drawing

    ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 3.2.14 Basic Geometric Drawing Currently ER-TFT028A2-4-5465 support 7 kinds of geometric, can be divided into 3 types: Table 3-1: Geometric Drawing Function Solid With Geometric Hollow Solid Frame Drawing Function (Command) (Command) (Command) Ring  (DCh) Circle ...
  • Page 53 Figure 3-58: Rounded-Rectangle Drawing Setting Draw Triangle: similar to draw cylinder. The adjustment of triangle is realized by pull the 3 vertices of the triangle. But triangle do not support frame thickness adjustment. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 53 of 187...
  • Page 54 Draw Cylinder: 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 cylinders with frame, both Draw1 and Draw2 are invalid. The frame and interior color are the same as for other drawing functions.
  • Page 55 If you want to change the background color of the item bar and content bar, first select the color you want by adjusting RGB parameter, then click the color option in front of the Fill color. Figure 3-60: Table Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 55 of 187...
  • Page 56: Other Functions

    Figure 3-61:Backlight Control “BAh” Command If any of the BA instructions are selected, a back brightness selection box will appear at the BA instruction. Figure 3-62:Select Backlight Level URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 56 of 187...
  • Page 57: Resistive Panel Control Command (8Bh)

    3.3.2 Resistive Panel Control Command (8Bh) Resistive panel control commands only need to be transmitted to the ER-TFT028A2-4-5465's TFT serial port via UART or SPI. It is a fixed command of the host. This command does not need to be set in the UI_Editor programming software.
  • Page 58: Tft Panel Verify Command (Beh)

    A5h to the host computer. If the TFT panel is not connected to the Uart port of the host computer, it will not respond any information. The serial command BFh is used to read the ER-TFT028A2-4-5465 TFT panel version, including the 5 Byte ER-TFT028A2-4-5465 program code version and 42 Bytes TFT module information.
  • Page 59: 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 the name of all the font files, shown as below Figure 3-66: Fontlist.Txt File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 59 of 187...
  • Page 60: Audio Control (B8H)

    UI_Editor\SOURCE\WAV, open the Command and connect the serial port. Click the SEND key corresponding to the B8h, and the TFT panel will play the corresponding WAV audio. Figure 3-67A:WAV Files in UI_Editor Figure 3-67B:Audio Control Figure 3-67C:Audio Control in UI_Editor URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 60 of 187...
  • Page 61: Rtc Digital Clock Command (92H)

    UI. The effect will be displayed on the simulator and the board. Figure 3-68A: Digital Clock Command 92h Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 61 of 187...
  • Page 62: Register Operation Instructions (Ca)

    CFh: This instruction is the value in the register minus one, CFh 05h is the value of the register 05 at this time minus one, [05]-1. Please refer to project example for more detail. Figure 3-68B: CA-CF Operation Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 62 of 187...
  • Page 63: Bin File Generation And Command Send

    Once the INFO parameter is settled, press “Build ALL” to compile. (Need to open the compiled project, click the INFO button to see the modified INFO information.) Figure 3-69B: Project Compile URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 63 of 187...
  • Page 64 TFT panel. Figure 3-64 below shows the exported command list after the design is completed. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 64 of 187...
  • Page 65 Figure 3-72: Exported Command Table Figure 3-73: First Mainlayer Picture When the host send command 80h, 31h, 1Bh(CRC1), 98h(CRC2), TFT panel will display two pictures with the same group number. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 65 of 187...
  • Page 66 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com The following table is a list of the commands that the ER-TFT028A2-4-5465 can support after designing with UI_Editor. If the UI_Editor is not used in the design, it will not appear in the exported PDF.
  • Page 67 Display hollow rounded rectangle Display solid rounded rectangle Display solid rounded rectangle with frame Display hollow triangle Display solid triangle Display solid triangle with frame Display a cylinder Display table window URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 67 of 187...
  • Page 68: Spi Flash Structure

    BIN file. Open the Command and use the “128K Update” to change the “UserInfo.bin” in the SPI Flash, Now the parameters in the TFT panel is changed. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 68 of 187...
  • Page 69: Download A Ui_Editor Demo

    ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 3.5 Download a UI_Editor Demo For the use of UI_Editor, users can download ER-TFT028A2-4-5465's UI_Editor examples from EastRising SemButtonductor website, Like as file "ER-TFT028A2-4-5465_UI_Editor_Demo_240x320.rar" . 1. Download the UI_Editor compressed file "UI_Editor_Vx_x_x " from the our website (www.buydisplay.com) and unzip the file .
  • Page 70 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 folder, select the project file and click open. Figure 3-81: Load the Demo Project URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 70 of 187...
  • Page 71: Graphic Integration Compiler(Uarttft_Tool.exe)

    ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 4. Graphic Integration Compiler(UartTFT_Tool.exe) Another method to develop the display function using the ER-TFT028A2-4-5465 TFT panel is to use “UartTFT_Tool.exe”. This chapter introduces program format usage defined “UartTFT_Tool.exe”. The graphic integration compiler provided by EastRising allows the user to write...
  • Page 72 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 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”, which can be download from our website, regarding the UartTFT-tool development environment. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 72 of 187...
  • Page 73: Edit Command Setting File

    FlashSize: 16 // Flash Size, Unit: 1MByte Most of the above information settings are provided by ER-TFT028A2-4-5465 TFT serial panel manufacture . The manufacturer of the TFT panel will provide the above information according to the characteristics of the TFT panel and the hardware design. With the information, users only need to add them to the beginning of the command file.
  • Page 74: Command Parameter Setting [Usercmd]

    The above example is design too display two strings. Once the far end MCU send “Start(1Byte) +“电子有限公司-ER-TFT028A2-4-5465”+ CRC(2Bytes) + End(4Bytes)”, TFT panel will display “ 公司-ER-TFT028A2-4-5465” at (0, 10) in font 1, with foreground color 电 子有限 0xFF5500, background color 0xEE3355, non-magnified, opaque mode.
  • Page 75 [END] at the end of the command file represents the ending of the entire command file. So that the compiler knows what each chapter of file represents. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 75 of 187...
  • Page 76: Command Parameter Setting

    4.2 Command Parameter Setting 4.2.1 Fixed Picture Setting and Display Command The graphic display is the main function of the ER-TFT028A2-4-5465 has several picture setting commands listed in Table 4-1A, 4-1B and 4-2. Usually, users can design these pictures according to the resolution of the panel and the display content required by the product.
  • Page 77 “Start”, “ CRC” and “End” to TFT panel. Please refer to Table 2-2: command protocol for detail. To avoid lengthy explanations, subsequent examples will omit Start , CRC and End. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 77 of 187...
  • Page 78: Dynamic Picture Setting And Display Command

    Png image file); PNG=2 means the #nn: Animation Y(2), GIFaa(1) , PNG background is transparent (hardware setting Png image file). Cancel Cancel the 88h command that setting Display Gif for display Gif animated pictures. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 78 of 187...
  • Page 79 TFT panel through UART. After receiving the command, the TFT Panel will find the consecutive numbered picture in GIF file in the SPI Flash according to the command parameters, and then display on TFT Panel through the ER-TFT028A2-4-5465 hardware acceleration function. This function is often used in boot animation similar application.
  • Page 80 Figure 4-6: 88h Command GIF Example When the host transmits display command “89h, 00” to the TFT panel, then the original "88h, 00" display Gif animation picture will be canceled. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 80 of 187...
  • Page 81: Button Picture Setting And Display Command

    If the host sends the display commands A1h and 00 to TFT Panel through UART, then the original command A0h 00 function(Button picture and touch control) will be cancelled. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 81 of 187...
  • Page 82 0xEE(4 Bytes) (1 Byte) In addition to the A0h command, the ER-TFT028A2-4-5465 also provides a virtual control command without pictures - A2h. This command allows the user to set an area on the TFT panel, where the panel automatically executes 8 sets of commands when the touch is pressed.
  • Page 83 TFT panel. When the virtual area is pressed, then the third picture will be displayed at (180, 20) and display GIF-1 at (50, 100), shown as in the figure below. Figure 4-7B: A1h Command Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 83 of 187...
  • Page 84 Command Serial Feedback CRC Code End Code Code Code Number Code Button Picture 0xAA 0xE4, 0x1B, 0x11, Number 0x30 (2 Bytes) (1 Byte) (1 Byte) 0xEE(4 Bytes) (1 Byte) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 84 of 187...
  • Page 85: Picture-Number Display Command

    Bin document, and then written into the SPI Flash by the programmer. With the BTE function of the ER-TFT028A2-4-5465, user can set the picture-numbers with foreground, background, or background transparency in different colors by the above commands.
  • Page 86 TFT panel through the UART serial port. Then the position (100, 50) on the TFT will be based on the first picture number group (CPT0) to display the number 867.3 as following figure: URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 86 of 187...
  • Page 87 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Figure 4-9B: Customized Picture-Number Example of 91h Command URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 87 of 187...
  • Page 88: Font Text Setting And Display Command

    Size-H and Size-V, respectively. Transparency(1), Transparency = 0 : opaque; 1: transparent. Alignment(1) Alignment = 0 : not aligned; 1: aligned. The “W is the width of text “window. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 88 of 187...
  • Page 89: Point Drawing Command

    4.2.6 Point Drawing Command The ER-TFT028A2-4-5465 contains a powerful geometric drawing hardware accelerator, so it is very efficient to perform geometric drawing. User only need to input simple graphic parameters to draw geometric figures. The following is the serial command for drawing...
  • Page 90: Circle/Ellipse Drawing Command

    Draw a solid circle with frame around (X, Y) as the center, R: radius, Color: fame color, Color-F: solid color Draw Solid X(2), Y(2), R(2), Color(3), #nn: Circle With Color-F(3), Width(1) Frame URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 90 of 187...
  • Page 91 E3h #00: 200, 40, 30, 0x00F800,0x00001F, 5 E4h #00: 40, 160, 30, 18, 0x00F800 E5h #00: 120, 160, 30, 18, 0x00F800 E6h #00: 200, 160, 30, 18, 0x00F800,0x00001F, 5 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 91 of 187...
  • Page 92 TFT panel, the TFT will display a hollow ellipse/solid ellipse/solid ellipse with frame of the specified color at the position from (40, 160) (120, 160) (200, 160), shown as below: Figure 4-12A: Circle and Ellipse Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 92 of 187...
  • Page 93: Line Drawing

    After compilation, the host send command E0h, 00 to TFT panel through UART, TFT will display a red line from (40, 40) to (160, 200), with width at 3. Figure 4-12B: Line Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 93 of 187...
  • Page 94: Rectangle/Rounded-Rectangle Drawing Command

    Use (X1, Y1) (X2, Y2) as diagonal and draw a solid rectangle with frame, color: frame color, Color-F: rectangle color, width: frame width Draw Solid X1(2), Y1(2), X2(2), Y2(2), #nn: Rectangle Color(3), Color-F(2), With Frame Width(1) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 94 of 187...
  • Page 95 X1(2), Y1(2), X2(2), Y2(2), Rounded #nn: X-R(2), Y-R(2), Color(3), Rectangle Color-F(3), Width(1) With Frame As above command E7h~ECh mentioned, input below command in “UartTFT.ini”: E7h #00: 42, 25, 80, 105, 0x00F800 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 95 of 187...
  • Page 96 (42, 145) and (80, 225) 2 diagonals, (120, 145) and (158, 225) 2 diagonals, (200, 145) and (238, 225) 2 diagonals, with specific color, radius at 15, 10. Shown as below: Figure 4-13: Rectangle And Rounded Rectangle Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 96 of 187...
  • Page 97: Triangle Drawing Command

    (X1, Y1) (X2, Y2) (X3, Y3) as the diagonal, color: frame color, color F: rectangle color Draw Solid X1(2), Y1(2), X2(2), Y2(2), Triangle With #nn: X3(2), Y3(2), Color(2), Frame Color-F(3) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 97 of 187...
  • Page 98 TFT panel, the TFT will display the hollow triangle, solid triangle and solid triangle with the set color in the three specified coordinate positions. Shown as below: Figure 4-14: Triangle Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 98 of 187...
  • Page 99: Cylinder/Table Drawing Command

    (Mode=0) horizontal (Mode=1), O-Width: outside frame width, Mode=0: vertical, Mode=1: horizontal X(2), Y(2), Width(2), Height(2), RN(1), CN(1), Draw Table #nn: C1(3), C2(3), C3(3), Window I-Width(1), O-Width(1), Mode(1) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 99 of 187...
  • Page 100 (20, 25). The following figure shows an example of cylinder, square cylinder and table window, shown as below: Figure 4-15: Cylinder /Table Window Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 100 of 187...
  • Page 101: Boot Setting Command

    The boot setting command is used to set the command automatically executed after the TFT panel is turned on. It does not need to be transmitted to the ER-TFT028A2-4-5465 TFT panel through UART or SPI and will be automatically executed at boot time.
  • Page 102: Combination Command

    02(command to display overlap picture in circular ), and 0xB8, 0x01 commands (play Wav command) . This instruction is intended for commands that require repeated execution and can simplify the text compiler. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 102 of 187...
  • Page 103: Scroll Picture Setting And Display Command

    P6, P6 upward in loop at (80, 50) . If send command D9h, 01 TFT panel, TFT panel will scroll P7,P8,P9 to left at (150, 60) . Note: that the scrolled picture must be the same URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 103 of 187...
  • Page 104 Note: Pop-up pictures (D8h), loop pictures (D9h) and the earlier mentioned pop-up picture loop display (81h), GIF animation (88h) these instructions should be avoid overlap on the display area, so as not to cause interactive display and confusion! URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 104 of 187...
  • Page 105: Ring Drawing Setting And Display Command

    TFT panel through UART, then the TFT will display a red ring around the center point (160, 100) with a radius of 45, from 0° to 270° in 5ms. (160, 100) Figure 4-18: Ring Indicator Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 105 of 187...
  • Page 106: Progress Bar Setting And Display Command

    200. When the UART transmits the command B0h, 00, 01, C0 to TFT panel, the progress bar red part becomes longer. It is 192 Pixel (00C0h = 192), shown as below: URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 106 of 187...
  • Page 107 60 Pixels (003Ch = 60) and the background image does not change, shown as below: (80, 80) (80, 80) (85, 140) (85, 140) Figure 4-20: Progress Bar Example 2 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 107 of 187...
  • Page 108: Resistive Panel Control Command

    The resistive touch Panel control command only needs to be transmitted to the ER-TFT028A2-4-5465 through UART or SPI, TFT panel will execute itself. It is a fixed command of the host, and no need to set on UartTFT_Tool or program software.
  • Page 109: Backlight Control Command

    4.2.18 Backlight Control Command Using the PWM export of the ER-TFT028A2-4-5465, can be used to control the brightness of the backlight. The backlight control command only needs to be transmitted to the TFT panel UART or SPI. It is a fixed command of Host, and it is not settled in UartTFT_Tool or “UartTFT.ini”.
  • Page 110: Tft Panel Verify Command

    A5h to the host computer. If the TFT panel is not connected to the Uart port of the host computer, it will not respond any information. The serial command BFh is used to read the ER-TFT028A2-4-5465 TFT panel version, including the 5 Byte ER-TFT028A2-4-5465 program code version, and 42 Bytes TFT module information, as shown in Table 4-23.
  • Page 111 NOR Flash FlashSize 单位: 1MBytes 0080=128Mbyte 0x06: 06 (ex: 06_04_2019-09_24_53) 7 月 0x04: 04 5 日 0x14: 20 UI_Editor/UartTFT_Tool 2019 0x13: 19 version 0x09: 09 时 0x18: 24 分 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 111 of 187...
  • Page 112: Qr-Code Setting And Display Command

    0x35: 53 秒 4.2.20 QR-Code Setting and Display Command ER-TFT028A2-4-5465 supports QR code function. It can generate the QR code from the character string produced by MCU, and display the QR code image. Table 4-24: QR Code Command Command...
  • Page 113 EastRising buydisplay.com Using the MCU's PWM export, or the ER-TFT028A2-4-5465's PWM export, to push the buzzer or add a power amplifier or triode to push the horn to play simple music. The audio control commands only need to transmit via the UART or SPI to the TFT panel, then it will be executed.
  • Page 114: Rtc Command

    Read the RTC information of TFT Information panel. RTC command do not need to be written in the instruction file. For example, when the host pass command 8Dh to ER-TFT028A2-4-5465, then ER-TFT028A2-4-5465 will feedback clock data: year/month/day/hour/time/minute/minute/week to the host. URL: www.buydisplay.com...
  • Page 115: Digital Clock Display Command

    Figure 4-23A:92h Command Customized Picture Number For example, in the text compiler UartTFT.ini, enter the following command to display pictures in text: 92h #00: CPT0, 350, 60, 1, 100, 60, 1, 2 URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 115 of 187...
  • Page 116 (100, 60) according to the first picture format The number group (CPT0) to display the date. And the time is displayed in the position starting from (350, 60). Figure 4-23B: 92h Command Display Digital Clock Example URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 116 of 187...
  • Page 117: Register Setting Instructions

    UART or SPI will be passed to the TFT serial screen of ER-TFT028A2-4-5465 and will be executed. It is a fixed command of the host system or motherboard. This command does not need to be set in the UartTFT_Tool host computer software or UartTFT.ini.
  • Page 118 0x80 0x05, 0xB8 0x00, which is at (300,100) coordinates Display picture number 20 and play Wav-1 sound. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 118 of 187...
  • Page 119: Command Table

    PT, X, Y, Dir, Color-F, Color-B, EN-B (Customize-1) Setting ddd.d Display Picture-Number Display Picture-Number #nn: CPT, X, Y, Dir, EN-B (Customize-2) Setting ddd.d Display Picture-Number #nn: X, Y, Size Setup QC-code String Display QR-Code URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 119 of 187...
  • Page 120 Display Font-2 Text Setting Size-V, Transparency, Alignment String Display Font-2 Text F03, X, Y, W, Color-F, Color-B, Size-H, #nn: Display Font-3 Text Setting Size-V, Transparency, Alignment String Display Font-3 Text URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 120 of 187...
  • Page 121 X, Y, X-R, Y-R, Color Set To Draw Solid Ellipse Display Solid Ellipse Set To Draw Solid Ellipse With #nn: X, Y, X-R, Y-R, Color, Color-F, Width Frame Display Solid Ellipse With Frame URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 121 of 187...
  • Page 122 #nn: Set To Draw Cylinder Width Display Cylinder X, Y, Width, Height, CN, RN, C1, C2, C3, #nn: Set To Draw Table Window I-Width, O-Width, Mode Display Table Window URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 122 of 187...
  • Page 123: Uarttft_Tool Design Flow

    Programming repeatedly in SPI Flash during development. It is recommended to use the "UI_Emulator" emulator for pre-validation. The “UI_Emulator” software can be downloaded from the website of EastRising SemButtonductor. Figure 4-23 UartTFT_Tool Design Flow URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 123 of 187...
  • Page 124 128KBytes, so use Uart_Debug can quickly update the “UserInfo.bin” with USB to RS232 cable. Please refer to the instructions in Chapter 5 for the usage of “UartDebug.exe”. Figure 4-24A: SPI Flash Structure Figure 4-24B: SPI Flash Programmer URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 124 of 187...
  • Page 125: Graphic Integration Compiler User Manual

    Bin file. When the host transmits Code and action No. to TFT panel, the ER-TFT028A2-4-5465 on TFT panel will parse the Code, and then read the command action in the SPI Flash to display the picture or text.
  • Page 126: Tft Serial Command Compile

    4.4.1 TFT Serial Command Compile When the command file (“UartTFT.ini”) is 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 enter the TFT serial command compiler.
  • Page 127 4、 UartTools will automatically ask for the input of “.ini” command setting file. There are “UartTFT.ini” examples in demo file, user may refer to the examples Figure 4-29: Input Command Setting File In UartTFT.Ini URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 127 of 187...
  • Page 128 MCUType: EastRising // MCU Maker: 0x00 = EastRising, 0x01 = STM, 0x02 = STC MCUIF: SPI // MCU to ER-TFT028A2-4-5465 I/F: 0x00 = 8080, 0x01 = SPI, 0x02 = I2C 768Type: 268B // 0x00: 7680A, 0x01: 7680B, 0x02: 7681, 0x03: 7683,...
  • Page 129 C1h #01: 1, 10, 150, 200, 0xff0000, 0x00001f, 1,1,1,1 C2h #00: 2, 10, 180, 200, 0xff0000, 0x00001f, 1,1,0,1 // Show Text 32*32 C2h #01: 2, 10, 220, 200, 0x00FF00, 0x00001f, 1,1,1,1 [END] Figure 4-30: Input “UartTFT.ini” URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 129 of 187...
  • Page 130 “UserInfo.bin” “UartTFT_Flash.bin”, user need to save it in appointed folder: Figure 4-31: Save UserInfo.bin 6、 UartTools will automatically require to save “UartTFT_Flash.bin” in appointed directory. Figure 4-32: Save UartTFT_Flash.bin URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 130 of 187...
  • Page 131 List】to re-read the command file, then back to step 5, execute 【Make Bin】: Figure 4-34: Compiler Main Page 8、 Programming the created “UartTFT_Flash.bin” into SPI Flash, which means the basic TFT panel design is finished. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 131 of 187...
  • Page 132 Figure 4-35: Open UartDebug “UartDebug.exe” is a special program provided by EastRising, which is used to convert PC USB interface to UART serial port, and send commands to the TFT panel MCU Uart interface, so that the TFT panel can display different contents, in this way, user can perform pre-verification of the TFT panel.
  • Page 133: Make Picture Bin File

    The pictures that are commonly used on the application side can be stored in the built-in display memory 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 in the SPI Flash.
  • Page 134 2. Click “Input Picture” button, select the picture you need and open, then you can add all pictures under this folder: Figure 4-38: Input Picture Figure 4-39: Input Completed URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 134 of 187...
  • Page 135 4. Export single picture or all pictures. Note: the file name cannot include special character, for sample : ? * / \ < > : " | Figure 4-41: Export Picture (1/2) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 135 of 187...
  • Page 136 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 5. Export picture Bin file succeed: Figure 4-43: Export Succeed URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 136 of 187...
  • Page 137 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com 6. When picture exported, you can find the Picture1.bin file in appointed folder Figure 4-44: Exported Picture Bin File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 137 of 187...
  • Page 138: Make Gif Bin File

    If the application side wants to play the GIF animation, you can cut the 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 UartTools to input GIF animation files, and then generate a series of Bin files.
  • Page 139 Click “Input Picture” button, select the GIF picture required and open, then you can add all GIF pictures under the folder: Figure 4-46: Input GIF Figure 4-47: Input Completed URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 139 of 187...
  • Page 140 4. Export single GIF or all GIF. Note: the file name cannot include special character, for sample : ? * / \ < > : " | Figure 4-49: Export GIF (1/2) URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 140 of 187...
  • Page 141 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Figure 4-51: Export Succeed URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 141 of 187...
  • Page 142 Figure 4-52: Exported GIF Bin File In txt file, you can find the information of resolution, address, size of each GIF and total quantity Figure 4-53: Exported GIF Information URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 142 of 187...
  • Page 143: Make Font Bin File

    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 display Chinese in the appointed position, which can improve the Chinese display performance and reduce the burden of the MCU.
  • Page 144 (left, center, right) and vertical (upper, center, lower) positions, color threshold (0~254), and preview text, click the [Test Code] button to view the data for this character Figure 4-56: Font Setting URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 144 of 187...
  • Page 145 ? * / \ < > : " | Figure 4-57: Save Font When shows font name +Font Lib ok, means the font make succeed: Figure 4-58: Font Make Succeed URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 145 of 187...
  • Page 146: User-Define Font Make

    1. Select font size and type, follow the instruction as 4.4.4.1 mentioned, then click 【String Bin】, select a notebook document to store the text. Figure 4-60: Select Txt File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 146 of 187...
  • Page 147 3. Select a folder to save the user-define font, name the font and save: Figure 4-62: Save Font When shows “String Font Lib ok”, it means user-define font making succeed: URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 147 of 187...
  • Page 148 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Figure 4-63: Font Making Succeed 4. After completed, you can find the exported “Font_48_48 自定义宋体.bin” file in appointed folder: Figure 4-64: Exported Bin File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 148 of 187...
  • Page 149: Make Wav Bin File

    Factory" free version for the conversion platform. First open the software, select the audio, select "-> WAV", enter the add file interface. Figure 4-65: Select “WAV” Figure 4-66: Wav Function Interface URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 149 of 187...
  • Page 150 4. Select the file, click the Edit button, enter the audio clip interface, and select the desired audio segment. If you don't need to edit, go directly to step 5. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 150 of 187...
  • Page 151 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Figure 4-69: Enter Edit Function URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 151 of 187...
  • Page 152 5. Click the “Change” button in the lower right corner to reselect the export destination folder and click the OK button to add the task. Figure 4-71: Select Export Folder URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 152 of 187...
  • Page 153 6. Click the Start button to start the conversion. After the conversion is complete, you can view the exported WAV file in the appointed folder Figure 4-72: Start Conversion Figure 4-73: Exported Wav File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 153 of 187...
  • Page 154: 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 wav file” button, select the WAV file to be converted, click open to add: Figure4-75: Add Wav File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 154 of 187...
  • Page 155 The higher the speed, the lower the sound quality, and the time required to change the program's timer update data. Figure 4-77: WAV Bin File Make Interface URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 155 of 187...
  • Page 156 If the audio file does not match the bin setting parameters, it will prompt “Can't support this bits”, please follow step 3 to reset: Figure 4-79: Error Message If matched, press “OK” to export: Figure 4-80: Press OK URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 156 of 187...
  • Page 157: Typical Pwm Audio Drive Circuit

    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 File 4.4.5.3 Typical PWM Audio Drive Circuit Figure 4-83: Typical PWM Audio Drive Circuit URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 157 of 187...
  • Page 158: Bin File Combination

    Click 【File 1~6】 to add file in order. Note: Bootloader.bin file must be put in 0 position, which is file 1. Figure 4-84 : Bin File Combination URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 158 of 187...
  • Page 159 At the same time, “BinFile Combine-Addr.txt” file is generated, which is convenient for checking the address, size and other details of each source file. Figure 4-86: Combine Succeed URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 159 of 187...
  • Page 160 Figure 4-87: Save File After combine completed, user can find the exported BinFile Combine.bin file in appointed folder, and user can use Programming the file in ER-TFT028A2-4-5465 external flash via SPI Flash Programmer. Figure 4-88: Exported Bin Combination File URL: www.buydisplay.com...
  • Page 161: Serial Communication Software (Uartdebug.exe)

    EastRising, which is used 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 software, it includes below section: A.
  • Page 162: Uartdebug Precaution

    “UartTFT_Tool”, and click 【UartTFT】, pop-up a “Uart TFT Tool” window, click【Uart Debug】to open the software, as step 9 in previous Chapter 4.4.1 . Figure 5-4 Open UartDebug on UartTFT_Tool URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 162 of 187...
  • Page 163: Uartdebug Introduction

    “UserInfo.bin” file, update “UserInfo.bin” document, send command, clear receiving data, add command list, save command list, insert command, delete command, move up command, move down command, clear command, start or stop loop, time interval of two loop commands. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 163 of 187...
  • Page 164: Load Simulation Command

    EastRising buydisplay.com 5.3 Load Simulation Command At first, make sure PC (USB convert Uart) connect with the UART of ER-TFT028A2-4-5465 TFT panel, then click, 【Comm Number】and select correct Com Port, then click【Open Comm】: Figure 5-6: Select Com Port Figure 5-7: Click 【Open Comm】...
  • Page 165 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 written in advance, and click Open: Figure 5-8: Select Command File Figure 5-9: Load Command File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 165 of 187...
  • Page 166 If user clicks “Input Command List:” without click the command storage area at first, it will pop up a notification: Please select a list box for input file, see Figure 5-10: Figure 5-10: Select Input Command List URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 166 of 187...
  • Page 167: Send Simulation Command

    “Rec” window. Users can verify if the “UartTFT.ini” command file is correct. Figure 5-12: Send Simulation Command To TFT Panel Figure 5-13A: Display Picture Figure 5-13B: Display GIF URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 167 of 187...
  • Page 168 According to Table 2-2 in 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 add 1 byte start code (fixed to 0xAA), 2 Byte...
  • Page 169: Send Simulation Command In Loop

    Click the loop command store box on the right, click【Input Command List】, a new window will pop up, select the loop command and click open: Figure 5-15: Select Loop Command Figure 5-16: Loop Command Is Selected URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 169 of 187...
  • Page 170 “Add to Loop” box pop up, Click it to add the loop command. Figure 5-17: Add Simulation Loop Command Figure 5-18: Simulation Loop Command Added URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 170 of 187...
  • Page 171 Figure 5-19: Send Simulation Command In Loop 4) During the process of sending command in loop, “Start Loop” will change to “Stop Loop”, user can click “ Stop Loop” to stop sending. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 171 of 187...
  • Page 172: Modify And Save Command List

    “Insert Command”, and modify the command in the blank area below “send” to the command you want to insert, press “Enter” to save the command, the specific operation as follows: Figure 5-21: Insert Command URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 172 of 187...
  • Page 173 Move Up/Down Command: select the command you want to move, click “Command UP” to move up the command; click “Command Down” to move down. Specific operation as below:: Figure 5-23: Move Up/Down Command URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 173 of 187...
  • Page 174 Note: that user cannot directly save the commands in two areas at once; user can only save one area at a time. The specific operation as below: Figure 5-24: Save Command URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 174 of 187...
  • Page 175: Clear Command Box And Receiving Data

    Clear command in command box: select the command area you want to clear, then click “Clear Command”, it will pop up a double confirm notice, press “OK” to delete, press “Cancel” to cancel the action. Figure 5-25: Clear Command URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 175 of 187...
  • Page 176 ER-TFT028A2-4-5465 Applicaton Note EastRising buydisplay.com Clear receiving date: user just need to click “Clear Receive” to clear all date, specific operation as below: Figure 5-26: Clear Receiving Data URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 176 of 187...
  • Page 177: Load And Update Userinfo.bin

    COM port is opened, click “Load UserInfo Bin”, a window will pop-up, select the to be loaded “UserInfo.bin” file in the folder, see as below: Figure 5-27: Load “Userinfo.Bin” File URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 177 of 187...
  • Page 178 Once load completed, click “Update UserInfo.bin” to update the “UserInfo.bin”, as Figure 5-28 shown; TFT panel will show as Figure 5-29 shown. Figure 5-28: Update “Userinfo.Bin” File Figure 5-29: “Userinfo.Bin” Updating URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 178 of 187...
  • Page 179 EastRising buydisplay.com Once update completed, TFT panel will display “Update Complete” Figure 5-30: “Userinfo.Bin” Update Complete Note: “UserInfo.bin” is generated by “UartTFT_Tool.exe”. Detail steps please refer to Section 4.4.1. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 179 of 187...
  • Page 180: Mcu Code And Flash Update

    “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_Update” mode. Then use the USB cable to connect the board to the...
  • Page 181 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 area in red circle), click “Input Files”, open the program file of ER-TFT028A2-4-5465’s MCU Code:...
  • Page 182 MCU settings, making it easy to verify the version. (The Update MCU already includes Check, no need to check the MCU CRC): Figure 6-6: Check If Import File Consistence With Current MCU URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 182 of 187...
  • Page 183 After the programming is completed, you can click “Run Uart Application” to reset and run the program, or you can power on again to reset and run the program. Figure 6-7: Reset And Run Program After Updating URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 183 of 187...
  • Page 184: Er-Tft028A2-4-5465 External Flash Update

    For example, erasing 16Mbit Flash will take about 30 seconds, and 32Mbit about 60 seconds. Flash CRC (Check Nor CRC checked) is automatically detected when the update is complete. When all is done, the following figure is shown: URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 184 of 187...
  • Page 185 Currently this tool is compatible with most Winbond's NOR Flash. You can add your own Flash information and modify the "Flash.ini" file in the folder. At first, open the "Flash.ini" file in the same directory of this tool using notepad. URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 185 of 187...
  • Page 186 EastRising buydisplay.com You can base on the format add the new Flash ID in "Flash.ini" file, as following figure: Figure 6-12: Add New Flash ID Information on the "Flash.ini" URL: www.buydisplay.com Document Name: ER-TFT028A2-4-5465 Application Note Page: 186 of 187...
  • Page 187: Use Sd Card Update Spi Flash

    6.3 Use SD Card Update SPI Flash ER-TFT028A2-4-5465 can also update External SPI Flash with an SD card. First store the update file "UartTFT_Flash.bin" on the root of an SD card. Note that the "BUSY" pin on the ER-TFT028A2-4-5465 module does not need to pull low.

Table of Contents