为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++;
}
}
}
}
}