stc32g128k/Docs/60_coding/mod-lcd.md

# 编码实现 - LCD 显示与字模驱动 (Docs/60_coding/mod-lcd.md)

本文件对应 LCD 驱动与字模渲染的具体编码实现细节。

## 1. 对应代码源文件

*   [Drivers/lcd.c](file:///c:/workfile/105/stc32g12k128/Drivers/lcd.c) (LCD 初始化、SPI 数据写、画图画字函数)
*   [Drivers/lcd.h](file:///c:/workfile/105/stc32g12k128/Drivers/lcd.h) (管脚接口与画图画字声明)
*   [Drivers/lcd_font.h](file:///c:/workfile/105/stc32g12k128/Drivers/lcd_font.h) (ASCII 8x16 点阵字模与图标数据)

## 2. 关键代码片段与逻辑实现

### 2.1 局部窗口设置 (X轴偏移量修正)
在 `lcd.c` 中配置窗口时，需要向 X 轴坐标加上 4 像素偏差：
```c
void LCD_SetWindow(u16 x1, u16 y1, u16 x2, u16 y2) {
    x1 += 4;
    x2 += 4;
    LCD_WriteCmd(0x2A); // Column Address Set
    LCD_WriteData(x1 >> 8);
    LCD_WriteData(x1 & 0xFF);
    LCD_WriteData(x2 >> 8);
    LCD_WriteData(x2 & 0xFF);
    
    LCD_WriteCmd(0x2B); // Row Address Set
    LCD_WriteData(y1 >> 8);
    LCD_WriteData(y1 & 0xFF);
    LCD_WriteData(y2 >> 8);
    LCD_WriteData(y2 & 0xFF);
}
```

### 2.2 电池图标与百分比坐标对齐
在 `main.c` 的时钟重绘函数中，通过以下坐标在 **135 像素宽** 屏幕上绘制电量：
```c
// 绘制百分比字符
LCD_ShowString(77, 24, "85%", COLOR_GRAY, COLOR_BLACK);
// 绘制电池位图
LCD_ShowImage(107, 27, 20, 10, bmp_battery_20x10, COLOR_GRAY, COLOR_BLACK);
```
两者 Y 轴保持 24 与 27 对齐，X 轴坐标根据 135 宽屏幕右偏 15 像素（原为 62 和 92），安全边距保持在 6 像素（77 + 3*8 = 101，与 107 之间为 6px），防止重合。

### 2.3 字模百分号偏置
在 `lcd_font.h` 的 ASCII 字符数组中，百分号 `%`（十进制 37，十六进制 0x25）的字模通过在字模绘制时向上平移 2 像素对齐普通数字的下基准线。

### 2.4 水平居中渲染实现
在 `lcd.c` 中，字符串居中函数需修改宽度限制参数为 `135` 像素：
```c
void LCD_ShowStringCentered(u16 y, char *str, u16 color, u16 bg_color) {
    u16 len = 0;
    char *p = str;
    while(*p++) len++;
    if(len * 8 >= 135)
        LCD_ShowString(0, y, str, color, bg_color);
    else
        LCD_ShowString((135 - len * 8) / 2, y, str, color, bg_color);
}
```

### 2.5 绑定界面 ID 渲染实现
在 `main.c` 中通过 `FormatHex` 接口将 `bracelet_factory_id` 转换为十六进制字符串，并显示在绑定界面的底部：
```c
void UI_ShowBindingPage(void) {
    char id_str[15];
    // 渲染背景与图标
    // ...
    // 绘制手环自身的出厂 ID
    FormatHex(bracelet_factory_id, id_str);
    LCD_ShowStringCentered(180, id_str, COLOR_GRAY, COLOR_BLACK);
}
```