一、核心困惑点:坐标体系的两层逻辑

新手最易混淆的是「字符内部局部坐标」和「屏幕全局坐标」,先明确这两个核心概念:

1. 屏幕全局坐标:(x, y)

(x, y) 是字符在整个 LCD 屏幕上的起始坐标,比如想把字符 'A' 显示在屏幕第 10 列、第 20 行的位置,那么 x=10、y=20 就是这个字符的全局起始坐标,代表字符左上角在屏幕上的位置。

2. 字符内部局部坐标:i(行索引)、b(位索引)

8x16 点阵字符意味着每个字符由「8 列 ×16 行」的像素组成:

  • i:范围 0~15,代表字符内部的第 i 行(比如 i=2 就是字符的第 3 行);
  • b:范围 0~7,代表字符某一行字节中的第 b 位(对应字符该行的第 b 列像素)。

两者的映射关系:

  • 像素行坐标 = y + i(全局起始行 + 字符内部行);
  • 像素列坐标 = x + 7 - b(全局起始列 + 字符内部列,7-b 是为了匹配字节 bit7~bit0 到屏幕列 0~7 的顺序)。

二、点阵字符显示的底层原理

1. 点阵数据:二进制对应像素亮灭

每个 8x16 点阵字符对应 16 个字节的二进制数据(1 行 1 个字节),字节中每一位(bit)对应 1 个像素:

  • bit=1:该位置像素点亮(比如显示白色);
  • bit=0:该位置像素熄灭(比如显示黑色)。

以字符 'A'(ASCII 码 0x41)为例,其二进制点阵数据如:

第0行:0x00 → 00000000(无像素点亮)
第1行:0x7C → 01111100(第2~5列像素点亮)
第2行:0x12 → 00010010(第1、4列像素点亮)
...(后续行同理)

2. 显示逻辑:逐行逐位解析映射

  1. 根据字符的 ASCII 码,从字库数组中取出对应的 16 字节点阵数据;
  2. 遍历字符的每一行(i 从 0 到 15),取出该行的字节数据;
  3. 遍历该行的每一位(b 从 7 到 0),判断该位是否为 1;
  4. 计算该像素在屏幕上的全局坐标,调用像素绘制函数点亮 / 熄灭对应位置。

三、完整可复用代码

1. 核心函数:lcd_put_ascii(绘制 8x16 点阵字符)

// 绘制8x16点阵ASCII字符
// x:字符左上角列坐标(全局)
// y:字符左上角行坐标(全局)
// c:要显示的ASCII字符(如'A'、'1'等)
void lcd_put_ascii(int x, int y, unsigned char c)
{
    // 从8x16字库中取出字符c对应的点阵数据起始地址
    unsigned char *dots = (unsigned char *)fontdata_8x16[c*16];
    int i, b;
    unsigned char byte;

    // 遍历字符的16行(局部行索引i)
    for (i = 0; i < 16; i++)
    {
        byte = dots[i]; // 取出第i行的点阵字节数据
        // 遍历该行的8位(局部位索引b)
        for (b = 7; b >= 0; b--)
        {
            if (byte & (1 << b))
            {
                // 该位为1,点亮像素(白色)
                lcd_put_pixel(x + 7 - b, y + i, 0xffffff);
            }
            else
            {
                // 该位为0,熄灭像素(黑色)
                lcd_put_pixel(x + 7 - b, y + i, 0);
            }
        }
    }
}

2. 依赖函数:lcd_put_pixel(绘制单个像素)

// 在指定坐标绘制像素
// x:列坐标,y:行坐标,color:像素颜色(RGB十六进制)
void lcd_put_pixel(int x, int y, unsigned int color)
{
    // 需根据实际LCD硬件驱动实现,以下为通用框架
    if (x < 0 || x >= LCD_WIDTH || y < 0 || y >= LCD_HEIGHT)
    {
        return; // 坐标越界保护
    }
    // 计算像素在LCD显存中的地址(以32位RGB屏为例)
    unsigned int *fb = (unsigned int *)LCD_FRAME_BUFFER;
    fb[y * LCD_WIDTH + x] = color;
}

3. 依赖资源:8x16 点阵字库(fontdata_8x16)

字库数组需提前定义,可通过字库生成工具获取(包含 ASCII 码 0~127 对应的点阵数据),格式示例:

const unsigned char fontdata_8x16[] = {
    // 字符'A'(0x41)的16行点阵数据
    0x00, 0x7C, 0x12, 0x11, 0x12, 0x7C, 0x00, 0x00,
    0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
    // 其他字符点阵数据...
};

4.相对完整的代码

