企业官网建设流程全解析

1. 什么是 16×8 灰度字模

• 16×8表示字符的像素矩阵：
  • 宽度：16 像素
  • 高度：8 像素
• 灰度：每个像素用一个字节（8 位）表示亮度：
  • 0x00= 最暗（黑）
  • 0xFF= 最亮（白）
  • 中间值 = 不同亮度的灰色
• 总字节数：16 × 8 = 128 字节

2. 数据结构

2.1 存储方式

通常是行优先（Row-major order）：

plaintext

[Row0像素0][Row0像素1]...[Row0像素15] [Row1像素0][Row1像素1]...[Row1像素15] ... [Row7像素0][Row7像素1]...[Row7像素15]

2.2 数据布局示例

假设一个字母 'A' 的灰度字模：

plaintext

Row0: 00 00 00 7F FF FF 7F 00 00 7F FF FF 7F 00 00 00 Row1: 00 00 7F FF FF FF FF FF FF FF FF FF FF 7F 00 00 ... Row7: 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00

3. 灰度显示原理

3.1 单色显示

• 设定阈值（如> 0x80点亮）
• 把灰度转成黑白二值

3.2 灰度显示

• 每个字节值直接映射到亮度（PWM 或查找调色板）
• 灰度级数 = 256 级（8 位）

4. 字模数据来源

4.1 从字库提取

• 常见字库：HZK16（单色）、GB2312、Unicode灰度字库
• 工具：PCtoLCD2002、FontCreator

4.2 自定义生成

• 用图像编辑软件（如 Photoshop、GIMP）画 16×8 灰度图
• 导出为 RAW 灰度数据

5. 代码示例：显示 16×8 灰度字模

// 假设 zuo[] 是 16×8 灰度字模数据 const unsigned char zuo[128] = { // 第0行 0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x30,0x00,0x00,0x00,0xF0,0x00,0x00, // 第1行 0x00,0x70,0x00,0x00,0x00,0x70,0x00,0x00,0x00,0x70,0x00,0x0C,0x00,0x70,0x00,0x1E, // 第2行 0xF8,0xFF,0xFF,0x3F,0x00,0x38,0x00,0x00,0x00,0x38,0x00,0x00,0x00,0x38,0x00,0x00, // 第3行 0x00,0x18,0x00,0x00,0x00,0x1C,0x00,0x00,0x00,0x1C,0x00,0x00,0x00,0x0C,0x00,0x00, // 第4行 0x00,0x0E,0x80,0x03,0x00,0xFE,0xFF,0x07,0x00,0x07,0x0E,0x00,0x00,0x03,0x0E,0x00, // 第5行 0x80,0x03,0x0E,0x00,0x80,0x01,0x0E,0x00,0xC0,0x00,0x0E,0x00,0xE0,0x00,0x0E,0x00, // 第6行 0x60,0x00,0x0E,0x00,0x30,0x00,0x0E,0x00,0x18,0x00,0x0E,0x00,0x0C,0x00,0x0E,0x1C, // 第7行 0xC0,0xFF,0xFF,0x3F,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00 }; // 显示函数 void display_16x8_gray(const unsigned char *font, int x0, int y0) { for (int y = 0; y < 8; y++) { for (int x = 0; x < 16; x++) { unsigned char brightness = font[y * 16 + x]; draw_pixel(x0 + x, y0 + y, brightness); // 自定义画点函数 } } } // 调用 display_16x8_gray(zuo, 0, 0);

6. 为什么是 16×8

• 16×8是西文字符的经典尺寸（宽高比适合字母）
• 对于汉字，通常用16×16或更大尺寸
• 灰度字模在小型屏幕上能显示更柔和的效果

7. 灰度字模与单色字模的区别

✅总结

• 16×8 灰度字模是每行 16 字节、共 8 行的灰度像素数据
• 按行优先存储，每个字节表示一个像素的亮度
• 常用于小型 OLED/LCD 显示字母、数字或简单汉字
• 相比单色字模，灰度字模显示更细腻，但占用更多存储