OLED显示图片的技能，你Get了吗？

大家好，我是程序员小哈。

我们经常能看到利用OLED来显示一些图案，那这些图片素材是怎么实现的呢？今天我们就来分享一下相关内容。

实现目标

修改原Demo工程的主芯片为STM32F103RET6
按实际连接修改源码
制作一个图片素材并显示

获取Demo源码

之前我们分享过这个0.96寸OLED的相关文章（见文末的相关阅读），我们今天就在之前的源码基础上完成本文的实例，源码的获取方式如下图所示：

修改源码

修改主芯片

之前分享的这个源码，由于使用的是 STM32F103C8T6 为主芯片的最小系统板分享的，所以首先我们要把这个工程修改一下：

（1）因为STM32F103C8T6和STM32F103F103RET6的闪存容量不同，前者8=64K，后者E=512K，所以需要将工程中原有的启动文件 startup_stm32f10x_md.s 修改为： startup_stm32f10x_hd.s ：

（2）设置工程。

Options 中 Device修改为 STM32F103RET6
Options 中 C/C++ 标签下的宏定义修改为： STM32F10X_HD,USE_STDPERIPH_DRIVER

修改实际连接的硬件引脚

这次板子的硬件连接如下：

OLED	实际连接
GND	接地
VCC	3.3V
D0	PC13
D1	PC0
RES	PC1
DC	PC2
CS	PC3

因为跟之前网文分享的Demo连接的硬件引脚已经变换，所以我们要对工程中，对GPIO初始化部分的代码进行改写：

void OLED_Init(void)
{    GPIO_InitTypeDef  GPIO_InitStructure;RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOC, ENABLE); GPIO_InitStructure.GPIO_Pin = GPIO_Pin_0|GPIO_Pin_1|GPIO_Pin_2|GPIO_Pin_3|GPIO_Pin_13;  GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP;          //推挽输出GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;            //速度50MHzGPIO_Init(GPIOC, &GPIO_InitStructure);                     //初始化GPIOGPIO_SetBits(GPIOC,GPIO_Pin_0|GPIO_Pin_1|GPIO_Pin_2|GPIO_Pin_3|GPIO_Pin_13);   OLED_RST_Set(); delay_ms(100);OLED_RST_Clr();   delay_ms(200);OLED_RST_Set(); OLED_WR_Byte(0xAE,OLED_CMD);  //--turn off oled panelOLED_WR_Byte(0x00,OLED_CMD); //---set low column addressOLED_WR_Byte(0x10,OLED_CMD); //---set high column addressOLED_WR_Byte(0x40,OLED_CMD);    //--set start line address  Set Mapping RAM Display Start Line (0x00~0x3F)OLED_WR_Byte(0x81,OLED_CMD);  //--set contrast control registerOLED_WR_Byte(0xCF,OLED_CMD);   // Set SEG Output Current BrightnessOLED_WR_Byte(0xA1,OLED_CMD);    //--Set SEG/Column Mapping     0xa0左右反置 0xa1正常OLED_WR_Byte(0xC8,OLED_CMD);  //Set COM/Row Scan Direction   0xc0上下反置 0xc8正常OLED_WR_Byte(0xA6,OLED_CMD);  //--set normal displayOLED_WR_Byte(0xA8,OLED_CMD);  //--set multiplex ratio(1 to 64)OLED_WR_Byte(0x3f,OLED_CMD);    //--1/64 dutyOLED_WR_Byte(0xD3,OLED_CMD);   //-set display offset   Shift Mapping RAM Counter (0x00~0x3F)OLED_WR_Byte(0x00,OLED_CMD);   //-not offsetOLED_WR_Byte(0xd5,OLED_CMD);   //--set display clock divide ratio/oscillator frequencyOLED_WR_Byte(0x80,OLED_CMD); //--set divide ratio, Set Clock as 100 Frames/SecOLED_WR_Byte(0xD9,OLED_CMD);   //--set pre-charge periodOLED_WR_Byte(0xF1,OLED_CMD);   //Set Pre-Charge as 15 Clocks & Discharge as 1 ClockOLED_WR_Byte(0xDA,OLED_CMD);    //--set com pins hardware configurationOLED_WR_Byte(0x12,OLED_CMD);OLED_WR_Byte(0xDB,OLED_CMD); //--set vcomhOLED_WR_Byte(0x40,OLED_CMD);   //Set VCOM Deselect LevelOLED_WR_Byte(0x20,OLED_CMD);   //-Set Page Addressing Mode (0x00/0x01/0x02)OLED_WR_Byte(0x02,OLED_CMD);    //OLED_WR_Byte(0x8D,OLED_CMD);  //--set Charge Pump enable/disableOLED_WR_Byte(0x14,OLED_CMD);  //--set(0x10) disableOLED_WR_Byte(0xA4,OLED_CMD);   // Disable Entire Display On (0xa4/0xa5)OLED_WR_Byte(0xA6,OLED_CMD);    // Disable Inverse Display On (0xa6/a7) OLED_WR_Byte(0xAF,OLED_CMD);    //--turn on oled panelOLED_WR_Byte(0xAF,OLED_CMD);  /*display ON*/ OLED_Clear();OLED_Set_Pos(0,0);
}

