STM32F103xx OLED镜像显示图片

本文详细介绍了STM32F103xx使用OLED显示带镜像效果图片的原理和实现方法,包括左右镜像、上下镜像和上下左右镜像等不同模式。通过两种不同的取模方式,结合具体代码示例,展示了如何处理不同镜像模式下的横纵轴操作,并提供了两种显示图片的函数,适用于不同取模软件产生的图片数据。
摘要由CSDN通过智能技术生成

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. 上下左右镜像是相对原图上下左右镜像。

在这里插入图片描述

二、原图显示原理

  1. 横纵为图片的宽度,也是显示的实际宽度,纵轴为图片高度,需将其转化为8字节倍数来显示,超出图片高度部分不显示。
  2. 如图片高度9px转化为2字节显示,图片高度23px转化为3字节显示,图片高度32px转化为4字节显示,以此类推。
  3. 原图显示,先显示纵轴,每显示一个像素纵轴加一,直到纵轴加的数量为图片显示的高度为止,然后纵轴重新为初始值,横纵加一,依次内推。
  4. 图片的显示方式与其取模方式有关。

在这里插入图片描述

三、左右镜像原理

  1. 左右镜像原理与原图一致,只是每次纵轴重新为初始值时,横轴减一。
    在这里插入图片描述

四、上下左右镜像原理

  1. 上下左右镜像原理,先显示纵轴,每显示一个像素纵轴减一,直到纵轴减的数量为图片显示的高度为止,然后纵轴重新为初始值,横纵减一,依次内推。
    在这里插入图片描述

五、上下镜像原理

  1. 上下镜像原理,先显示纵轴,每显示一个像素纵轴减一,直到纵轴减的数量为图片显示的高度为止,然后纵轴重新为初始值,横纵加一,依次内推。
    在这里插入图片描述

六、两种不同的取模方式

第一种取模方式


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

  1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
  2. 此函数适用于Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
  3. 取模方式为: 先从上到下,从左到右,按列取,先取完第一列,再取完第二列,直到取完最后一列
/**********************************************************************************************************************************************
 * 函数名 : 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

  1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 列行式 + 逆向(低位在前)
  2. 此函数适用于mg2Lcd.exe ==> 数据水平,字节垂直 + 单色 + 字节内像素数据反序(低位在前)
  3. 取模方式为: 先从上到下,从左到右,按列取,先取第一列前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);

在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值