12864反顯打底.jpg (3.73 MB, 下載次數: 151)
下載附件
反顯二維碼打底
2020-6-6 23:37 上傳
12864反顯畫邊框.jpg (3.84 MB, 下載次數: 143)
下載附件
12864反顯二維碼畫邊框
2020-6-6 23:38 上傳
可以看到圖片清晰地顯示了出來，且用任意掃碼工具都能快速掃描出結果。感謝前輩的無私分享。 好了，回歸正題，最近手頭有一塊0.96寸OLED 屏幕，閑來無事就顯示個二維碼玩玩。首先移植前輩的二維碼庫，只需要QR_Encode.c和QR_Encode.h這兩個就足夠了。移植到任何一個能正常使用的oled驅動例程中，編寫打點和畫矩形函數，再調用QR_Encode.c中的bool EncodeData(char *lpsSource)函數就會根據你輸入的字符串生成二維碼數據并保存在全局數組m_byModuleData[MAX_MODULESIZE][MAX_MODULESIZE];中了，二維碼的數據都是0或1，顯示到屏幕時只需要一個個判斷，遇1打點，遇0擦點（二維碼正顯）或遇1擦點，遇0打點（二維碼反顯），最后再刷新到oled上就好了。但這樣的話得出來的二維碼是比較小的，我們需要寫算法進行放大。放大的原理是一個點用幾個點表示，我用的方法是遇到0就畫一個實心的矩形，遇到1就擦除一個實心矩形里面的所有點（反顯），效果圖如下：
oled反顯.jpg (2.29 MB, 下載次數: 131)
下載附件
oled反顯二維碼
2020-6-6 23:38 上傳
我們看到，這個反顯的二維碼是能生成并顯示出來了，但是沒有打底或沒有邊框就顯得很難看。所以為了好看，需要給它加個邊框或打個白底，效果圖如下（右）
oled正反顯2.jpg (2.75 MB, 下載次數: 139)
下載附件
oled反顯
2020-6-6 23:39 上傳
此時可以看到右邊這個打了白底的邊框就顯得很好看了。圖中左邊是沒有打底的正顯二維碼，為何要用反顯而不用正顯呢？因為正顯的除非掃碼算法優化得特別好（如QQ、微信等），不然一般的掃碼比較難掃描出結果，而反顯的一掃就出來了，不信你們可以用瀏覽器的掃碼或多試幾個掃碼軟件看看。下圖是正顯的二維碼
oled正顯.jpg (113.41 KB, 下載次數: 131)
下載附件
oled二維碼正顯
2020-6-6 23:40 上傳
顯示二維碼到LCD最重要的是打點函數，可以開辟一個緩存用來存儲打點的數據，最后把二維碼數據和其他數據如邊框或打底的數據都存完進這個緩存后再調用刷新屏幕函數刷新到oled即可。 打點函數如下： - void OLED_DrawPoint(u8 x, u8 y, u8 t)
- {
- u8 pos, bx, temp = 0;
- if(x > 127 || y > 63)
- {
- return;//超出范圍了.
- }
- pos = 7 - y/8;
- bx = y % 8;
- temp = 1 << (7 - bx);
- t ? (OLED_GRAM[x][pos] |= temp) : (OLED_GRAM[x][pos] &= ~temp);
- }
刷新顯存函數如下： - void OLED_Refresh_Gram(void)//更新顯存到OLED
- {
- u8 i, n;
- for(i = 0; i < 8; i++)
- {
- WriteCmd(0xb0 + i); //設置頁地址（0~7）
- WriteCmd(0x00); //設置顯示位置—列低地址
- WriteCmd(0x10); //設置顯示位置—列高地址
- for(n = 0; n < 128; n++)
- {
- WriteDat(OLED_GRAM[n]);
- }
- }
- }
下面就是最重要的我封裝好了的二維碼顯示函數： - /**************************************************************************************************************
- 功能：在oled上顯示二維碼
- 參數：str->二維碼內容; offset->二維碼在X軸上的位置，范圍為0-127; colour=1->二維碼正顯 colour=0->二維碼反顯
- **************************************************************************************************************/
- void OLED_QRcode_Display(char *str,uint8_t offset,uint8_t colour)//二維碼的內容和第一個點再X軸的位置
- {
- uint32_t i,j,point;
- uint8_t exp = 1;//放大倍數
- uint8_t pos_X,pos_Y;
- if(colour)
- point = 1;
- else
- point = 0;
- EncodeData(str);
- exp = 64 / m_nSymbleSize; //根據屏幕尺寸自動計算最佳放大倍數
- pos_Y = (64 - exp*m_nSymbleSize)/2; //這是二維碼左下角第一個點的縱坐標
- pos_X = pos_Y + offset; //這是二維碼左下角第一個點的橫坐標
- if(point==0)
- OLED_Fill2(pos_X-2,pos_Y-2,pos_X + exp*m_nSymbleSize+2,pos_Y + exp*m_nSymbleSize+2,1);//給反顯的二維碼填充底色
- //exp*m_nSymbleSize為放大后二維碼的邊長（二維碼是正方形）
- for(i=0;i<m_nSymbleSize;i++)
- {
- for(j=0;j<m_nSymbleSize;j++)
- {
- if(m_byModuleData[j] == 1)
- {
- OLED_Fill2(pos_X,pos_Y,pos_X+exp,pos_Y+exp,point);//畫矩形并填充
- }
- if(m_byModuleData[j] == 0)
- {
- OLED_Fill2(pos_X,pos_Y,pos_X+exp,pos_Y+exp,1-point);//清空矩形區域
- }
- pos_Y += exp;
- }
- pos_X += exp;
- pos_Y -= m_nSymbleSize*exp;
- }
- OLED_Refresh_Gram();
- }
調用方法如下：
調用.png (72.84 KB, 下載次數: 151)
下載附件
調用
2020-6-6 23:44 上傳
file:///C:\Users\梁溥開\AppData\Local\Temp\ksohtml16084\wps6.jpg 其中，str是二維碼的內容，可中英文和數字，若要掃碼時自動打開網頁，則需要在前面加https:// ；offset是二維碼在X軸上的初始橫坐標，范圍為0-127，可用此調整二維碼的橫坐標讓它居左居中等，縱坐標我現在設定的是自動調整到最大，可以自己修改。colour是正反顯選擇，0是反顯，1是正顯。如我要生成一個掃碼就自動進入百度網頁的居中反顯二維碼時參數如下：OLED_QRcode_Display("https://baidu.com",63,0);這樣就能達到我們想要的效果了。下面是一正一反顯二維碼圖：
正反顯.jpg (2.35 MB, 下載次數: 189)
下載附件
二維碼正反顯
2020-6-6 23:44 上傳
下面是我的硬件平臺：STM32F103C8T6核心板和0.96寸oled。移植到其他平臺時內存8K以下的慎用，可能內存會爆。。
硬件平臺.jpg (2.59 MB, 下載次數: 153)
下載附件
硬件平臺
2020-6-6 23:45 上傳
大家可以多多評論，多多交流。 下方有完整工程可下載，用的HAL庫，STM32Cubemx配置的工程。 我的更多實用帖子大家也可看下哈，說不定某天用到呢哈哈 3、后續可能偶爾出新帖分享有趣的東西。 大家覺得不錯的可以多多評論或轉發收藏點贊哈，還有，轉載注明出處，謝謝~
全部資料51hei下載地址：
IIC_OLED_QR_Code.7z
(14.33 MB, 下載次數: 408)
2020-6-7 04:24 上傳
點擊文件名下載附件
下載積分: 黑幣 -5
| 
[復制鏈接]
QQ好友和群
QQ空間
騰訊微博
騰訊朋友
收藏
淘帖
頂
踩
