為OLED屏增加GUI支持5：圖片控件
環(huán)境：
主機(jī):WIN10
開發(fā)環(huán)境:MDK5.13
MCU:STM32F103
說明：
本文定義了圖片控件。OLED屏是單色屏，所以本圖片控件支持的是單色BMP圖像。
將普通圖像轉(zhuǎn)換為單色圖片可以用工具BmpCvt.exe。將轉(zhuǎn)換后的BMP圖像轉(zhuǎn)換為hex文件,可以用Bin2C.exe。這兩個(gè)工具都是emwin自帶工具。
源代碼：
轉(zhuǎn)換后的hex文件再整理成如下的示例格式:
battery0.c
/**
*Copyright(c),2015-2025
*@filebattery0.c
*@brief電池0格圖標(biāo)
*@authorjdh
*@date2015/11/9
*@verbatim
*說明:
*1.圖片格式為bmp
*2.圖片大小為17*13
*@endverbatim
*/
/*********************************************************************
*頭文件
**********************************************************************/
#include"res.h"
/*********************************************************************
*全局變量
**********************************************************************/
constunsignedcharRes_Battery0_Bmp[114UL+1]={
0x42,0x4D,0x72,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x3E,0x00,0x00,0x00,0x28,0x00,0x00,0x00,0x11,0x00,0x00,0x00,0x0D,0x00,0x00,0x00,0x01,0x00,0x01,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,
0x00,0x00,0x00,0x00,0x00,0x00,0x02,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0xFF,0xFF,0xFF,0x00,0x00,0x00,0x00,0x00,0x3F,0xFF,0x80,0xFF,0x20,0x00,0x80,0x04,0xE0,0x00,0x80,0x00,0xE0,0x00,
0x80,0x00,0xE0,0x00,0x80,0x00,0xE0,0x00,0x80,0x00,0xE0,0x00,0x80,0x00,0xE0,0x00,0x80,0x00,0x20,0x00,0x80,0x00,0x3F,0xFF,0x80,0x04,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00
};
/***************************Endoffile****************************/
gui_widget_image.h
/**
*Copyright(c),2015-2025
*@filegui_widget_image.h
*@brief圖片控件頭文件
*@authorjdh
*@date2015/9/8
*/
#ifndef_GUI_WIDGET_IMAGE_H_
#define_GUI_WIDGET_IMAGE_H_
/*********************************************************************
*頭文件
**********************************************************************/
#include"gui_interface.h"
/*********************************************************************
*數(shù)據(jù)結(jié)構(gòu)
**********************************************************************/
/**
*@brief圖片控件數(shù)據(jù)結(jié)構(gòu)
*/
typedefstruct_Widget_Image
{
//x軸位置
uint16_tx;
//y軸位置
uint16_ty;
//水平尺寸
uint16_txsize;
//垂直尺寸
uint16_tysize;
//圖片地址
constuint8_t*addr;
}*Widget_Image_Handle;
/*********************************************************************
*函數(shù)
**********************************************************************/
/**
*@brief創(chuàng)建控件text
*@paramx:左上角x坐標(biāo)
*@paramy:左上角y坐標(biāo)
*@paramxsize:水平尺寸
*@paramysize:垂直尺寸
*/
Widget_Image_Handlegui_widget_image_create(uint16_tx,uint16_ty,uint16_txsize,uint16_tysize);
/**
*@brief設(shè)置圖片
*@paramaddr:圖片地址
*/
voidgui_widget_image_set_bmp(Widget_Image_Handlehandle,constuint8_t*addr);
#endif
gui_widget_image.c
/**
*Copyright(c),2015-2025
*@filegui_widget_image.c
*@brief圖片控件主文件
*@authorjdh
*@date2015/9/8
*/
/*********************************************************************
*頭文件
**********************************************************************/
#include"gui_widget_image.h"
#include"gui_2d_lib.h"
#include"stdlib.h"
#include"string.h"
/*********************************************************************
*靜態(tài)函數(shù)
**********************************************************************/
/**
*@brief控件顯示
*@paramhandle:控件句柄
*/
staticvoidshow(Widget_Image_Handlehandle);
/*********************************************************************
*函數(shù)
**********************************************************************/
/**
*@brief創(chuàng)建控件text
*@paramx:左上角x坐標(biāo)
*@paramy:左上角y坐標(biāo)
*@paramxsize:水平尺寸
*@paramysize:垂直尺寸
*/
Widget_Image_Handlegui_widget_image_create(uint16_tx,uint16_ty,uint16_txsize,uint16_tysize)
{
Widget_Image_Handlehandle;
//控件初始化
handle=malloc(sizeof(*handle));
handle->x=x;
handle->y=y;
handle->xsize=xsize;
handle->ysize=ysize;
returnhandle;
}
/**
*@brief設(shè)置圖片
*@paramaddr:圖片地址
*/
voidgui_widget_image_set_bmp(Widget_Image_Handlehandle,constuint8_t*addr)
{
handle->addr=addr;
//顯示
show(handle);
}
/**
*@brief控件顯示
*@paramhandle:控件句柄
*/
staticvoidshow(Widget_Image_Handlehandle)
{
//清除區(qū)域
gui_fill_rect(handle->x,handle->y,handle->x+handle->xsize,handle->y+handle->ysize,0);
//顯示
gui_draw_bitmap(handle->x,handle->y,handle->addr);
}
測試代碼:
//電池圖標(biāo)
staticWidget_Image_HandleWidget_Image_Battery;
Widget_Image_Battery=gui_widget_image_create(106,0,17,13);
gui_widget_image_set_bmp(Widget_Image_Battery,Res_Battery0_Bmp);
下載文檔
