OLED顯示圖片的技能，你Get了嗎？

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

我們經(jīng)常能看到利用OLED來(lái)顯示一些圖案，那這些圖片素材是怎么實(shí)現(xiàn)的呢？今天我們就來(lái)分享一下相關(guān)內(nèi)容。

實(shí)現(xiàn)目標(biāo)

修改原Demo工程的主芯片為STM32F103RET6按實(shí)際連接修改源碼制作一個(gè)圖片素材并顯示

獲取Demo源碼

之前我們分享過(guò)0.96寸OLED的相關(guān)文章（見文末的相關(guān)閱讀），我們今天就在之前的源碼基礎(chǔ)上完成本文的實(shí)例，源碼的獲取方式如下圖所示：

修改源碼

修改主芯片

之前分享的這個(gè)源碼，由于使用的是 STM32F103C8T6 為主芯片的最小系統(tǒng)板分享的，所以首先我們要把這個(gè)工程修改一下：

（1） 因?yàn)镾TM32F103C8T6和STM32F103F103RET6的閃存容量不同，前者8=64K，后者E=512K，所以需要將工程中原有的啟動(dòng)文件 startup_stm32f10x_md.s 修改為：startup_stm32f10x_hd.s ：

（2）設(shè)置工程。

Options 中 Device修改為 STM32F103REOptions 中 C/C++ 標(biāo)簽下的宏定義修改為：STM32F10X_HD,USE_STDPERIPH_DRIVER

修改實(shí)際連接的硬件引腳

這次板子的硬件連接如下：

因?yàn)楦熬W(wǎng)文分享的Demo連接的硬件引腳已經(jīng)變換，所以我們要對(duì)工程中，對(duì)GPIO初始化部分的代碼進(jìn)行改寫：

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;???//速度50MHz
??GPIO_Init(GPIOC,?&GPIO_InitStructure);????????//初始化GPIO
??GPIO_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?panel
?OLED_WR_Byte(0x00,OLED_CMD);?//---set?low?column?address
?OLED_WR_Byte(0x10,OLED_CMD);?//---set?high?column?address
?OLED_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?register
?OLED_WR_Byte(0xCF,OLED_CMD);??//?Set?SEG?Output?Current?Brightness
?OLED_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?display
?OLED_WR_Byte(0xA8,OLED_CMD);?//--set?multiplex?ratio(1?to?64)
?OLED_WR_Byte(0x3f,OLED_CMD);?//--1/64?duty
?OLED_WR_Byte(0xD3,OLED_CMD);?//-set?display?offset?Shift?Mapping?RAM?Counter?(0x00~0x3F)
?OLED_WR_Byte(0x00,OLED_CMD);?//-not?offset
?OLED_WR_Byte(0xd5,OLED_CMD);?//--set?display?clock?divide?ratio/oscillator?frequency
?OLED_WR_Byte(0x80,OLED_CMD);?//--set?divide?ratio,?Set?Clock?as?100?Frames/Sec
?OLED_WR_Byte(0xD9,OLED_CMD);?//--set?pre-charge?period
?OLED_WR_Byte(0xF1,OLED_CMD);?//Set?Pre-Charge?as?15?Clocks?&?Discharge?as?1?Clock
?OLED_WR_Byte(0xDA,OLED_CMD);?//--set?com?pins?hardware?configuration
?OLED_WR_Byte(0x12,OLED_CMD);
?OLED_WR_Byte(0xDB,OLED_CMD);?//--set?vcomh
?OLED_WR_Byte(0x40,OLED_CMD);?//Set?VCOM?Deselect?Level
?OLED_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/disable
?OLED_WR_Byte(0x14,OLED_CMD);?//--set(0x10)?disable
?OLED_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?panel
?
?OLED_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（根據(jù)個(gè)人實(shí)際修改）。

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

下載程序之后，OLED上成功顯示文字，達(dá)到預(yù)期效果，Demo修改完成。

制作圖片素材

制作位圖

利用PS制作一個(gè) 128*64 分辨率的bmp格式的位圖。

取模

使用 PCtoLCD2002 軟件生成字模。

顯示位圖

顯示位圖函數(shù)如下：

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);??????
??}
?}
}?

函數(shù)調(diào)用：

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

其中數(shù)組BMP3中存放的就是位圖的字模數(shù)據(jù)。

結(jié)果展示

總結(jié)

今天的內(nèi)容比較簡(jiǎn)單，學(xué)起來(lái)，說(shuō)不定哪天就能用上了。

每天進(jìn)步一點(diǎn)點(diǎn)，每天朝夢(mèng)想近一點(diǎn)。

每天進(jìn)步一點(diǎn)點(diǎn)，成長(zhǎng)足跡看得見。

今天的文章內(nèi)容到這里就結(jié)束了，希望對(duì)你有幫助，我們下一期見。