STM32F103xx OLED镜像显示图片
编译器平台及例程说明
编译器说明
1. Toolchain : MDK-ARM Community Version: 5.36.0.0(Kile V5)
2. Encoding : Encode in UTF-8 without signature
3. Device Specific Packs : Keil.STM32F1xx_DFP.2.3.0.pack
4. C/C++ Preprocessor Symbols : STM32F10X_HD,USE_STDPERIPH_DRIVER
USE_STDPERIPH_DRIVER :允许使用标准外设驱动
STM32F10X_HD :STM32F10x大容量产品
5. Chip Type :ARM Cortex-M3 STM32F103RET6, 72MHZ, Flash:512KByte, ROM:64KByte, LQFP144
6. 在stm32hf10x.h文件中HSE_VALUE为外部高速振荡器,默认8MHZ。此值必须与硬件保持一致。
7.
例程说明
1. STM32F103xx OLED镜像显示图片带镜像。
2. 实现图片可实现左右镜像、上下镜像、上下左右镜像。
3. 提供两种图片取模方式的显示。
一、镜像显示样式
1. 左右镜像是相对原图左右镜像。
2. 上下镜像是相对原图上下镜像。
3. 上下左右镜像是相对原图上下左右镜像。
二、原图显示原理
- 横纵为图片的宽度,也是显示的实际宽度,纵轴为图片高度,需将其转化为8字节倍数来显示,超出图片高度部分不显示。
- 如图片高度9px转化为2字节显示,图片高度23px转化为3字节显示,图片高度32px转化为4字节显示,以此类推。
- 原图显示,先显示纵轴,每显示一个像素纵轴加一,直到纵轴加的数量为图片显示的高度为止,然后纵轴重新为初始值,横纵加一,依次内推。
- 图片的显示方式与其取模方式有关。
三、左右镜像原理
- 左右镜像原理与原图一致,只是每次纵轴重新为初始值时,横轴减一。
四、上下左右镜像原理
- 上下左右镜像原理,先显示纵轴,每显示一个像素纵轴减一,直到纵轴减的数量为图片显示的高度为止,然后纵轴重新为初始值,横纵减一,依次内推。
五、上下镜像原理
- 上下镜像原理,先显示纵轴,每显示一个像素纵轴减一,直到纵轴减的数量为图片显示的高度为止,然后纵轴重新为初始值,横纵加一,依次内推。
六、两种不同的取模方式
第一种取模方式
1. 先从上到下,从左到右,按列取,先取第一列前8个像素,再取第二列前8个像素,直到最后一列前8个像素;然后再取先取第一列后8个像素,再取第二列后8个像素,直到最后一列后8个像素,以此类推。
2. PCtoLCD2002完美版 ==> 阴码 + 列行式 + 逆向(低位在前)
3. mg2Lcd.exe ==> 数据水平,字节垂直 + 单色 + 字节内像素数据反序(低位在前)
第二种取模方式
1. 先从上到下,从左到右,按列取,先取完第一列,再取完第二列,直到取完最后一列
2. PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
3. Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
七、不同镜像模式横纵轴的处理方式
/* 加操作 */
static void vHandler_Inc(u16 * pDat, u8 n)
{
*pDat += n;
}
/* 减操作 */
static void vHandler_Sub(u16 * pDat, u8 n)
{
*pDat -= n;
}
/* 获取横纵轴的操作 */
static void vGet_xyHandler_Mirror(eMirrorMode mode, void (** xHand)(u16 * x, u8 n), void (** yHand)(u16 * y, u8 n))
{
switch (mode)
{
case MIR_MODE_NORMAL:
{
*xHand = &vHandler_Inc; //横轴加
*yHand = &vHandler_Inc; //纵轴加
}
break;
case MIR_MODE_LEFT_RIGHT:
{
*xHand = &vHandler_Sub; //横轴减
*yHand = &vHandler_Inc; //纵轴加
}
break;
case MIR_MODE_LEFT_RIGHT_UP_DOWN:
{
*xHand = &vHandler_Sub; //横轴减
*yHand = &vHandler_Sub; //纵轴减
}
break;
case MIR_MODE_UP_DOWN:
{
*xHand = &vHandler_Inc; //横轴加
*yHand = &vHandler_Sub; //纵轴减
}
break;
default: break;
}
}
八、不同镜像模式
/* 镜像模式 */
typedef enum
{
MIR_MODE_NORMAL = 0, /* 正常模式(0度) */
MIR_MODE_LEFT_RIGHT = 1, /* 左右镜像(90度) */
MIR_MODE_LEFT_RIGHT_UP_DOWN = 2, /* 左右上下镜像(180度) */
MIR_MODE_UP_DOWN = 3, /* 上下镜像(270度) */
MIR_MODE_MAX
}eMirrorMode;
九、带镜像显示图片方式1
- 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
- 此函数适用于Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
- 取模方式为: 先从上到下,从左到右,按列取,先取完第一列,再取完第二列,直到取完最后一列
/**********************************************************************************************************************************************
* 函数名 : vOLED_ShowPicture_Mirror
* 描 述 : OLED显示图片带镜像
* 输 入 : x : 横轴坐标
* y : 纵轴坐标
* xWidth :图片宽度
* yHeight : 图片高度
* pImage : 图片指针
* mode : 镜像模式
* 说 明 : 1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
* 2. 此函数适用于Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
* 3. 取模方式为: 先从上到下,从左到右,按列取,先取完第一列,再取完第二列,直到取完最后一列
***********************************************************************************************************************************************/
void vOLED_ShowPicture_Mirror(u16 x, u16 y, u16 xWidth, u16 yHeight, const u8 * pImage, eMirrorMode mode)
{
// 1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
// 2. 此函数适用于Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
// 3. 取模方式为: 先从上到下,从左到右,按列取,先取完第一列,再取完第二列,直到取完最后一列
void (* xHandler)(u16 * x0, u8 n) = NULL;
void (* yHandler)(u16 * y0, u8 n) = NULL;
u16 k = 0, j = 0, i = 0, n = 0;
u16 yMax = 0;
u16 y0 = 0;
u16 y1 = 0;
u8 dat = 0;
//镜像模式越界
if (MIR_MODE_MAX <= mode)
{
return;
}
//横纵坐标的操作
vGet_xyHandler_Mirror(mode, &xHandler, &yHandler);
if ((NULL == xHandler) || (NULL == yHandler))
{
return;
}
//图片高度
yMax = (yHeight >> 3) + ((yHeight & 0x07) ? 1 : 0);
y0 = y;
//图片宽度
for(k = 0; k < xWidth; k++)
{
for(j = 0; j < yMax; j++)
{
dat = pImage[n++];
for(i = 0; i < BYTE_BIT; i++)
{
if ((y < AppDevOLED.HeightMax) && (x < AppDevOLED.WidthMax))
{
//先显示低位 低位在前
if((dat >> i) & 0x01)
{
vOLED_DrawPoint(x, y, 1);
}
}
yHandler(&y, 1);//纵坐标处理
}
y1++;
if (y1 == yMax)
{
y1 = 0;
y = y0;
xHandler(&x, 1);//横坐标处理
}
}
}
}
十、带镜像显示图片方式2
- 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 列行式 + 逆向(低位在前)
- 此函数适用于mg2Lcd.exe ==> 数据水平,字节垂直 + 单色 + 字节内像素数据反序(低位在前)
- 取模方式为: 先从上到下,从左到右,按列取,先取第一列前8个像素,再取第二列前8个像素,直到最后一列前8个像素;然后再取先取第一列后8个像素,再取第二列后8个像素,直到最后一列后8个像素,以此类推
/**********************************************************************************************************************************************
* 函数名 : vOLED_ShowImage_Mirror
* 描 述 : OLED显示图片带镜像
* 输 入 : x : 横轴坐标
* y : 纵轴坐标
* xWidth :图片宽度
* yHeight : 图片高度
* pImage : 图片指针
* mode : 镜像模式
* 说 明 : 1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 列行式 + 逆向(低位在前)
* 2. 此函数适用于mg2Lcd.exe ==> 数据水平,字节垂直 + 单色 + 字节内像素数据反序(低位在前)
* 3. 取模方式为: 先从上到下,从左到右,按列取,先取第一列前8个像素,再取第二列前8个像素,直到最后一列前8个像素;
* 然后再取先取第一列后8个像素,再取第二列后8个像素,直到最后一列后8个像素,以此类推
***********************************************************************************************************************************************/
void vOLED_ShowImage_Mirror(u16 x, u16 y, u16 xWidth, u16 yHeight, const unsigned char * pImage, eMirrorMode mode)
{
// 1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 列行式 + 逆向(低位在前)
// 2. 此函数适用于mg2Lcd.exe ==> 数据水平,字节垂直 + 单色 + 字节内像素数据反序(低位在前)
// 3. 取模方式为: 先从上到下,从左到右,按列取,先取第一列前8个像素,再取第二列前8个像素,直到最后一列前8个像素;
// 然后再取先取第一列后8个像素,再取第二列后8个像素,直到最后一列后8个像素,以此类推
void (* xHandler)(u16 * x0, u8 n) = NULL;
void (* yHandler)(u16 * y0, u8 n) = NULL;
u16 k = 0, j = 0, i = 0, n = 0;
u16 yMax = 0;
u16 y0 = 0, x0 = 0;
u8 dat = 0;
//镜像模式越界
if (MIR_MODE_MAX <= mode)
{
return;
}
//横纵坐标的操作
vGet_xyHandler_Mirror(mode, &xHandler, &yHandler);
if ((NULL == xHandler) || (NULL == yHandler))
{
return;
}
//初始坐标
y0 = y;
x0 = x;
//图片高度
yMax = (yHeight >> 3) + ((yHeight & 0x07) ? 1 : 0);
//图片宽度
for(k = 0; k < xWidth; k++)
{
for(j = 0; j < yMax; j++)
{
dat = pImage[n++];
for(i = 0; i < BYTE_BIT; i++)
{
//纵坐标有效范围
if ((y < AppDevOLED.HeightMax) && (x < AppDevOLED.WidthMax))
{
//先显示低位 低位在前
if((dat >> i) & 0x01)
{
vOLED_DrawPoint(x, y, 1);
}
}
yHandler(&y, 1);//纵坐标处理
}
xHandler(&x, 1);//横坐标处理
if (XABS2(x, x0) == xWidth)
{
//下部分
x = x0;
yHandler(&y0, 8);
}
y = y0;
}
}
}
十一、测试的图片取模
#if 1
//Img2Lcd.exe ==> 数据水平,字节垂直 + 单色 + 字节内像素数据反序(低位在前)
const unsigned char Image_Flag_24x37[120] =
{
0X00,0X00,0X00,0X00,0X00,0XFF,0XFF,0XFE,0XFC,0XF8,0XF0,0XE0,0XC0,0X80,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFE,0XFC,0XF8,0XF0,0XE0,0XC0,0X80,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0XFF,0XFF,0XFF,0X03,0X03,0X03,0X03,0X03,0X03,0X03,0X03,
0X03,0X03,0X03,0X03,0X03,0X03,0X03,0X02,0X00,0X00,0X00,0X00,0X00,0XFF,0XFF,0XFF,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X1C,0X1C,0X1C,0X1C,0X1C,0X1F,0X1F,0X1F,0X1C,0X1C,0X1C,0X1C,0X1C,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
};
#endif
#if 0
//Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)
const unsigned char Image_Flag_24x37[120] =
{
0X00,0X00,0X00,0X00,0X1C,0X00,0X00,0X00,0X00,0X1C,0X00,0X00,0X00,0X00,0X1C,0X00,
0X00,0X00,0X00,0X1C,0X00,0X00,0X00,0X00,0X1C,0XFF,0XFF,0XFF,0XFF,0X1F,0XFF,0XFF,
0XFF,0XFF,0X1F,0XFE,0XFF,0XFF,0XFF,0X1F,0XFC,0XFF,0X03,0X00,0X1C,0XF8,0XFF,0X03,
0X00,0X1C,0XF0,0XFF,0X03,0X00,0X1C,0XE0,0XFF,0X03,0X00,0X1C,0XC0,0XFF,0X03,0X00,
0X1C,0X80,0XFF,0X03,0X00,0X00,0X00,0XFF,0X03,0X00,0X00,0X00,0XFE,0X03,0X00,0X00,
0X00,0XFC,0X03,0X00,0X00,0X00,0XF8,0X03,0X00,0X00,0X00,0XF0,0X03,0X00,0X00,0X00,
0XE0,0X03,0X00,0X00,0X00,0XC0,0X03,0X00,0X00,0X00,0X80,0X03,0X00,0X00,0X00,0X00,
0X03,0X00,0X00,0X00,0X00,0X02,0X00,0X00,
};
#endif
//Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)
const unsigned char Image_Tree_43x47[258] =
{
0X00,0X00,0X00,0X80,0X00,0X00,0X00,0X00,0X00,0XC0,0X00,0X00,0X00,0X00,0X00,0XE0,
0X00,0X00,0X00,0X00,0X20,0XF0,0X00,0X00,0X00,0X00,0X30,0XF8,0X00,0X00,0X00,0X00,
0X38,0XFC,0X00,0X00,0X00,0X08,0X3C,0XFE,0X00,0X00,0X00,0X0C,0X3E,0XFF,0X00,0X00,
0X00,0X0E,0XBF,0XFF,0X00,0X00,0X00,0X8F,0XFF,0XFF,0X00,0X00,0X80,0XCF,0XFF,0XFF,
0X00,0X00,0XC0,0XEF,0XFF,0XFF,0X00,0X00,0XE0,0XFF,0XFF,0XFF,0X00,0X00,0XF0,0XFF,
0XFF,0XFF,0XFF,0X1F,0XF8,0XFF,0XFF,0XFF,0XFF,0X1F,0XFC,0XFF,0XFF,0XFF,0XFF,0X1F,
0XFC,0XFF,0XFF,0XFF,0XFF,0X1F,0XF8,0XFF,0XFF,0XFF,0XFF,0X1F,0XF0,0XFF,0XFF,0XFF,
0XFF,0X1F,0XE0,0XFF,0XFF,0XFF,0X00,0X00,0XC0,0XEF,0XFF,0XFF,0X00,0X00,0X80,0XCF,
0XFF,0XFF,0X00,0X00,0X00,0X8F,0XFF,0XFF,0X00,0X00,0X00,0X0E,0XBF,0XFF,0X00,0X00,
0X00,0X0C,0X3E,0XFF,0X00,0X00,0X00,0X08,0X3C,0XFE,0X00,0X00,0X00,0X00,0X38,0XFC,
0X00,0X00,0X00,0X00,0X30,0XF8,0X00,0X00,0X00,0X00,0X20,0XF0,0X00,0X00,0X00,0X00,
0X00,0XE0,0X00,0X00,0X00,0X00,0X00,0XC0,0X00,0X00,0X00,0X00,0X00,0X80,0X00,0X00,
0X0C,0X00,0X00,0X00,0X00,0X18,0X0C,0X00,0X00,0X00,0X00,0X18,0X0C,0X00,0X00,0X00,
0X00,0X18,0X0C,0X00,0X00,0X00,0X00,0X18,0X0C,0X00,0X00,0X00,0X00,0X18,0X0C,0X00,
0X00,0X00,0X00,0X18,0X1E,0X00,0X00,0X00,0X00,0X3C,0XFF,0XFF,0XFF,0XFF,0XFF,0X7F,
0XFF,0XFF,0XFF,0XFF,0XFF,0X7F,0X1E,0X00,0X00,0X00,0X00,0X3C,0X0C,0X00,0X00,0X00,
0X00,0X18,
};
十二、测试核心代码1
vOLED_ShowImage_Mirror(5, 5, 24, 37, Image_Flag_24x37, MIR_MODE_NORMAL);
vOLED_ShowImage_Mirror(55, 5, 24, 37, Image_Flag_24x37, MIR_MODE_LEFT_RIGHT);
vOLED_ShowImage_Mirror(60, 40, 24, 37, Image_Flag_24x37, MIR_MODE_UP_DOWN);
vOLED_ShowImage_Mirror(110, 40, 24, 37, Image_Flag_24x37, MIR_MODE_LEFT_RIGHT_UP_DOWN);
十三、测试核心代码2
vOLED_ShowPicture_Mirror(10, 10, 43, 47, Image_Tree_43x47, MIR_MODE_NORMAL);
vOLED_ShowPicture_Mirror(60, 10, 43, 47, Image_Tree_43x47, MIR_MODE_LEFT_RIGHT);
vOLED_ShowPicture_Mirror(10, 60, 43, 47, Image_Tree_43x47, MIR_MODE_UP_DOWN);
vOLED_ShowPicture_Mirror(80, 60, 43, 47, Image_Tree_43x47, MIR_MODE_LEFT_RIGHT_UP_DOWN);