一、模块来源
采购链接： 1.8寸液晶屏 1.8寸TFT LCD SPI串口模块TFT彩屏触摸屏st7735
资料下载链接： https://pan.baidu.com/s/1n_vp38V7ij88PUGpbJPd7Q
资料提取码：8888
二、规格参数
工作电压：3.3V
工作电流：30MA
模块尺寸：35(H) x 56(V) MM
像素大小：128(H) x 160(V)RGB
驱动芯片：ST7735S
通信协议：SPI
管脚数量：12 Pin（2.54mm间距排针）
带电阻触摸芯片：XPT2046
以上信息见厂家资料文件
三、移植过程
我们的目标是将例程移植至开发板上。按照以下步骤，即可完成移植。
- 将源码导入工程；
- 根据编译报错处进行粗改；
- 修改引脚配置；
- 修改时序配置；
- 移植验证。
1、查看资料
打开厂家资料例程（例程下载见百度网盘链接下载）。具体路径见例程路径
2、移植至工程
将厂家资料路径下的【LCD】文件夹，复制到自己的工程中。（工程可以参考入门手册工程模板）
我们打开工程文件，将我们刚刚复制到文件夹中的文件，导入C文件和路径。
分别在lcd_init.h、lcd.h 和 touch.h 文件中定义三个宏，u32、u16与u8。
c
#ifndef u8
#define u8 uint8_t
#endif
#ifndef u16
#define u16 uint16_t
#endif
#ifndef u32
#define u32 uint32_t
#endif1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
分别在lcd_init.h、lcd.h 和 touch.h 文件中将 sys.h 改为 stm32f10x.h
分别在lcd_init.c、lcd.c 和 touch.c 文件中将 delay.h 改为 board.h
3、引脚选择
该屏幕需要设置12个接口，具体接口说明见 各引脚说明。
软件SPI移植
当前厂家源码使用的是软件SPI接口，SPI时序部分厂家已经完成，我们只需要将引脚和延时配置好即可。所以对应接入的屏幕引脚请按照你的需要。
选择好引脚后，进入工程开始编写屏幕引脚初始化代码。
将 lcd_init.c 源代码中的 void LCD_GPIO_Init(void) 修改为如下代码。
c
void LCD_GPIO_Init(void)
{
GPIO_InitTypeDef GPIO_InitStructure;
RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA|RCC_APB2Periph_GPIOB, ENABLE);//使能时钟
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_2|GPIO_Pin_4|GPIO_Pin_5|GPIO_Pin_7;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;//推挽输出模式
GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;//100MHz
GPIO_Init(GPIOA, &GPIO_InitStructure);//初始化
GPIO_SetBits(GPIOA,GPIO_Pin_2|GPIO_Pin_4|GPIO_Pin_5|GPIO_Pin_7);
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_0|GPIO_Pin_1|GPIO_Pin_9;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;//推挽输出模式
GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;//50MHz
GPIO_Init(GPIOB, &GPIO_InitStructure);//初始化
GPIO_SetBits(GPIOB,GPIO_Pin_0|GPIO_Pin_1|GPIO_Pin_9);
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_12;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IPU;//上拉输入模式
GPIO_Init(GPIOB, &GPIO_InitStructure);
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_6;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IPU;//上拉输入模式
GPIO_Init(GPIOA, &GPIO_InitStructure);
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
我们更改lcd_init.h中的LCD端口定义
c
//-----------------LCD端口定义----------------
/*
CLK = PA5
MOS = PA7
RES = PB0
DC = PB1
BLK = PA2
MIS = PA6
CS1 = PA4
CS2 = PB9
PEN = PB12
*/
#define LCD_SCLK_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_5)//SCL=SCLK
#define LCD_SCLK_Set() GPIO_SetBits(GPIOA,GPIO_Pin_5)
#define LCD_MOSI_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_7)//SDA=MOSI
#define LCD_MOSI_Set() GPIO_SetBits(GPIOA,GPIO_Pin_7)
#define LCD_RES_Clr() GPIO_ResetBits(GPIOB,GPIO_Pin_0)//RES
#define LCD_RES_Set() GPIO_SetBits(GPIOB,GPIO_Pin_0)
#define LCD_DC_Clr() GPIO_ResetBits(GPIOB,GPIO_Pin_1)//DC
#define LCD_DC_Set() GPIO_SetBits(GPIOB,GPIO_Pin_1)
#define LCD_BLK_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_2)//BLK
#define LCD_BLK_Set() GPIO_SetBits(GPIOA,GPIO_Pin_2)
#define LCD_CS_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_4)//CS1
#define LCD_CS_Set() GPIO_SetBits(GPIOA,GPIO_Pin_4)1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
将lcd_init.h 处的触摸功能引脚位带操作宏进行修改
c
#define TCLK(x) GPIO_WriteBit(GPIOA, GPIO_Pin_5, x?Bit_SET:Bit_RESET) // SCLK
#define TDIN(x) GPIO_WriteBit(GPIOA, GPIO_Pin_7, x?Bit_SET:Bit_RESET) // MOSI
#define DOUT GPIO_ReadInputDataBit(GPIOA, GPIO_Pin_6) // MISO
#define TCS(x) GPIO_WriteBit(GPIOB, GPIO_Pin_9, x?Bit_SET:Bit_RESET) // CS2
#define PEN GPIO_ReadInputDataBit(GPIOB, GPIO_Pin_12) // PEN1
2
3
4
5
2
3
4
5
然后我们打开 touch.c 文件 将文件中的下列形式的语句换成后面的语句：
c
TCLK = 1; -----换成-------> TCLK(1);
TCLK = 0; -----换成-------> TCLK(0);
TDIN = 1; -----换成-------> TDIN(1);
TDIN = 0; -----换成-------> TDIN(0);
TCS = 1; -----换成-------> TCS(1);
TCS = 0; -----换成-------> TCS(0);1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
修改示例（例如）：
到这里软件SPI就移植完成了，可移步到第四节进行移植验证。
硬件SPI移植
硬件SPI与软件SPI相比，硬件SPI是靠硬件上面的SPI控制器，所有的时钟边缘采样，时钟发生，还有时序控制，都是由硬件完成的。它降低了CPU的使用率，提高了运行速度。软件SPI就是用代码控制IO输出高低电平，模拟SPI的时序，这种方法通信速度较慢，且不可靠。
想要使用硬件SPI驱动屏幕，需要确定使用的引脚是否有SPI外设功能。可以通过数据手册进行查看。
数据手册和用户手册都在百度网盘资料，网盘地址看入门手册。
当前使用的是硬件SPI接口，而屏幕我们只需要控制它，而不需要读取屏幕的数据，故使用的是3线的SPI，只使用到了时钟线SCK、主机输出从机输入线MOSI和软件控制的片选线NSS。而NSS我们使用的是软件控制，所以除了SCL(SCK)/SDA(MOSI)引脚需要使用硬件SPI功能的引脚外，其他引脚都可以使用开发板上其他的GPIO。这里选择使用PA5/PA6/PA7的SPI复用功能。其他对应接入的屏幕引脚请按照你的需要。这里选择的引脚见硬件SPI接线
选择好引脚后，进入工程开始编写屏幕引脚初始化代码。
lcd_init.c文件中的引脚初始化配置见如下代码。
c
void LCD_GPIO_Init(void)
{
GPIO_InitTypeDef GPIO_InitStructure;
RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA|RCC_APB2Periph_GPIOB, ENABLE);//使能时钟
RCC_APB2PeriphClockCmd(RCC_APB2Periph_SPI1, ENABLE); /* SPI时钟使能 */
// BLK CS1
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_2|GPIO_Pin_4;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;//推挽输出模式
GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;//100MHz
GPIO_Init(GPIOA, &GPIO_InitStructure);//初始化
GPIO_SetBits(GPIOA,GPIO_Pin_2|GPIO_Pin_4);
// RES DC CS2
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_0|GPIO_Pin_1|GPIO_Pin_9;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;//推挽输出模式
GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;//50MHz
GPIO_Init(GPIOB, &GPIO_InitStructure);//初始化
GPIO_SetBits(GPIOB,GPIO_Pin_0|GPIO_Pin_1|GPIO_Pin_9);
// PEN
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_12;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IPU;//上拉输入模式
GPIO_Init(GPIOB, &GPIO_InitStructure);
// CLK MOS
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_5|GPIO_Pin_7;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_AF_PP;//复用输出模式
GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;//50MHz
GPIO_Init(GPIOA, &GPIO_InitStructure);
// MIS
GPIO_InitStructure.GPIO_Pin = GPIO_Pin_6;
GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;//浮空输入模式
GPIO_Init(GPIOA, &GPIO_InitStructure);
SPI_InitTypeDef SPI_InitStructure;
/* FLASH_SPI 模式配置 */
SPI_InitStructure.SPI_Direction = SPI_Direction_2Lines_FullDuplex; // 传输模式全双工
SPI_InitStructure.SPI_Mode = SPI_Mode_Master; // 配置为主机
SPI_InitStructure.SPI_DataSize = SPI_DataSize_8b; // 8位数据
SPI_InitStructure.SPI_CPOL = SPI_CPOL_High;
SPI_InitStructure.SPI_CPHA = SPI_CPHA_2Edge; // 极性相位
SPI_InitStructure.SPI_NSS = SPI_NSS_Soft; // 软件cs
SPI_InitStructure.SPI_BaudRatePrescaler = SPI_BaudRatePrescaler_8; // SPI时钟预调因数为2
SPI_InitStructure.SPI_FirstBit = SPI_FirstBit_MSB; //高位在前
SPI_InitStructure.SPI_CRCPolynomial = 7;
SPI_Init(SPI1, &SPI_InitStructure);
/* 使能 FLASH_SPI */
SPI_Cmd(SPI1, ENABLE);
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
将lcd_init.h中的 LCD端口定义 宏，修改为:
c
//-----------------LCD端口定义----------------
/*
CLK = PA5
MOS = PA7
RES = PB0
DC = PB1
BLK = PA2
MIS = PA6
CS1 = PA4
CS2 = PB9
PEN = PB12
*/
#define LCD_SCLK_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_5)//SCL=SCLK
#define LCD_SCLK_Set() GPIO_SetBits(GPIOA,GPIO_Pin_5)
#define LCD_MOSI_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_7)//SDA=MOSI
#define LCD_MOSI_Set() GPIO_SetBits(GPIOA,GPIO_Pin_7)
#define LCD_RES_Clr() GPIO_ResetBits(GPIOB,GPIO_Pin_0)//RES
#define LCD_RES_Set() GPIO_SetBits(GPIOB,GPIO_Pin_0)
#define LCD_DC_Clr() GPIO_ResetBits(GPIOB,GPIO_Pin_1)//DC
#define LCD_DC_Set() GPIO_SetBits(GPIOB,GPIO_Pin_1)
#define LCD_BLK_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_2)//BLK
#define LCD_BLK_Set() GPIO_SetBits(GPIOA,GPIO_Pin_2)
#define LCD_CS_Clr() GPIO_ResetBits(GPIOA,GPIO_Pin_4)//CS1
#define LCD_CS_Set() GPIO_SetBits(GPIOA,GPIO_Pin_4)1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
将lcd_init.h 处的触摸功能引脚位带操作宏进行修改
修改为如 修改后触摸功能引脚 所示
c
#define TCLK(x) GPIO_WriteBit(GPIOA, GPIO_Pin_5, x?Bit_SET:Bit_RESET) // SCLK
#define TDIN(x) GPIO_WriteBit(GPIOA, GPIO_Pin_7, x?Bit_SET:Bit_RESET) // MOSI
#define DOUT GPIO_ReadInputDataBit(GPIOA, GPIO_Pin_6) // MISO
#define TCS(x) GPIO_WriteBit(GPIOB, GPIO_Pin_9, x?Bit_SET:Bit_RESET) // CS2
#define PEN GPIO_ReadInputDataBit(GPIOB, GPIO_Pin_12) // PEN1
2
3
4
5
2
3
4
5
然后我们打开 touch.c 文件 将文件中的下列形式的语句换成后面的语句：
c
TCLK = 1; -----换成-------> TCLK(1);
TCLK = 0; -----换成-------> TCLK(0);
TDIN = 1; -----换成-------> TDIN(1);
TDIN = 0; -----换成-------> TDIN(0);
TCS = 1; -----换成-------> TCS(1);
TCS = 0; -----换成-------> TCS(0);1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
修改示例：
在lcd_init.c文件中，将源代码的void LCD_Writ_Bus(u8 dat) 函数修改为：
c
/******************************************************************************
函数说明：LCD串行数据写入函数
入口数据：dat 要写入的串行数据
返回值： 无
******************************************************************************/
void LCD_Writ_Bus(u8 dat)
{
LCD_CS_Clr();
//等待发送缓冲区为空
while(RESET == SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_TXE) );
//通过SPI1发送一个字节数据
SPI_I2S_SendData(SPI1, dat);
//等待接收缓冲区不空标志
while(RESET == SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_RXNE) );
SPI_I2S_ReceiveData(SPI1);
LCD_CS_Set();
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
将touch.c文件中的 void TP_Write_Byte(u8 num) 函数修改为。
c
u16 TP_Write_Byte(u8 num)
{
u16 count=0;
//等待发送缓冲区为空
while(RESET == SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_TXE) );
//通过SPI1发送一个字节数据
SPI_I2S_SendData(SPI1, num);
//等待接收缓冲区不空标志
while(RESET == SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_RXNE) );
count = SPI_I2S_ReceiveData(SPI1);
return count;
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
这里因为 TP_Write_Byte(u8 num) 函数增加了返回类型为u16的返回值，故 touch.h 处关于 TP_Write_Byte(u8 num) 的定义也要改为返回u16类型的返回值。
再将touch.c文件中的 u16 TP_Read_AD(u8 CMD) 函数修改为。
c
u16 TP_Read_AD(u8 CMD)
{
u8 count = 0;
u16 Num=0;
TCS(0); //选中触摸屏IC
TP_Write_Byte(CMD);//发送命令字
Num=TP_Write_Byte(0xff)<<8;
Num |= TP_Write_Byte(0xff);
Num=Num>>4;
TCS(1); //释放片选
return(Num);
}1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
到这里硬件SPI就移植完成了，请移步到四节进行移植验证。
四、移植验证
验证之前，我们要给屏幕进行校准，出厂自带的参数不建议使用。
打开 touch.h 文件，找到 Adujust 的宏定义 将后面的 1 修改为 0 ；
在main.c中输入代码如下:
c
/*
* 立创开发板软硬件资料与相关扩展板软硬件资料官网全部开源
* 开发板官网：www.lckfb.com
* 技术支持常驻论坛，任何技术问题欢迎随时交流学习
* 立创论坛：https://oshwhub.com/forum
* 关注bilibili账号：【立创开发板】，掌握我们的最新动态！
* 不靠卖板赚钱，以培养中国工程师为己任
* Change Logs:
* Date Author Notes
* 2024-03-28 LCKFB-LP first version
*/
#include "stm32f10x.h"
#include "board.h"
#include "bsp_uart.h"
#include "stdio.h"
#include "lcd.h"
#include "lcd_init.h"
#include "touch.h"
#include "pic.h"
int main(void)
{
board_init();
uart1_init(115200);
float t=0;
u16 lastpos[2];//最后一次的数据
LCD_Init();//LCD初始化
LCD_Fill(0,0,LCD_W,LCD_H,WHITE);
lastpos[0]=0XFFFF;
LCD_ShowString(24,30,"LCD_W:",RED,WHITE,16,0);
LCD_ShowIntNum(72,30,LCD_W,3,RED,WHITE,16);
LCD_ShowString(24,50,"LCD_H:",RED,WHITE,16,0);
LCD_ShowIntNum(72,50,LCD_H,3,RED,WHITE,16);
LCD_ShowFloatNum1(20,80,t,4,RED,WHITE,16);
t+=0.11;
LCD_ShowPicture(65,80,40,40,gImage_1);
delay_1ms(1000);
LCD_Fill(0,0,LCD_W,LCD_H,WHITE);
TP_Init();
LCD_ShowString(10,LCD_H-40,"X:",RED,WHITE,16,0);
LCD_ShowIntNum(26,LCD_H-40,0,3,RED,WHITE,16);
LCD_ShowString(10,LCD_H-20,"Y:",RED,WHITE,16,0);
LCD_ShowIntNum(26,LCD_H-20,0,3,RED,WHITE,16);
while(1)
{
tp_dev.scan(0);//扫描
if(tp_dev.sta&TP_PRES_DOWN)//有按键被按下
{
delay_1ms(1);//必要的延时,否则老认为有按键按下.
if((tp_dev.x[0]<(LCD_W-1)&&tp_dev.x[0]>=1)&&(tp_dev.y[0]<(LCD_H-1)&&tp_dev.y[0]>=1))
{
if(lastpos[0]==0XFFFF)
{
lastpos[0]=tp_dev.x[0];
lastpos[1]=tp_dev.y[0];
}
//给触摸过的地方画线
LCD_DrawRoughLine(lastpos[0],lastpos[1],tp_dev.x[0],tp_dev.y[0],BLUE);
lastpos[0]=tp_dev.x[0];
lastpos[1]=tp_dev.y[0];
//显示当前触摸位置的X轴坐标
LCD_ShowString(10,LCD_H-40,"X:",RED,WHITE,16,0);
LCD_ShowIntNum(26,LCD_H-40,tp_dev.x[0],3,RED,WHITE,16);
//显示当前触摸位置的Y轴坐标
LCD_ShowString(10,LCD_H-20,"Y:",RED,WHITE,16,0);
LCD_ShowIntNum(26,LCD_H-20,tp_dev.y[0],3,RED,WHITE,16);
}
}
}
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
上电效果：