为OLED屏添加GUI支持2：2D图形库

为OLED屏添加GUI支持2：2D图形库

本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明.

 

环境：

主机:WIN10

开发环境:MDK5.13

MCU:STM32F103

说明：

gui库的基础是一个2D图形库，为控件提供画图功能

此图形库还包含单色BMP图像显示函数。为图片控件提供支持

源码：

接口函数:

gui_interface.h

/**
* Copyright (c), 2015-2025
* @file gui_interface.h
* @brief gui接口头文件
* @author jdh
* @date 2015/9/6
* @update 2015/9/7
*/

#ifndef _GUI_INTERFACE_H_
#define _GUI_INTERFACE_H_

/*********************************************************************
*							头文件
**********************************************************************/

#include "inf_lcd.h"

/*********************************************************************
*							宏定义
**********************************************************************/

/**
* @brief 屏幕尺寸
*/

#define LCD_WIDTH			128
#define LCD_HEIGHT			64

/*********************************************************************
*							函数
**********************************************************************/

/**
* @brief 画点
* @param x:x坐标
* @param y:y坐标
* @param show:0:不显示,1:显示
*/

void gui_interface_draw_pixel(uint8_t x,uint8_t y,uint8_t show);

#endif

gui_interface.c

/**
* Copyright (c), 2015-2025
* @file gui_interface.c
* @brief gui接口主文件
* @author jdh
* @date 2015/9/6
*/

/*********************************************************************
*							头文件
**********************************************************************/

#include "gui_interface.h"

/*********************************************************************
*							函数
**********************************************************************/

/**
* @brief 画点
* @param x:x坐标
* @param y:y坐标
* @param show:0:不显示,1:显示
*/

void gui_interface_draw_pixel(uint8_t x,uint8_t y,uint8_t show)
{
	if (x >= LCD_WIDTH || y >= LCD_HEIGHT)
	{
		return;
	}
	
	inf_lcd_draw_pixel(x,y,show);
}

2D图形库:

gui_2d_lib.h

/**
* Copyright (c), 2015-2025
* @file gui_2d_lib.c
* @brief 2d图形库主文件
* @author jdh
* @date 2015/9/6
* @update 2015/9/7
* @update 2015/11/22
*/

#ifndef _GUI_2D_LIB_H_
#define _GUI_2D_LIB_H_

/*********************************************************************
*							头文件
**********************************************************************/

#include "gui_interface.h"

/*********************************************************************
*							函数
**********************************************************************/

/**
* @brief 绘制水平线条
* @param y:y位置
* @param x0:x起始位置
* @param x1:x结束位置
*/

void gui_draw_hline(uint16_t y,uint16_t x0,uint16_t x1);

/**
* @brief 绘制垂直线条
* @param x:x位置
* @param y0:y起始位置
* @param y1:y结束位置
*/

void gui_draw_vline(uint16_t x,uint16_t y0,uint16_t y1);

/**
* @brief 绘制线条
* @param x0:x起始位置
* @param y0:y起始位置
* @param x1:x结束位置
* @param y2:y结束位置
*/

void gui_draw_line(uint16_t x0,uint16_t y0,uint16_t x1,uint16_t y1);

/**
* @brief 绘制矩形
* @param x0:左上角x坐标
* @param y0:左上角y坐标
* @param x1:右上角x坐标
* @param y2:右上角y坐标
*/

void gui_draw_rect(uint16_t x0,uint16_t y0,uint16_t x1,uint16_t y1);

/**
* @brief 填充矩形
* @param x0:左上角x坐标
* @param y0:左上角y坐标
* @param x1:右上角x坐标
* @param y2:右上角y坐标
* @param show:0:不显示,1:显示
*/

void gui_fill_rect(uint16_t x0,uint16_t y0,uint16_t x1,uint16_t y1,uint8_t show);

/**
* @brief 在指定位置显示图片
* @param x:x坐标
* @param y:y坐标
* @param bmp:图片
*/

void gui_draw_bitmap(uint16_t x,uint16_t y,const uint8_t *bmp);

#endif

gui_2d_lib.c

/**
* Copyright (c), 2015-2025
* @file gui_2d_lib.c
* @brief 2d图形库主文件
* @author jdh
* @date 2015/9/6
* @update 2015/9/7
* @update 2015/11/22
*/

/*********************************************************************
*							头文件
**********************************************************************/

#include "gui_2d_lib.h"
#include "string.h"

/*********************************************************************
*							数据结构
**********************************************************************/

#pragma pack(1)

/**
* @brief 文件头
*/

struct _Bmp_File_Header
{
	//文件标志
	uint16_t type;
	//文件大小
	uint32_t size;
	//保留
	uint16_t reserved1;
	//保留
	uint16_t reserved2;
	//位图偏移量
	uint32_t offbits;
};

/**
* @bri信息头
*/

