为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_WIDTH128#define LCD_HEIGHT64/**********************************************************************函数**********************************************************************//*** @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++;}}}}}