1. 项目概述
HS180S10B是一款采用ST7735S驱动芯片的TFT液晶显示屏,分辨率为128RGB×160点阵。这款显示屏采用SPI-4线接口与微控制器通信,具有体积小巧(35mm×56mm×3.5mm)、功耗低等特点,非常适合嵌入式系统使用。我在多个STM32项目中都使用过这款显示屏,它的性价比很高,但驱动编写过程中也有一些需要注意的细节。
2. 硬件连接与初始化
2.1 引脚连接方案
HS180S10B与STM32的典型连接方式如下:
| 显示屏引脚 | STM32引脚 | 功能说明 |
|---|---|---|
| SCL | PA5 | SPI时钟线 |
| SDA | PA7 | SPI数据线 |
| RES | PB0 | 复位信号 |
| DC | PB1 | 数据/命令选择 |
| CS | PB10 | 片选信号 |
| VCC | 3.3V | 电源正极 |
| GND | GND | 电源负极 |
注意:RES、DC和CS引脚可以根据实际需求连接到STM32的任何GPIO口,但建议选择同一组GPIO以简化代码。
2.2 SPI接口配置
ST7735S支持SPI模式0和模式3,我通常使用模式0,配置如下:
c复制void SPI_Init(void) {
GPIO_InitTypeDef GPIO_InitStructure;
SPI_InitTypeDef SPI_InitStructure;
// 使能时钟
RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA | RCC_APB2Periph_SPI1, ENABLE);
// 配置SCK和MOSI引脚
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;
GPIO_Init(GPIOA, &GPIO_InitStructure);
// 配置SPI
SPI_InitStructure.SPI_Direction = SPI_Direction_1Line_Tx;
SPI_InitStructure.SPI_Mode = SPI_Mode_Master;
SPI_InitStructure.SPI_DataSize = SPI_DataSize_8b;
SPI_InitStructure.SPI_CPOL = SPI_CPOL_Low;
SPI_InitStructure.SPI_CPHA = SPI_CPHA_1Edge;
SPI_InitStructure.SPI_NSS = SPI_NSS_Soft;
SPI_InitStructure.SPI_BaudRatePrescaler = SPI_BaudRatePrescaler_4;
SPI_InitStructure.SPI_FirstBit = SPI_FirstBit_MSB;
SPI_InitStructure.SPI_CRCPolynomial = 7;
SPI_Init(SPI1, &SPI_InitStructure);
SPI_Cmd(SPI1, ENABLE);
}
提示:SPI时钟频率不宜过高,我测试发现当STM32主频为72MHz时,SPI分频系数设为4(18MHz)工作稳定。如果出现显示异常,可以尝试降低SPI速度。
3. ST7735驱动程序设计
3.1 基本驱动函数
3.1.1 写命令和写数据函数
c复制void LCD_WriteCmd(uint8_t cmd) {
LCD_DC_CMD(); // 设置为命令模式
LCD_CS_LOW(); // 选中显示屏
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_TXE) == RESET);
SPI_I2S_SendData(SPI1, cmd);
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_BSY) == SET);
LCD_CS_HIGH(); // 取消选中
}
void LCD_WriteData(uint8_t data) {
LCD_DC_DATA(); // 设置为数据模式
LCD_CS_LOW(); // 选中显示屏
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_TXE) == RESET);
SPI_I2S_SendData(SPI1, data);
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_BSY) == SET);
LCD_CS_HIGH(); // 取消选中
}
3.1.2 初始化序列
ST7735的初始化需要按照特定顺序发送一系列命令和参数:
c复制void LCD_Init(void) {
// 硬件复位
LCD_RST_LOW();
DelayMs(100);
LCD_RST_HIGH();
DelayMs(120);
// 发送初始化命令序列
LCD_WriteCmd(0x11); // Sleep out
DelayMs(120);
LCD_WriteCmd(0xB1); // 帧率控制
LCD_WriteData(0x05);
LCD_WriteData(0x3C);
LCD_WriteData(0x3C);
LCD_WriteCmd(0xB2); // 帧率控制
LCD_WriteData(0x05);
LCD_WriteData(0x3C);
LCD_WriteData(0x3C);
// ... 其他初始化命令
LCD_WriteCmd(0x29); // 开启显示
}
注意:不同批次的ST7735芯片可能需要不同的初始化序列。如果遇到显示问题,建议查阅最新的数据手册或联系供应商获取正确的初始化代码。
3.2 显示控制函数
3.2.1 设置显示区域
c复制void LCD_SetWindow(uint8_t x0, uint8_t y0, uint8_t x1, uint8_t y1) {
LCD_WriteCmd(0x2A); // 列地址设置
LCD_WriteData(0x00);
LCD_WriteData(x0 + 2); // 这个偏移量因显示屏而异
LCD_WriteData(0x00);
LCD_WriteData(x1 + 2);
LCD_WriteCmd(0x2B); // 行地址设置
LCD_WriteData(0x00);
LCD_WriteData(y0 + 1); // 这个偏移量因显示屏而异
LCD_WriteData(0x00);
LCD_WriteData(y1 + 1);
LCD_WriteCmd(0x2C); // 准备写入GRAM
}
3.2.2 清屏函数
c复制void LCD_Clear(uint16_t color) {
uint16_t i, j;
uint8_t colorH = color >> 8;
uint8_t colorL = color & 0xFF;
LCD_SetWindow(0, 0, LCD_WIDTH-1, LCD_HEIGHT-1);
for(i = 0; i < LCD_HEIGHT; i++) {
for(j = 0; j < LCD_WIDTH; j++) {
LCD_WriteData(colorH);
LCD_WriteData(colorL);
}
}
}
提示:清屏操作比较耗时,在需要频繁刷新的应用中,可以考虑只刷新变化的部分。
4. 图形绘制函数实现
4.1 像素点绘制
c复制void LCD_DrawPixel(uint8_t x, uint8_t y, uint16_t color) {
if(x >= LCD_WIDTH || y >= LCD_HEIGHT) return;
LCD_SetWindow(x, y, x, y);
LCD_WriteData(color >> 8);
LCD_WriteData(color & 0xFF);
}
4.2 直线绘制算法
c复制void LCD_DrawLine(uint8_t x0, uint8_t y0, uint8_t x1, uint8_t y1, uint16_t color) {
int16_t dx = abs(x1 - x0);
int16_t dy = abs(y1 - y0);
int16_t sx = (x0 < x1) ? 1 : -1;
int16_t sy = (y0 < y1) ? 1 : -1;
int16_t err = dx - dy;
int16_t e2;
while(1) {
LCD_DrawPixel(x0, y0, color);
if(x0 == x1 && y0 == y1) break;
e2 = 2 * err;
if(e2 > -dy) {
err -= dy;
x0 += sx;
}
if(e2 < dx) {
err += dx;
y0 += sy;
}
}
}
4.3 矩形和圆形绘制
c复制void LCD_DrawRect(uint8_t x0, uint8_t y0, uint8_t width, uint8_t height, uint16_t color) {
LCD_DrawLine(x0, y0, x0 + width, y0, color);
LCD_DrawLine(x0, y0 + height, x0 + width, y0 + height, color);
LCD_DrawLine(x0, y0, x0, y0 + height, color);
LCD_DrawLine(x0 + width, y0, x0 + width, y0 + height, color);
}
void LCD_DrawCircle(uint8_t x0, uint8_t y0, uint8_t r, uint16_t color) {
int16_t f = 1 - r;
int16_t ddF_x = 1;
int16_t ddF_y = -2 * r;
int16_t x = 0;
int16_t y = r;
LCD_DrawPixel(x0, y0 + r, color);
LCD_DrawPixel(x0, y0 - r, color);
LCD_DrawPixel(x0 + r, y0, color);
LCD_DrawPixel(x0 - r, y0, color);
while(x < y) {
if(f >= 0) {
y--;
ddF_y += 2;
f += ddF_y;
}
x++;
ddF_x += 2;
f += ddF_x;
LCD_DrawPixel(x0 + x, y0 + y, color);
LCD_DrawPixel(x0 - x, y0 + y, color);
LCD_DrawPixel(x0 + x, y0 - y, color);
LCD_DrawPixel(x0 - x, y0 - y, color);
LCD_DrawPixel(x0 + y, y0 + x, color);
LCD_DrawPixel(x0 - y, y0 + x, color);
LCD_DrawPixel(x0 + y, y0 - x, color);
LCD_DrawPixel(x0 - y, y0 - x, color);
}
}
5. 显示优化技巧
5.1 双缓冲技术
对于需要频繁刷新的应用,可以使用双缓冲技术减少闪烁:
c复制uint16_t frameBuffer[LCD_HEIGHT][LCD_WIDTH];
void LCD_UpdateScreen(void) {
uint16_t i, j;
LCD_SetWindow(0, 0, LCD_WIDTH-1, LCD_HEIGHT-1);
for(i = 0; i < LCD_HEIGHT; i++) {
for(j = 0; j < LCD_WIDTH; j++) {
LCD_WriteData(frameBuffer[i][j] >> 8);
LCD_WriteData(frameBuffer[i][j] & 0xFF);
}
}
}
5.2 局部刷新
只刷新屏幕上发生变化的���分可以显著提高性能:
c复制typedef struct {
uint8_t x0;
uint8_t y0;
uint8_t x1;
uint8_t y1;
bool dirty;
} DirtyRegion;
DirtyRegion dirtyRegion = {0};
void LCD_MarkDirty(uint8_t x0, uint8_t y0, uint8_t x1, uint8_t y1) {
if(!dirtyRegion.dirty) {
dirtyRegion.x0 = x0;
dirtyRegion.y0 = y0;
dirtyRegion.x1 = x1;
dirtyRegion.y1 = y1;
dirtyRegion.dirty = true;
} else {
dirtyRegion.x0 = MIN(dirtyRegion.x0, x0);
dirtyRegion.y0 = MIN(dirtyRegion.y0, y0);
dirtyRegion.x1 = MAX(dirtyRegion.x1, x1);
dirtyRegion.y1 = MAX(dirtyRegion.y1, y1);
}
}
void LCD_RefreshDirty(void) {
if(!dirtyRegion.dirty) return;
uint16_t i, j;
LCD_SetWindow(dirtyRegion.x0, dirtyRegion.y0, dirtyRegion.x1, dirtyRegion.y1);
for(i = dirtyRegion.y0; i <= dirtyRegion.y1; i++) {
for(j = dirtyRegion.x0; j <= dirtyRegion.x1; j++) {
LCD_WriteData(frameBuffer[i][j] >> 8);
LCD_WriteData(frameBuffer[i][j] & 0xFF);
}
}
dirtyRegion.dirty = false;
}
6. 常见问题与解决方案
6.1 显示颜色不正确
现象:显示的颜色与预期不符,例如红色显示为蓝色。
可能原因:
- RGB顺序配置错误
- 颜色格式不正确(565 vs 555)
解决方案:
检查并修改颜色格式设置命令:
c复制// 正确的颜色格式设置
LCD_WriteCmd(0x3A); // 接口像素格式
LCD_WriteData(0x05); // 16位RGB565格式
6.2 屏幕闪烁或显示不稳定
现象:屏幕闪烁、显示内容不稳定或部分区域显示异常。
可能原因:
- SPI时钟频率过高
- 电源不稳定
- 复位时序不正确
解决方案:
- 降低SPI时钟频率
- 检查电源滤波电容(建议在VCC和GND之间添加10μF和0.1μF电容)
- 确保复位信号满足最小低电平时间要求(通常至少10ms)
6.3 显示方向不正确
现象:显示内容方向与预期不符。
解决方案:
调整显示方向控制命令:
c复制void LCD_SetRotation(uint8_t rotation) {
LCD_WriteCmd(0x36); // 内存数据访问控制
switch(rotation) {
case 0:
LCD_WriteData(0x08); // 横向显示,不镜像
break;
case 1:
LCD_WriteData(0x68); // 纵向显示,不镜像
break;
case 2:
LCD_WriteData(0xC8); // 横向显示,镜像
break;
case 3:
LCD_WriteData(0xA8); // 纵向显示,镜像
break;
}
// 更新显示尺寸
if(rotation & 1) {
LCD_WIDTH = 160;
LCD_HEIGHT = 128;
} else {
LCD_WIDTH = 128;
LCD_HEIGHT = 160;
}
}
7. 性能优化建议
- 使用DMA传输:对于大量数据传输,可以使用STM32的DMA功能减轻CPU负担。
c复制void LCD_DMA_Send(uint8_t *data, uint32_t length) {
// 配置DMA
DMA_InitTypeDef DMA_InitStructure;
DMA_DeInit(DMA1_Channel3);
DMA_InitStructure.DMA_PeripheralBaseAddr = (uint32_t)&(SPI1->DR);
DMA_InitStructure.DMA_MemoryBaseAddr = (uint32_t)data;
DMA_InitStructure.DMA_DIR = DMA_DIR_PeripheralDST;
DMA_InitStructure.DMA_BufferSize = length;
DMA_InitStructure.DMA_PeripheralInc = DMA_PeripheralInc_Disable;
DMA_InitStructure.DMA_MemoryInc = DMA_MemoryInc_Enable;
DMA_InitStructure.DMA_PeripheralDataSize = DMA_PeripheralDataSize_Byte;
DMA_InitStructure.DMA_MemoryDataSize = DMA_MemoryDataSize_Byte;
DMA_InitStructure.DMA_Mode = DMA_Mode_Normal;
DMA_InitStructure.DMA_Priority = DMA_Priority_High;
DMA_InitStructure.DMA_M2M = DMA_M2M_Disable;
DMA_Init(DMA1_Channel3, &DMA_InitStructure);
// 启动DMA传输
SPI_I2S_DMACmd(SPI1, SPI_I2S_DMAReq_Tx, ENABLE);
DMA_Cmd(DMA1_Channel3, ENABLE);
// 等待传输完成
while(DMA_GetFlagStatus(DMA1_FLAG_TC3) == RESET);
DMA_ClearFlag(DMA1_FLAG_TC3);
}
- 批量写入优化:减少命令切换次数可以提高写入速度。
c复制void LCD_WriteDataBulk(uint16_t *data, uint32_t length) {
LCD_DC_DATA();
LCD_CS_LOW();
while(length--) {
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_TXE) == RESET);
SPI_I2S_SendData(SPI1, *data >> 8);
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_TXE) == RESET);
SPI_I2S_SendData(SPI1, *data & 0xFF);
data++;
}
while(SPI_I2S_GetFlagStatus(SPI1, SPI_I2S_FLAG_BSY) == SET);
LCD_CS_HIGH();
}
- 使用硬件SPI:相比软件模拟SPI,硬件SPI可以提供更高的传输速率和更稳定的性能。
8. 实际应用案例
8.1 简单UI界面实现
c复制typedef struct {
uint8_t x;
uint8_t y;
uint8_t width;
uint8_t height;
char *text;
bool pressed;
} Button;
void DrawButton(Button *btn) {
// 绘制按钮背景
LCD_FillRect(btn->x, btn->y, btn->width, btn->height,
btn->pressed ? RGB(100,100,100) : RGB(200,200,200));
// 绘制边框
LCD_DrawRect(btn->x, btn->y, btn->width, btn->height, RGB(0,0,0));
// 绘制文字
uint8_t textX = btn->x + (btn->width - strlen(btn->text)*6)/2;
uint8_t textY = btn->y + (btn->height - 8)/2;
LCD_DrawString(textX, textY, btn->text, RGB(0,0,0));
}
bool CheckButtonPress(Button *btn, uint8_t touchX, uint8_t touchY) {
if(touchX >= btn->x && touchX <= btn->x + btn->width &&
touchY >= btn->y && touchY <= btn->y + btn->height) {
btn->pressed = true;
DrawButton(btn);
return true;
}
return false;
}
8.2 波形显示实现
c复制#define WAVE_WIDTH 128
#define WAVE_HEIGHT 60
#define WAVE_OFFSET_X 0
#define WAVE_OFFSET_Y 70
uint8_t waveBuffer[WAVE_WIDTH];
uint8_t waveIndex = 0;
void InitWaveDisplay() {
LCD_DrawRect(WAVE_OFFSET_X, WAVE_OFFSET_Y,
WAVE_WIDTH, WAVE_HEIGHT, RGB(0,0,0));
memset(waveBuffer, WAVE_HEIGHT/2, WAVE_WIDTH);
}
void UpdateWaveDisplay(uint8_t newValue) {
// 移动现有波形数据
memmove(waveBuffer, waveBuffer+1, WAVE_WIDTH-1);
waveBuffer[WAVE_WIDTH-1] = newValue;
// 清除旧波形
LCD_SetWindow(WAVE_OFFSET_X, WAVE_OFFSET_Y,
WAVE_OFFSET_X + WAVE_WIDTH - 1,
WAVE_OFFSET_Y + WAVE_HEIGHT - 1);
LCD_FillRect(WAVE_OFFSET_X, WAVE_OFFSET_Y,
WAVE_WIDTH, WAVE_HEIGHT, RGB(255,255,255));
// 绘制新波形
LCD_DrawRect(WAVE_OFFSET_X, WAVE_OFFSET_Y,
WAVE_WIDTH, WAVE_HEIGHT, RGB(0,0,0));
for(uint8_t i = 0; i < WAVE_WIDTH; i++) {
LCD_DrawPixel(WAVE_OFFSET_X + i,
WAVE_OFFSET_Y + WAVE_HEIGHT - waveBuffer[i],
RGB(255,0,0));
}
}
9. 项目扩展思路
-
添加触摸支持:可以结合电阻式触摸屏实现交互功能。
-
多级菜单系统:实现复杂的用户界面导航。
-
自定义字体支持:添加中文字库或其他特殊字体显示功能。
-
动画效果:实现平滑的过渡动画和动态效果。
-
与传感器集成:将显示屏作为传感器数据的可视化输出设备。
在实际项目中,我发现ST7735驱动的显示屏虽然分辨率不高,但凭借其低成本和易用性,非常适合嵌入式系统的数据显示需求。通过合理的驱动优化和功��扩展,可以满足大多数嵌入式应用的可视化需求。