修改GPIO操作的宏定义为：

#define OLED_SCLK_Clr() GPIO_ResetBits(GPIOC,GPIO_Pin_13)            //CLK   PC13 SCK D0
#define OLED_SCLK_Set() GPIO_SetBits(GPIOC,GPIO_Pin_13)#define OLED_SDIN_Clr() GPIO_ResetBits(GPIOC,GPIO_Pin_0)         //DIN   PC0 MISO D1
#define OLED_SDIN_Set() GPIO_SetBits(GPIOC,GPIO_Pin_0)#define OLED_RST_Clr() GPIO_ResetBits(GPIOC,GPIO_Pin_1)               //RES   PC1
#define OLED_RST_Set() GPIO_SetBits(GPIOC,GPIO_Pin_1)#define OLED_DC_Clr() GPIO_ResetBits(GPIOC,GPIO_Pin_2)             //DC    PC2
#define OLED_DC_Set() GPIO_SetBits(GPIOC,GPIO_Pin_2)#define OLED_CS_Clr()  GPIO_ResetBits(GPIOC,GPIO_Pin_3)             //CS    PC3
#define OLED_CS_Set()  GPIO_SetBits(GPIOC,GPIO_Pin_3)

修改下载工具为JLINK（根据个人实际修改）。

注意： Flash Download 要修改为 512k的 STM32F10x High-density Flash

下载程序之后，OLED上成功显示文字，达到预期效果，Demo修改完成。

制作图片素材

制作位图

利用PS制作一个 128*64 分辨率的bmp格式的位图。

取模

使用 PCTOLCD2002 软件生成字模。

显示位图

void OLED_DrawBMP(unsigned char x0, unsigned char y0,unsigned char x1, unsigned char y1,unsigned char BMP[])
{   unsigned int j=0;unsigned char x,y;if(y1%8==0) y=y1/8;      else y=y1/8+1;for(y=y0;y<y1;y++){OLED_Set_Pos(x0,y);for(x=x0;x<x1;x++){      OLED_WR_Byte(BMP[j++],OLED_DATA);          }}
}

函数调用：

OLED_DrawBMP(0,0,128,8, BMP3);

其中数组BMP3中存放的就是位图的字模数据。

结果展示

源码获取

公众号后台回复：位图显示 ，获取本文字模软件及测试工程源码。

总结

今天的内容比较简单，学起来，说不定哪天就能用上了。

每天进步一点点，,每天朝梦想近一点。

每天进步一点点，成长足迹看得见。

今天的文章内容到这里就结束了，希望对你有帮助，我们下一期见。

参考阅读

STM32驱动0.96寸OLED液晶屏

OLED液晶屏如何显示中文呢？

那位同学需要的：STM32驱动四针OLED，来了

欢迎关注

点击名片，发送加群，加入作者优质技术交流群。

如果想了解小哈哥的知识星球，可以点击下方链接，查看球友的福利，我们可以一起交流、一起玩耍。

知识星球简介链接：
https://mp.weixin.qq.com/s/LIZlGiqExmSVohLgkUbkoA

声明：文中软件仅供学习使用，请支持正版。