struct _Bmp_Info_Header
{
	//信息头大小
	uint32_t size;
	//位图宽度
	uint32_t width;
	//位图高度
	uint32_t height;
	//位图的位面数
	uint16_t planes;
	//每一个像素点所需的数据位数（24）
	uint16_t offbits;
	//压缩算法
	uint32_t compression;
	//位图数据字节数
	uint32_t size_image;
	//以像素/米的单位表示水平分辨率
	uint32_t xpe_is_per_meter;
	//以像素/米的单位表示垂直分辨率
	uint32_t ype_is_per_meter;
	//位图使用的颜色数
	uint32_t color_used;
	//指定重要颜色数
	uint32_t color_important;
};

#pragma pack()

/*********************************************************************
*							函数
**********************************************************************/

/**
* @brief 绘制水平线条
* @param y:y位置
* @param x0:x起始位置
* @param x1:x结束位置
*/

void gui_draw_hline(uint16_t y,uint16_t x0,uint16_t x1)
{
	uint16_t x = 0;
	
	for (x = x0;x <= x1;x++)
	{
		gui_interface_draw_pixel(x,y,1);
	}
}

/**
* @brief 绘制垂直线条
* @param x:x位置
* @param y0:y起始位置
* @param y1:y结束位置
*/

void gui_draw_vline(uint16_t x,uint16_t y0,uint16_t y1)
{
	uint16_t y = 0;
	
	for (y = y0;y <= y1;y++)
	{
		gui_interface_draw_pixel(x,y,1);
	}
}

/**
* @brief 绘制线条
* @param x0:x起始位置
* @param y0:y起始位置
* @param x1:x结束位置
* @param y2:y结束位置
*/

void gui_draw_line(uint16_t x0,uint16_t y0,uint16_t x1,uint16_t y1)
{
	float a = 0;
	float b = 0;
	float xx0 = x0;
	float yy0 = y0;
	float xx1 = x1;
	float yy1 = y1;
	uint16_t x = 0;
	uint16_t y = 0;
	
	a = (yy0 - yy1) / (xx0 - xx1);
	b = yy0 - (yy0 - yy1) * x0 / (x0 - x1);
	
	for (x = x0;x <= x1 - x0;x++)
	{
		y = a * x + b;
		gui_interface_draw_pixel(x,y,1);
	}
}

/**
* @brief 绘制矩形
* @param x0:左上角x坐标
* @param y0:左上角y坐标
* @param x1:右上角x坐标
* @param y2:右上角y坐标
*/

void gui_draw_rect(uint16_t x0,uint16_t y0,uint16_t x1,uint16_t y1)
{
	gui_draw_hline(y0,x0,x1);
	gui_draw_hline(y1,x0,x1);
	gui_draw_vline(x0,y0,y1);
	gui_draw_vline(x1,y0,y1);
}

/**
* @brief 填充矩形
* @param x0:左上角x坐标
* @param y0:左上角y坐标
* @param x1:右上角x坐标
* @param y2:右上角y坐标
* @param show:0:不显示,1:显示
*/

void gui_fill_rect(uint16_t x0,uint16_t y0,uint16_t x1,uint16_t y1,uint8_t show)
{
	uint16_t i = 0;
	uint16_t j = 0;
	
	for (i = x0;i <= x1;i++)
	{
		for (j = y0;j <= y1;j++)
		{
			gui_interface_draw_pixel(i,j,show);
		}	
	}	
}
/**
* @brief 在指定位置显示图片
* @param x:x坐标
* @param y:y坐标
* @param bmp:图片
*/

void gui_draw_bitmap(uint16_t x,uint16_t y,const uint8_t *bmp)
{
	struct _Bmp_File_Header bmp_file_header;
	struct _Bmp_Info_Header bmp_info_header;
	uint8_t *buf_pt = 0;
	uint16_t i = 0;
	uint16_t j = 0;
	uint8_t bit = 0;
	uint8_t index_bit = 0;
	uint16_t row = 0;
	uint16_t column = 0;
	uint16_t num_bit_invalid = 0;
	
	//读取文件头
	memcpy(&bmp_file_header,bmp,sizeof(struct _Bmp_File_Header));
	//读取信息头
	memcpy(&bmp_info_header,bmp + sizeof(struct _Bmp_File_Header),sizeof(struct _Bmp_Info_Header));
	//图片数据
	buf_pt = (uint8_t *)bmp + bmp_file_header.offbits;
	//4字节对齐导致的无效位数
	num_bit_invalid = 32 - (bmp_info_header.width % 32);
	
	//显示图片
	for (i = 0;i < bmp_info_header.width * bmp_info_header.height;i++)
	{
		bit = (*buf_pt >> (7 - index_bit)) & 0x1;
		inf_lcd_draw_pixel(x + column,y + bmp_info_header.height -1 - row,bit);
		
		index_bit++;
		if (index_bit >= 8)
		{
			index_bit = 0;
			buf_pt++;
		}
		
		column++;
		if (column >= bmp_info_header.width)
		{
			column = 0;
			row++;
			
			//补齐
			for (j = 0;j < num_bit_invalid;j++)
			{
				index_bit++;
				if (index_bit >= 8)
				{
					index_bit = 0;
					buf_pt++;
				}
			}
		}
	}
}