int fd_fb;
struct fb_var_screeninfo var;	/* Current var */
int screen_size;
unsigned char *fbmem;
unsigned int line_width;
unsigned int pixel_width;
/**********************************************************************
 * 函数名称: lcd_put_pixel
 * 功能描述: 在LCD指定位置上输出指定颜色(描点)
 * 输入参数: x坐标,y坐标,颜色
 * 输出参数: 无
 * 返 回 值: 会
 * 修改日期        版本号     修改人	      修改内容
 * -----------------------------------------------
 * 2020/05/12	     V1.0	  zh(angenao)	      创建
 ***********************************************************************/ 
void lcd_put_pixel(int x, int y, unsigned int color)
{
	unsigned char *pen_8 = fbmem+y*line_width+x*pixel_width;
	unsigned short *pen_16;	
	unsigned int *pen_32;	

	unsigned int red, green, blue;	

	pen_16 = (unsigned short *)pen_8;
	pen_32 = (unsigned int *)pen_8;

	switch (var.bits_per_pixel)
	{
		case 8:
		{
			*pen_8 = color;
			break;
		}
		case 16:
		{
			/* 565 */
			red   = (color >> 16) & 0xff;
			green = (color >> 8) & 0xff;
			blue  = (color >> 0) & 0xff;
			color = ((red >> 3) << 11) | ((green >> 2) << 5) | (blue >> 3);
			*pen_16 = color;
			break;
		}
		case 32:
		{
			*pen_32 = color;
			break;
		}
		default:
		{
			printf("can't surport %dbpp\n", var.bits_per_pixel);
			break;
		}
	}
}
/**********************************************************************
 * 函数名称: lcd_put_ascii
 * 功能描述: 在LCD指定位置上显示一个8*16的字符
 * 输入参数: x坐标,y坐标,ascii码
 * 输出参数: 无
 * 返 回 值: 无
 * 修改日期        版本号     修改人	      修改内容
 * -----------------------------------------------
 * 2020/05/12	     V1.0	  zh(angenao)	      创建
 ***********************************************************************/ 
void lcd_put_ascii(int x, int y, unsigned char c)
{
	unsigned char *dots = (unsigned char *)&fontdata_8x16[c*16];
	int i, b;
	unsigned char byte;

	for (i = 0; i < 16; i++)
	{
		byte = dots[i];
		for (b = 7; b >= 0; b--)
		{
			if (byte & (1<<b))
			{
				/* show */
				lcd_put_pixel(x+7-b, y+i, 0xffffff); /* 白 */
			}
			else
			{
				/* hide */
				lcd_put_pixel(x+7-b, y+i, 0); /* 黑 */
			}
		}
	}
}

int main(int argc, char **argv)
{
	fd_fb = open("/dev/fb0", O_RDWR);
	if (fd_fb < 0)
	{
		printf("can't open /dev/fb0\n");
		return -1;
	}
	if (ioctl(fd_fb, FBIOGET_VSCREENINFO, &var))
	{
		printf("can't get var\n");
		return -1;
	}

	line_width  = var.xres * var.bits_per_pixel / 8;
	pixel_width = var.bits_per_pixel / 8;
	screen_size = var.xres * var.yres * var.bits_per_pixel / 8;
	fbmem = (unsigned char *)mmap(NULL , screen_size, PROT_READ | PROT_WRITE, MAP_SHARED, fd_fb, 0);
	if (fbmem == (unsigned char *)-1)
	{
		printf("can't mmap\n");
		return -1;
	}

	/* 清屏: 全部设为黑色 */
	memset(fbmem, 0, screen_size);

	lcd_put_ascii(var.xres/2, var.yres/2, 'A'); /*在屏幕中间显示8*16的字母A*/
	
	munmap(fbmem , screen_size);
	close(fd_fb);
	
	return 0;	
}

四、关键注意事项

  1. 字库匹配:确保fontdata_8x16是 8x16 规格的点阵数据,若使用 16x16 字库需修改循环次数(i 从 0 到 15 改为 0 到 31);
  2. 坐标越界:lcd_put_pixel中需增加屏幕宽高(LCD_WIDTH/LCD_HEIGHT)的判断,避免绘制超出屏幕范围的像素;
  3. 颜色格式:color参数需匹配 LCD 的颜色格式(如 RGB565、ARGB8888 等),需根据硬件调整。

Logo

openvela 操作系统专为 AIoT 领域量身定制,以轻量化、标准兼容、安全性和高度可扩展性为核心特点。openvela 以其卓越的技术优势,已成为众多物联网设备和 AI 硬件的技术首选,涵盖了智能手表、运动手环、智能音箱、耳机、智能家居设备以及机器人等多个领域。

更多推荐