历史上的今天
今天是：2024年10月14日（星期一）
2020年10月14日 | 为OLED屏增加GUI支持2：2D图形库
2020-10-14 来源：eefocus
环境：
主机: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++;
}
}
}
}
}
下一篇:ucgui界面设计示例2
史海拾趣