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

环境：

主机: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++;

}

}

}

}

}