捡屏幕第一弹——5寸480x854 ST7701屏

day_day

（一）
NXP支持RGB直驱的有IMX RT 1050以上的型号以及LPC546XX。
大概四年前有幸参与双核挑战赛，虽然结果不甚理想，但NXP非常财大气粗地给了块带屏幕的LPC54628作为安慰奖。（如果没记错，当时应该是可依给我发的快递）

刚刚拿到板子的时候，图形界面的框架还非常荒芜，基本只有商用收费、闭源、图形古老的emwin，NXP的生态也非常荒芜，连一个方便用的库函数都没有，LPCOPEN更是有几种不同风格的库，分布在不同论坛，不同位置。直到上一年，等MCUXpresso以及开源免费、界面柔和的LittleVGL出来之后才重新玩这块板子。
LPC54628 UI开发 1-LCD驱动

（二）
原装屏幕：http://www.nxp.com.cn/docs/en/supporting-information/RK043FN02H-CT.pdf

看起来有点特殊，跟单片机上常用的8080 TFT屏幕有些不一样。实际上却是4.3寸最常见RGB接口屏的样式，引脚也是最常见的RGB接口。触摸额外引出，是FT的芯片，走IIC协议。似乎除了LPC54628，其他官方开发板都默认不配屏幕。

而就是这么普通的常见的屏幕，在某宝上原装动辄200+。
之前看见有位坛友找到一块120+的屏幕，已经觉得很便宜了。但作为超级烧钱的电子爱好者，怎么能够这么大手笔，买一块区区480x272分辨率的4.3寸RGB屏。加上最近原装屏幕被我拆了装到IMX RT1064上试验程序，这边需要一块补充一波。
为此，我在某鱼上蹲了四种屏幕为各位趟个坑。
其中一块MCU、RGB通用屏至今没有驱动成功，算是已经翻车，就不提了。
另外有一块7寸屏是绝版，卖家就卖了一块，我也不多介绍。
剩下的两块，我看起码还有100+的剩余，有兴趣的是坛友可以试试。
这次先介绍第一块屏幕。



（三）

这块是5寸屏幕，15一张，五张包邮的，表面还帖着膜，感觉是全新的。最重要的是，其分辨率为480*854，是官配屏幕的近4倍。
看一下其引脚

看起来兼容正常RGB，就是最后四个通常RGB是悬空的引脚多了个三线SPI接口。



（四）
当时没想那么多，回来一测试，这才大呼踩坑。这个屏幕根本就不是RGB直驱的，是通过ST7701转驱的。需要事先配置了ST7701才能够通过RGB接口驱动。
为此我画了一块转接板，正常RGB接口引了出来，最后四条线引到触摸接口去，通过模拟SPI配置。
附上开发板触摸接口定义：

具体为：
5-IIC SDA-模拟SPI SCL
4-IIC SCL-模拟SPI SDI
3-INT-悬空
2-RST-模拟SPI CS
之所以这样配置，是考虑到，如果后面再挂触摸的总线时（最近15+10邮费捡了三张5寸GT911触摸外屏，准备挂上去），模拟SPI CS拉低使能SPI数据，可以把触摸芯片复位，而拉高读触摸时，ST7701不会接受数据。


屏幕数据手册： SPEC QSM500G4020.pdf (420.04 KB, 下载次数: 118)

2021-4-16 20:54 上传

点击文件名下载附件
这个屏幕的数据手册其实就是ST7701数据手册的简化版。ST7701免费数据手册可以通过bing搜到，某毒搜到全是CSDN恰烂钱的收费资源。
这里附上一份ST7701的数据手册： ST7701.pdf (5.17 MB, 下载次数: 181)

2021-4-16 20:56 上传

点击文件名下载附件

（五）ST7701驱动
ST7701被配置为9位SPI。
第一位区分命令与数据，CPOL、CPHA都是1。
1-通过图形工具配置GPIO口输出：

或者使用以下代码初始化：

1. void ST7701_InitPins()
   
