【CW32模塊使用】1.8寸彩色觸摸屏
一、模塊來源
模塊實物展示：
資料下載鏈接：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
帶電阻觸摸芯片：XPT2046
以上信息見廠家資料文件
文件路徑
尺寸參數
三、移植過程
我們的目標是將例程移植至立創·CW32F030C8T6開發板上。按照以下步驟，即可完成移植。
將源碼導入工程；
根據編譯報錯處進行粗改；
修改引腳配置；
修改時序配置；
移植驗證。
3.1查看資料
打開廠家資料例程（例程下載見百度網盤鏈接下載）。具體路徑見例程路徑
例程路徑
3.2移植至工程
將廠家資料路徑下的【LCD】文件夾，復制到自己的工程中。（工程可以參考入門手冊工程模板）
復制示意圖
我們打開工程文件，將我們剛剛復制到文件夾中的文件，導入C文件和路徑。
分別在lcd_init.h、lcd.h 和 touch.h 文件中定義三個宏，u32、u16與u8。
#ifndef u8 #define u8 uint8_t #endif #ifndef u16 #define u16 uint16_t #endif #ifndef u32 #define u32 uint32_t #endif
分別在lcd_init.h、lcd.h 和 touch.h 文件中將 sys.h 改為 board.h
修改lcd_init.h內容
修改lcd.h內容
修改touch.h內容
分別在lcd_init.c、lcd.c 和 touch.c 文件中將 delay.h 注釋掉。
修改lcd_init.c內容
修改lcd.c內容
修改touch.c內容
3.3. 引腳選擇?
該屏幕需要設置12個接口，具體接口說明見 各引腳說明。
3.4. 軟件SPI移植?
當前廠家源碼使用的是軟件SPI接口，SPI時序部分廠家已經完成，我們只需要將引腳和延時配置好即可。所以對應接入的屏幕引腳請按照你的需要。
軟件SPI接線圖
選擇好引腳后，進入工程開始編寫屏幕引腳初始化代碼。
在lcd_init.h中添加LCD端口移植定義
//-----------------LCD端口移植---------------- #define RCC_LCD1_ENABLE() __RCC_GPIOA_CLK_ENABLE() #define RCC_LCD2_ENABLE() __RCC_GPIOB_CLK_ENABLE() #define LCD_SCLK_PORT CW_GPIOA #define LCD_SCLK_PIN GPIO_PIN_5 #define LCD_MOSI_PORT CW_GPIOA #define LCD_MOSI_PIN GPIO_PIN_7 #define LCD_RES_PORT CW_GPIOB #define LCD_RES_PIN GPIO_PIN_0 #define LCD_DC_PORT CW_GPIOB #define LCD_DC_PIN GPIO_PIN_1 #define LCD_BLK_PORT CW_GPIOA #define LCD_BLK_PIN GPIO_PIN_2 #define LCD_MISO_PORT CW_GPIOA #define LCD_MISO_PIN GPIO_PIN_6 #define LCD_CS1_PORT CW_GPIOA #define LCD_CS1_PIN GPIO_PIN_4 #define LCD_CS2_PORT CW_GPIOB #define LCD_CS2_PIN GPIO_PIN_9 #define LCD_PEN_PORT CW_GPIOB #define LCD_PEN_PIN GPIO_PIN_12
將lcd_init.c源代碼中的void LCD_GPIO_Init(void)修改為如下代碼。
void LCD_GPIO_Init(void)
{
GPIO_InitTypeDef GPIO_InitStruct; // GPIO初始化結構體
RCC_LCD1_ENABLE(); // 使能GPIO時鐘1
RCC_LCD2_ENABLE(); // 使能GPIO時鐘2
GPIO_InitStruct.Pins = LCD_SCLK_PIN| // GPIO引腳
LCD_MOSI_PIN|
LCD_BLK_PIN|
LCD_CS1_PIN;
GPIO_InitStruct.Mode = GPIO_MODE_OUTPUT_PP; // 推挽輸出
GPIO_InitStruct.Speed = GPIO_SPEED_HIGH; // 輸出速度高
GPIO_Init(LCD_SCLK_PORT, &GPIO_InitStruct); // 初始化
GPIO_InitStruct.Pins = LCD_RES_PIN|
LCD_DC_PIN|
LCD_CS2_PIN;
GPIO_Init(LCD_RES_PORT, &GPIO_InitStruct); // 初始化
GPIO_InitStruct.Pins = LCD_MISO_PIN; // GPIO引腳
GPIO_InitStruct.Mode = GPIO_MODE_INPUT_PULLUP; // 上拉輸入
GPIO_Init(LCD_MISO_PORT, &GPIO_InitStruct); // 初始化
GPIO_InitStruct.Pins = LCD_PEN_PIN; // GPIO引腳
GPIO_InitStruct.Mode = GPIO_MODE_INPUT_PULLUP; // 上拉輸入
GPIO_Init(LCD_PEN_PORT, &GPIO_InitStruct); // 初始化
}
將lcd_init.h中的 LCD端口定義 宏，修改為右圖樣式。
//-----------------LCD端口定義---------------- #define LCD_SCLK_Clr() GPIO_WritePin(LCD_SCLK_PORT, LCD_SCLK_PIN, GPIO_Pin_RESET)//SCL=SCLK #define LCD_SCLK_Set() GPIO_WritePin(LCD_SCLK_PORT, LCD_SCLK_PIN, GPIO_Pin_SET) #define LCD_MOSI_Clr() GPIO_WritePin(LCD_MOSI_PORT, LCD_MOSI_PIN, GPIO_Pin_RESET)//SDA=MOSI #define LCD_MOSI_Set() GPIO_WritePin(LCD_MOSI_PORT, LCD_MOSI_PIN, GPIO_Pin_SET) #define LCD_RES_Clr() GPIO_WritePin(LCD_RES_PORT, LCD_RES_PIN, GPIO_Pin_RESET)//RES #define LCD_RES_Set() GPIO_WritePin(LCD_RES_PORT, LCD_RES_PIN, GPIO_Pin_SET) #define LCD_DC_Clr() GPIO_WritePin(LCD_DC_PORT, LCD_DC_PIN, GPIO_Pin_RESET)//DC #define LCD_DC_Set() GPIO_WritePin(LCD_DC_PORT, LCD_DC_PIN, GPIO_Pin_SET) #define LCD_BLK_Clr() GPIO_WritePin(LCD_BLK_PORT, LCD_BLK_PIN, GPIO_Pin_RESET)//BLK #define LCD_BLK_Set() GPIO_WritePin(LCD_BLK_PORT, LCD_BLK_PIN, GPIO_Pin_SET) #define LCD_CS_Clr() GPIO_WritePin(LCD_CS1_PORT, LCD_CS1_PIN, GPIO_Pin_RESET)//CS1 #define LCD_CS_Set() GPIO_WritePin(LCD_CS1_PORT, LCD_CS1_PIN, GPIO_Pin_SET)
源端口定義
修改后端口定義
將lcd_init.h 處的觸摸功能引腳位帶操作宏進行修改
//電阻屏芯片連接引腳 #define TCLK(x) GPIO_WritePin(LCD_SCLK_PORT, LCD_SCLK_PIN, x?GPIO_Pin_SET:GPIO_Pin_RESET) // SCLK #define TDIN(x) GPIO_WritePin(LCD_MOSI_PORT, LCD_MOSI_PIN, x?GPIO_Pin_SET:GPIO_Pin_RESET) // MOSI #define DOUT GPIO_ReadPin(LCD_MISO_PORT, LCD_MISO_PIN) // MISO #define TCS(x) GPIO_WritePin(LCD_CS2_PORT, LCD_CS2_PIN, x?GPIO_Pin_SET:GPIO_Pin_RESET) // CS2 #define PEN GPIO_ReadPin(LCD_PEN_PORT, LCD_PEN_PIN) // PEN
修改前觸摸功能引腳?
修改后觸摸功能引腳
然后我們打開 touch.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);
到這里軟件SPI就移植完成了，請移步到第4節進行移植驗證。
3.5. 硬件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接線
有SPI功能的引腳
軟件SPI接線圖
選擇好引腳后，進入工程開始編寫屏幕引腳初始化代碼。
在lcd_init.h中添加LCD端口移植定義
//-----------------LCD端口移植---------------- #define RCC_LCD1_ENABLE() __RCC_GPIOA_CLK_ENABLE() #define RCC_LCD2_ENABLE() __RCC_GPIOB_CLK_ENABLE() #define RCC_SPI1_ENABLE() __RCC_SPI1_CLK_ENABLE(); #define BSP_SPI1 CW_SPI1 //GPIO AF #define SPI1_AF_SCK() PA05_AFx_SPI1SCK() #define SPI1_AF_MOSI() PA07_AFx_SPI1MOSI() #define SPI1_AF_MISO() PA06_AFx_SPI1MISO() #define LCD_SCLK_PORT CW_GPIOA #define LCD_SCLK_PIN GPIO_PIN_5 #define LCD_MOSI_PORT CW_GPIOA #define LCD_MOSI_PIN GPIO_PIN_7 #define LCD_RES_PORT CW_GPIOB #define LCD_RES_PIN GPIO_PIN_0 #define LCD_DC_PORT CW_GPIOB #define LCD_DC_PIN GPIO_PIN_1 #define LCD_BLK_PORT CW_GPIOA #define LCD_BLK_PIN GPIO_PIN_2 #define LCD_MISO_PORT CW_GPIOA #define LCD_MISO_PIN GPIO_PIN_6 #define LCD_CS1_PORT CW_GPIOA #define LCD_CS1_PIN GPIO_PIN_4 #define LCD_CS2_PORT CW_GPIOB #define LCD_CS2_PIN GPIO_PIN_9 #define LCD_PEN_PORT CW_GPIOB #define LCD_PEN_PIN GPIO_PIN_12
將lcd_init.c源代碼中的void LCD_GPIO_Init(void)修改為如下代碼。
void LCD_GPIO_Init(void)
{
GPIO_InitTypeDef GPIO_InitStruct; // GPIO初始化結構體
RCC_LCD1_ENABLE(); // 使能GPIO時鐘1
RCC_LCD2_ENABLE(); // 使能GPIO時鐘2
RCC_SPI1_ENABLE(); // 使能SPI1時鐘
// GPIO復用為SPI1
SPI1_AF_SCK();
SPI1_AF_MOSI();
SPI1_AF_MISO();
GPIO_InitStruct.Pins = LCD_SCLK_PIN| // GPIO引腳
LCD_MOSI_PIN|
LCD_BLK_PIN|
LCD_CS1_PIN;
GPIO_InitStruct.Mode = GPIO_MODE_OUTPUT_PP; // 推挽輸出
GPIO_InitStruct.Speed = GPIO_SPEED_HIGH; // 輸出速度高
GPIO_Init(LCD_SCLK_PORT, &GPIO_InitStruct); // 初始化
GPIO_InitStruct.Pins = LCD_RES_PIN|
LCD_DC_PIN|
LCD_CS2_PIN;
GPIO_Init(LCD_RES_PORT, &GPIO_InitStruct); // 初始化
GPIO_InitStruct.Pins = LCD_MISO_PIN; // GPIO引腳
GPIO_InitStruct.Mode = GPIO_MODE_INPUT_PULLUP; // 上拉輸入
GPIO_Init(LCD_MISO_PORT, &GPIO_InitStruct); // 初始化
GPIO_InitStruct.Pins = LCD_PEN_PIN; // GPIO引腳
GPIO_InitStruct.Mode = GPIO_MODE_INPUT_PULLUP; // 上拉輸入
GPIO_Init(LCD_PEN_PORT, &GPIO_InitStruct); // 初始化
SPI_InitTypeDef SPI_InitStructure; // SPI 初始化結構體
SPI_InitStructure.SPI_Direction = SPI_Direction_2Lines_FullDuplex; // 雙線全雙工
SPI_InitStructure.SPI_Mode = SPI_Mode_Master; // 主機模式
SPI_InitStructure.SPI_DataSize = SPI_DataSize_8b; // 幀數據長度為8bit
SPI_InitStructure.SPI_CPOL = SPI_CPOL_High; // 時鐘空閑電平為高
SPI_InitStructure.SPI_CPHA = SPI_CPHA_2Edge; // 第二個邊沿采樣
SPI_InitStructure.SPI_NSS = SPI_NSS_Soft; // 片選信號由SSI寄存器控制
SPI_InitStructure.SPI_BaudRatePrescaler = SPI_BaudRatePrescaler_8; // 波特率為PCLK的8分頻
SPI_InitStructure.SPI_FirstBit = SPI_FirstBit_MSB; // 最高有效位 MSB 收發在前
SPI_InitStructure.SPI_Speed = SPI_Speed_Low; // 低速SPI
SPI_Init(BSP_SPI1, &SPI_InitStructure); // 初始化
SPI_Cmd(BSP_SPI1, ENABLE); // 使能SPI1
}
將lcd_init.h中的 LCD端口定義 宏，修改為右圖樣式。
//-----------------LCD端口定義---------------- #define LCD_RES_Clr() GPIO_WritePin(LCD_RES_PORT, LCD_RES_PIN, GPIO_Pin_RESET)//RES #define LCD_RES_Set() GPIO_WritePin(LCD_RES_PORT, LCD_RES_PIN, GPIO_Pin_SET) #define LCD_DC_Clr() GPIO_WritePin(LCD_DC_PORT, LCD_DC_PIN, GPIO_Pin_RESET)//DC #define LCD_DC_Set() GPIO_WritePin(LCD_DC_PORT, LCD_DC_PIN, GPIO_Pin_SET) #define LCD_BLK_Clr() GPIO_WritePin(LCD_BLK_PORT, LCD_BLK_PIN, GPIO_Pin_RESET)//BLK #define LCD_BLK_Set() GPIO_WritePin(LCD_BLK_PORT, LCD_BLK_PIN, GPIO_Pin_SET) #define LCD_CS_Clr() GPIO_WritePin(LCD_CS1_PORT, LCD_CS1_PIN, GPIO_Pin_RESET)//CS1 #define LCD_CS_Set() GPIO_WritePin(LCD_CS1_PORT, LCD_CS1_PIN, GPIO_Pin_SET)
源端口定義
修改后端口定義
將lcd_init.h 處的觸摸功能引腳位帶操作宏進行修改
//電阻屏芯片連接引腳 #define TCLK(x) GPIO_WritePin(LCD_SCLK_PORT, LCD_SCLK_PIN, x?GPIO_Pin_SET:GPIO_Pin_RESET) // SCLK #define TDIN(x) GPIO_WritePin(LCD_MOSI_PORT, LCD_MOSI_PIN, x?GPIO_Pin_SET:GPIO_Pin_RESET) // MOSI #define DOUT GPIO_ReadPin(LCD_MISO_PORT, LCD_MISO_PIN) // MISO #define TCS(x) GPIO_WritePin(LCD_CS2_PORT, LCD_CS2_PIN, x?GPIO_Pin_SET:GPIO_Pin_RESET) // CS2 #define PEN GPIO_ReadPin(LCD_PEN_PORT, LCD_PEN_PIN) // PEN
修改前觸摸功能引腳?
修改后觸摸功能引腳
然后我們打開 touch.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);
初始化部分完完成，還需要修改發送數據部分。源代碼中使用的是軟件SPI，時序是由廠家編寫完成的。我們使用硬件SPI則需要對其進行修改。
在lcd_init.c文件中，將源代碼的void LCD_Writ_Bus(u8 dat) 函數修改為右圖樣式。
源代碼格式?
修改后的代碼
/******************************************************************************
函數說明：LCD串行數據寫入函數
入口數據：dat 要寫入的串行數據
返回值： 無
******************************************************************************/
void LCD_Writ_Bus(u8 dat)
{
LCD_CS_Clr();
while (SPI_GetFlagStatus(BSP_SPI1, SPI_FLAG_TXE) == RESET);
SPI_SendData(BSP_SPI1, dat); // 發送數據
while (SPI_GetFlagStatus(BSP_SPI1, SPI_FLAG_RXNE) == RESET);
uint16_t temp = SPI_ReceiveData(BSP_SPI1); // 返回數據
LCD_CS_Set();
}
將touch.c文件中的 void TP_Write_Byte(u8 num) 函數修改為右圖樣式。
u16 TP_Write_Byte(u8 num)
{
while (SPI_GetFlagStatus(BSP_SPI1, SPI_FLAG_TXE) == RESET);
SPI_SendData(BSP_SPI1, num); // 發送數據
while (SPI_GetFlagStatus(BSP_SPI1, SPI_FLAG_RXNE) == RESET);
uint16_t temp = SPI_ReceiveData(BSP_SPI1); // 返回數據
return temp;
}
函數修改前
函數修改后
這里因為 TP_Write_Byte(u8 num) 函數增加了返回類型為u16的返回值，故touch.h處關于TP_Write_Byte(u8 num) 的定義也要改為返回u16類型的返回值。
再將touch.c文件中的 u16 TP_Read_AD(u8 CMD) 函數修改為右圖樣式。
u16 TP_Read_AD(u8 CMD)
{
u8 count = 0;
u16 Num=0;
TCS(0); //選中觸摸屏IC
TP_Write_Byte(CMD);//發送命令字
Num=TP_Write_Byte(0xff)>4;
TCS(1); //釋放片選
return(Num);
}
函數修改前
函數修改后
到這里硬件SPI就移植完成了，請移步到第4節進行移植驗證。
四. 移植驗證?
驗證之前，我們要給屏幕進行校準，出廠自帶的參數不建議使用。
打開 touch.h 文件，找到 Adujust 的宏定義 將后面的 1 修改為 0 ；
在main.c中輸入代碼如下
/* * Change Logs: * Date Author Notes * 2024-06-18 LCKFB-LP first version */ #include "board.h" #include "stdio.h" #include "bsp_uart.h" #include "lcd.h" #include "lcd_init.h" #include "touch.h" #include "pic.h" int32_t main(void) { board_init(); // 開發板初始化 uart1_init(115200); // 串口1波特率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,(uint8_t *)"LCD_W:",RED,WHITE,16,0); LCD_ShowIntNum(72,30,LCD_W,3,RED,WHITE,16); LCD_ShowString(24,50,(uint8_t *)"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,(uint8_t *)"X:",RED,WHITE,16,0); LCD_ShowIntNum(26,LCD_H-40,0,3,RED,WHITE,16); LCD_ShowString(10,LCD_H-20,(uint8_t *)"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]=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,(uint8_t *)"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,(uint8_t *)"Y:",RED,WHITE,16,0); LCD_ShowIntNum(26,LCD_H-20,tp_dev.y[0],3,RED,WHITE,16); } } } }
上電效果：
移植成功案例代碼（軟件和硬件SPI）：
鏈接：https://pan.baidu.com/s/1kL-vn0npgbR3XT2RXqHO4A?pwd=LCKF 提取碼：LCKF
-
LCD屏
+關注
關注
0文章
126瀏覽量
15970 -
開發板
+關注
關注
25文章
5629瀏覽量
103712 -
CW32
+關注
關注
1文章
254瀏覽量
1185
發布評論請先 登錄
【應用筆記】CW32 電容式觸摸按鍵設計指南
佛山市回收西門子MP377 15寸彩色觸摸屏
液晶模塊應用之帶觸摸屏的4.7寸TFT應用
電容觸摸屏原理 電容觸摸屏和電阻觸摸屏有什么區別
CW32模塊使用 3.5寸ILI9488彩色觸摸屏
工商網監
評論