STM32F103xx OLED旋转显示图片

最新推荐文章于 2025-07-11 20:20:59 发布

原创

最新推荐文章于 2025-07-11 20:20:59 发布 · 2.6k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#stm32 #单片机 #arm

本文详细介绍了STM32F103xx开发板如何利用MDK-ARM编译器实现OLED屏幕上的图片旋转，包括0-270度旋转原理、取模方式、不同模式处理及两种显示方式的实现。通过实例代码演示了如何在90度和0度模式下旋转图片并进行取模测试。

STM32F103xx OLED旋转显示图片

编译器平台及例程说明
- - 编译器说明
  - 例程说明
一、图片旋转显示样式
二、图片旋转显示原理简述
三、两种不同的取模方式
- - 第一种取模方式
  - 第二种取模方式
四、不同的旋转模式
五、不同旋转模式前后部分的处理方式
六、带旋转显示图片方式1
七、带旋转显示图片方式2
八、图片取模测试
九、测试核心代码1
十、测试核心代码2

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。此值必须与硬件保持一致。

例程说明


1. STM32F103xx OLED旋转显示图片。
2. 显示图片可实现0度旋转、90度旋转、180度旋转、270度旋转。
3. 提供两种图片取模方式的显示。

一、图片旋转显示样式

在这里插入图片描述

二、图片旋转显示原理简述

原图(0度)显示 :
1. 横轴为图片实际宽度，纵轴为图片显示宽度，图片显示宽度大于等于图片实际宽度。
2. 按列显示，先显示第一列，在显示第二列，以此类推，每显示列中的一个像素纵轴加一，横轴不变，直到纵轴加的数量等于图片显示宽度为止，然后横轴加一，纵轴重设为初始值，开始显示第二列，依次类推，直到显示完最后一列。

90度显示 :

纵轴为图片实际高度，横轴为图片显示宽度，图片显示宽度大于等于图片实际宽度。
按行显示，先显示第一行，在显示第二行，以此类推，每显示行中的一个像素横轴加一，纵轴不变，直到横轴加的数量等于图片显示宽度为止，然后纵轴加一，横轴重设为初始值，开始显示第二行，依次类推，直到显示完最后一行。

180度显示 :
270度显示 :
180和270旋转显示原理月0度和90度相似。

注意：图片的显示方式与其取模方式有关。

在这里插入图片描述

三、两种不同的取模方式

第一种取模方式


1. 先从上到下，从左到右，按列取，先取第一列前8个像素，再取第二列前8个像素，直到最后一列前8个像素；然后再取先取第一列后8个像素，再取第二列后8个像素，直到最后一列后8个像素，以此类推。
2. PCtoLCD2002完美版 ==> 阴码 + 列行式 + 逆向(低位在前)
3. mg2Lcd.exe ==>  数据水平，字节垂直 + 单色 + 字节内像素数据反序(低位在前)

在这里插入图片描述

第二种取模方式


1. 先从上到下，从左到右，按列取，先取完第一列，再取完第二列，直到取完最后一列
2. PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
3. Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式

在这里插入图片描述

四、不同的旋转模式


/* 旋转模式 */
typedef enum
{
   
   
    ROTAT_MODE_DEG_0   = 0, /* 旋转0度 */
    ROTAT_MODE_DEG_90  = 1, /* 旋转90度 */
    ROTAT_MODE_DEG_180 = 2, /* 旋转180度 */
    ROTAT_MODE_DEG_270 = 3, /* 旋转270度 */
    ROTAT_MODE_MAX
}eRotateMode;

五、不同旋转模式前后部分的处理方式

/* 获取横纵轴的操作 */
static void vGet_xyHandler_Rotat(eRotateMode mode, void (** prevHand)(u16 * prev, u8 n), void (** backHand)(u16 * back, u8 n))
{
   
   
    switch(mode)
    {
   
   
        case ROTAT_MODE_DEG_0:
        {
   
   
            *prevHand = &vHandler_Inc;
            *backHand = &vHandler_Inc;
        }
        break;

        case ROTAT_MODE_DEG_90:
        {
   
   
            *prevHand = &vHandler_Sub;
            *backHand = &vHandler_Inc;
        }
        break;

        case ROTAT_MODE_DEG_180:
        {
   
   
            *prevHand = &vHandler_Sub;
            *backHand = &vHandler_Sub;
        }
        break;

        case ROTAT_MODE_DEG_270:
        {
   
   
            *prevHand = &vHandler_Inc;
            *backHand = &vHandler_Sub;
        }
        break;

        default : break;
    }
}

六、带旋转显示图片方式1

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

/**********************************************************************************************************************************************
 * 函数名 : vOLED_ShowPicture_Rotate
 * 描  述 : OLED显示图片带旋转
 * 输  入 : x       : 横轴坐标
 *          y       : 纵轴坐标
 *          xWidth  ：图片宽度
 *          yHeight : 图片高度
 *          pImage  : 图片指针
 *          mode    : 旋转模式
 * 说  明 : 1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
 *          2. 此函数适用于Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
 *          3. 取模方式为: 先从上到下，从左到右，按列取，先取完第一列，再取完第二列，直到取完最后一列
***********************************************************************************************************************************************/
void vOLED_ShowPicture_Rotate(u16 x, u16 y, u16 xWidth, u16 yHeight, const u8 * pImage, eRotateMode mode)
{
   
   
    // 1. 此函数适用于PCtoLCD2002完美版 ==> 阴码 + 逐列式 + 逆向(低位在前)取模方式
    // 2. 此函数适用于Img2Lcd.exe ==> 垂直扫描 + 单色 + 字节内像素数据反序(低位在前)取模方式
    // 3. 取模方式为: 先从上到下，从左到右，按列取，先取完第一列，再取完第二列，直到取完最后一列

    void (* prevHandler)(u16 * prev, u8 n) = NULL;
    void (* backHandler)(u16 * back, u8 n) = NULL;

    u16 k = 0, j = 0, i = 0, n = 0;
    u16 yMax  = 0;
    u16 y0    = 0;
    u16 x0    = 0;
    u8  dat   = 0;
    u16 * xyPrev = NULL;
    u16 * xyBack = NULL;
    u16 * xyInitVal = NULL;
    u8 preCount = 0;


    /* 旋转模式越界 */
    if (mode >= ROTAT_MODE_MAX)
    {
   
   
        return;
    }


    /* 前后部分处理，x y坐标变化 */
    vGet_xyHandler_Rotat(mode, &prevHandler, &backHandler);
    if ((prevHandler == NULL) || (backHandler == NULL)