2. {
   
3.     /* Enables the clock for the IOCON block. 0 = Disable; 1 = Enable.: 0x01u */
   
4.     CLOCK_EnableClock(kCLOCK_Iocon);
   
5.     /* Enables the clock for the GPIO2 module */
   
6.     CLOCK_EnableClock(kCLOCK_Gpio2);
   
7.     /* Enables the clock for the GPIO3 module */
   
8.     CLOCK_EnableClock(kCLOCK_Gpio3);
   
9. 
   
10.     gpio_pin_config_t gpio2_pinH14_config = {
    
11.         .pinDirection = kGPIO_DigitalOutput,
    
12.         .outputLogic = 1U
    
13.     };
    
14.     /* Initialize GPIO functionality on pin PIO2_27 (pin H14)  */
    
15.     GPIO_PinInit(GPIO, 2U, 27U, &gpio2_pinH14_config);
    
16. 
    
17.     gpio_pin_config_t gpio3_pinC2_config = {
    
18.         .pinDirection = kGPIO_DigitalOutput,
    
19.         .outputLogic = 1U
    
20.     };
    
21.     /* Initialize GPIO functionality on pin PIO3_23 (pin C2)  */
    
22.     GPIO_PinInit(GPIO, 3U, 23U, &gpio3_pinC2_config);
    
23. 
    
24.     gpio_pin_config_t gpio3_pinE2_config = {
    
25.         .pinDirection = kGPIO_DigitalOutput,
    
26.         .outputLogic = 1U
    
27.     };
    
28.     /* Initialize GPIO functionality on pin PIO3_24 (pin E2)  */
    
29.     GPIO_PinInit(GPIO, 3U, 24U, &gpio3_pinE2_config);
    
30. 
    
31.     IOCON->PIO[3][23] = ((IOCON->PIO[3][23] &
    
32.                           /* Mask bits to zero which are setting */
    
33.                           (~(IOCON_PIO_FUNC_MASK | IOCON_PIO_DIGIMODE_MASK)))
    
34. 
    
35.                          /* Selects pin function.
    
36.                           * : PORT323 (pin C2) is configured as PIO3_23. */
    
37.                          | IOCON_PIO_FUNC(PIO323_FUNC_ALT0)
    
38. 
    
39.                          /* Select Analog/Digital mode.
    
40.                           * : Digital mode. */
    
41.                          | IOCON_PIO_DIGIMODE(PIO323_DIGIMODE_DIGITAL));
    
42. 
    
43.     IOCON->PIO[3][24] = ((IOCON->PIO[3][24] &
    
44.                           /* Mask bits to zero which are setting */
    
45.                           (~(IOCON_PIO_FUNC_MASK | IOCON_PIO_DIGIMODE_MASK)))
    
46. 
    
47.                          /* Selects pin function.
    
48.                           * : PORT324 (pin E2) is configured as PIO3_24. */
    
49.                          | IOCON_PIO_FUNC(PIO324_FUNC_ALT0)
    
50. 
    
51.                          /* Select Analog/Digital mode.
    
52.                           * : Digital mode. */
    
53.                          | IOCON_PIO_DIGIMODE(PIO324_DIGIMODE_DIGITAL));
    
54. 
    
55.     IOCON->PIO[2][27] = ((IOCON->PIO[2][27] &
    
56.                           /* Mask bits to zero which are setting */
    
57.                           (~(IOCON_PIO_FUNC_MASK | IOCON_PIO_DIGIMODE_MASK)))
    
58. 
    
59.                          /* Selects pin function.
    
60.                           * : PORT227 (pin H14) is configured as PIO2_27. */
    
61.                          | IOCON_PIO_FUNC(PIO227_FUNC_ALT0)
    
62. 
    
63.                          /* Select Analog/Digital mode.
    
64.                           * : Digital mode. */
    
65.                          | IOCON_PIO_DIGIMODE(PIO227_DIGIMODE_DIGITAL));
    
66. }
    

复制代码

2-编写时序，这个可以上GITHUB直接搜ST7701拷人家的时序函数

1. static void St7701_Write_Byte(unsigned short temp)
   
2. {
   
3.         unsigned char i;
   
4.         GPIO_PortClear(GPIO, 2U, 1<<27U);
   
5.         for(i=0;i<9;i++)
   
6.         {
   
7.                 GPIO_PortClear(GPIO, 3U, 1<<23U);
   
8.                 if(temp&0x0100)
   
9.                         GPIO_PortSet(GPIO, 3U, 1<<24U);
   
10.                 else
    
11.                         GPIO_PortClear(GPIO, 3U, 1<<24U);
    
12.                 delay_us(30);
    
13.                 GPIO_PortSet(GPIO, 3U, 1<<23U);
    
14.                 delay_us(30);
    
15.                 temp = temp<<1;
    
16.         }
    
17.         GPIO_PortSet(GPIO, 2U, 1<<27U);
    
18. }

复制代码

3-初始化命令，可以参考我的ST7701.c驱动代码
ST7701.zip (2.37 KB, 下载次数: 217)

2021-4-16 21:36 上传

点击文件名下载附件


4-效果

可以下载最新的salease的逻辑分析仪客户端查看波形文件：
Session 9.sal.zip (28.99 KB, 下载次数: 36)

2021-4-16 21:37 上传

点击文件名下载附件


（六）RGB驱动
RGB驱动可以使用NXP的例程lcdc_sursor修改

时序配置：

1. 
   
2. //QSB505
   
3. #define LCD_PPL 480
   
4. #define LCD_HSW 2
   
5. #define LCD_HFP 4
   
6. #define LCD_HBP 5
   
7. #define LCD_LPP 480
   
8. #define LCD_VSW 2
   
9. #define LCD_VFP 3
   
10. #define LCD_VBP 2
    

复制代码

时钟设置：
#define LCD_PANEL_CLK 20000000
用原本的9M虽然也能刷出来，但图像看上去怪怪的，而且很慢。



另外，RGB时钟下降沿跳变，上升沿采样，这也是跟通常RGB屏幕不一样的：
#define LCD_POL_FLAGS kLCDC_InvertClkPolarity | kLCDC_InvertVsyncPolarity | kLCDC_InvertHsyncPolarity


图像大小也设置：
#define IMG_HEIGHT 854
#define IMG_WIDTH 480


显示效果：

另外值得注意的是，ST7701一上电需要10s-20s来启动，上电后最好延时20s再启动配置。




（七）移植到LittleVGL工程
模板可以clone我的工程：https://gitee.com/tinnu/EXC_Sreen_LittelVGL_LPC54628


1-加入我的ST7701.c驱动文件，在main函数里初始化ST7701：

1.         ST7701_InitPins();
   
2.         St7701_Init();

复制代码

2-在littlevgl_support.h文件里修改图像大小
#define LCD_WIDTH 480
#define LCD_HEIGHT 854



3-在littlevgl_support.c里修改时序

1. 
   
2. //QSB505
   
3. 
   
4. #define LCD_HSW 2
   
5. #define LCD_HFP 4
   
6. #define LCD_HBP 5
   
7. 
   
8. #define LCD_VSW 2
   
9. #define LCD_VFP 3
   
10. #define LCD_VBP 2
    
11. #define LCD_POL_FLAGS kLCDC_InvertClkPolarity | kLCDC_InvertVsyncPolarity | kLCDC_InvertHsyncPolarity
    
12. 
    
13. #define LCD_PANEL_CLK 20000000

复制代码

4-最好删掉触摸部分，因为现在还没有加触摸


5-编译下载后多复位几次（延时启动的问题）


显示效果：

显示角度还挺广的，色彩也比普通的TN 4.3寸屏漂亮，估计是ST7701的效果。

阅读全文

sumoon_yao

这屏是日天提供的吗?

jobszheng5

前些天去看一款信号发生器的屏幕，显示也是超级细腻。
一眼就看出来大气来了。

day_day

sumoon_yao 发表于 2021-4-17 09:29
这屏是日天提供的吗?

快让日天搞一批给没屏幕的板子配上

day_day

jobszheng5 发表于 2021-4-17 10:05
前些天去看一款信号发生器的屏幕，显示也是超级细腻。
一眼就看出来大气来了。 ...

商用走量肯定定制了，不用像DIYER上咸鱼淘

超級稻草人

学习了。

tobot

jobszheng5 发表于 2021-4-17 10:05
前些天去看一款信号发生器的屏幕，显示也是超级细腻。
一眼就看出来大气来了。 ...

不错啊，

sumoon_yao

day_day 发表于 2021-4-17 20:26
快让日天搞一批给没屏幕的板子配上

必须的, 日天在搞了吧

hk2020

学习了。

gamtg125

这个屏幕真不错