设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 资源分享 › 我的学习路 › ESP8266:OLED_显示图片
123456下一页
返回列表 发新帖
查看: 7229|回复: 106

[其他分类] ESP8266:OLED_显示图片

  [复制链接]
回帖奖励 12 鱼币 回复本帖可获得 2 鱼币奖励! 每人限 1 次
划句顾
发表于 2021-10-6 22:06:59 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
本帖最后由 划句顾 于 2022-5-2 17:23 编辑

嘿嘿，明天要去学校了，最后滴放纵

图片取模工具

话不多说，贴出照片：
1.jpg


                               
登录/注册后可看大图




  2. /*
  3. * author:LaoGu
  4. * time:2021/10/6
  5. * purpose:让OLED 屏幕  显示个图片
  6. */
  7. #include<Arduino.h>
  8. #include<U8g2lib.h>

  10. #ifdef U8X8_HAVE_HW_SPI
  11. #include<SPI.h>
  12. #endif
  13. #ifdef U8X8_HAVE_HW_I2C
  14. #include<Wire.h>
  15. #endif

  17. U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0,SCL,SDA,U8X8_PIN_NONE);  //对应 OLED 的驱动协议、像素大小以及接线方式

  19. //图片取模
  20. // width: 66, height: 55
  21. const unsigned char col[]U8X8_PROGMEM = {
  22.   0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x03,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x03,0xff,0xff,
  23.   0xff,0xff,0xff,0xff,0xef,0xff,0x03,0xff,0xff,0xff,0x8f,0xff,0xff,0x03,0xff,0x03,0xff,0xff,0x3f,0x00,
  24.   0x80,0xff,0x00,0xfe,0x03,0xff,0xff,0x03,0x00,0x00,0x7c,0x78,0xfc,0x03,0xff,0xff,0xc0,0xff,0x1f,0x38,
  25.   0x7e,0xfc,0x03,0xff,0x3f,0xf8,0xff,0xff,0x01,0xff,0xf8,0x03,0xff,0x1f,0xff,0xff,0xff,0x07,0xff,0xfc,
  26.   0x03,0xff,0x87,0xff,0xff,0xff,0x0f,0xff,0xf8,0x03,0xff,0x03,0xfe,0xff,0xff,0x3f,0xfe,0xf8,0x03,0xff,
  27.   0xc1,0xfc,0xff,0xff,0x7f,0xf8,0xfc,0x03,0xff,0xc0,0xfd,0xff,0xff,0xff,0x70,0xf8,0x03,0xff,0x80,0xfd,
  28.   0xff,0xff,0xff,0x71,0xf0,0x03,0x7f,0x80,0xfd,0x7f,0xe0,0xff,0xe3,0xe0,0x03,0x7f,0x80,0xfd,0x3f,0xe4,
  29.   0xff,0xc7,0xe3,0x03,0x3f,0xc0,0xfd,0x1f,0xc8,0xff,0x8f,0xc7,0x03,0x3f,0xc0,0xfd,0x0f,0xd8,0xff,0x0f,
  30.   0xcf,0x03,0x1f,0xc0,0xfc,0x07,0x98,0xff,0x1f,0x8f,0x03,0x1f,0xe0,0xfc,0x03,0x98,0xff,0x3f,0xce,0x03,
  31.   0x0f,0xe0,0xfe,0x03,0x98,0xff,0x7f,0xc0,0x03,0x8d,0x01,0xfe,0x01,0x98,0xff,0x7f,0xe0,0x03,0xce,0x1f,
  32.   0xff,0x01,0x9c,0xff,0xff,0xf8,0x03,0xc6,0xff,0xff,0x01,0xdc,0xff,0xff,0xf8,0x03,0xc7,0xff,0xff,0x01,
  33.   0xde,0xff,0xff,0xf1,0x03,0xe7,0xff,0xff,0x1f,0xcc,0xff,0xff,0xe3,0x03,0xe7,0xff,0xff,0xff,0xe1,0xff,
  34.   0xff,0xe3,0x03,0xe7,0xff,0xff,0xff,0xff,0xff,0xff,0xc7,0x03,0xe7,0xff,0xff,0xff,0xee,0xff,0xff,0xcf,
  35.   0x02,0xe7,0xff,0xff,0x7f,0x77,0xff,0xff,0x8f,0x02,0xe7,0x07,0xff,0xff,0xbf,0xfb,0xff,0x1f,0x02,0x07,
  36.   0x20,0xfe,0xff,0xff,0xfb,0xff,0x1f,0x02,0x87,0x79,0xfe,0xff,0xcf,0xff,0xff,0x3f,0x02,0x87,0x79,0xfc,
  37.   0xff,0xcf,0xff,0xff,0x3f,0x02,0x07,0xf9,0xe0,0xff,0x9f,0xff,0xff,0x3f,0x02,0x3f,0xf8,0x01,0xff,0xcf,
  38.   0xff,0xff,0x7f,0x02,0xff,0xf0,0x39,0xe0,0xe0,0xff,0xff,0x7f,0x02,0xff,0xf1,0xfb,0x03,0xf8,0xff,0xff,
  39.   0xff,0x02,0xff,0xfb,0xf3,0xff,0xff,0xff,0xff,0xff,0x02,0xff,0xf3,0xc7,0xff,0xff,0xff,0xff,0xff,0x02,
  40.   0xff,0xf7,0x1f,0xfe,0xff,0xff,0xff,0xff,0x03,0xff,0xe7,0x7f,0xc0,0xff,0xff,0xff,0xff,0x03,0xff,0xef,
  41.   0xff,0x07,0xff,0xff,0x7f,0xf8,0x03,0xff,0xcf,0xff,0x0f,0xff,0xff,0x1f,0xe0,0x03,0xff,0x9f,0xff,0xcf,
  42.   0xff,0xff,0xff,0xc7,0x03,0xff,0x1f,0xff,0xcf,0xff,0xff,0xff,0x8f,0x03,0xff,0x3f,0xff,0xcf,0xff,0xff,
  43.   0xff,0x9f,0x03,0xff,0x7f,0xfe,0xcf,0xff,0xff,0xff,0x3f,0x03,0xff,0xff,0xf8,0xcf,0xff,0xff,0xff,0x3f,
  44.   0x03,0xff,0xff,0xf1,0xe7,0xff,0xff,0xff,0x7f,0x03,0xff,0xff,0x87,0xe7,0xff,0xff,0x3f,0x7f,0x02,0xff,
  45.   0xff,0x1f,0xe4,0xff,0xff,0x7f,0x7f,0x02,0xff,0xff,0xff,0xe0,0xff,0xff,0x7f,0xfe,0x02,0xff,0xff,0xff,
  46.   0xe7,0xff,0xff,0x7f,0xfe,0x00,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xfe,0x00 };
  47.   
  48. void setup(){
  49.   u8g2.begin();  
  50.   }

  52. void loop(){
  53.    u8g2.firstPage();
  54.    do{
  55.    u8g2.clearBuffer();
  56.    u8g2.drawXBMP(0,0,66,55,col);  //col就是bitmap
  57.    u8g2.sendBuffer();
  58.    }while(u8g2.nextPage());
  59.     delay(2500);
  60.   }
复制代码



                               
登录/注册后可看大图

知识点：
  u8g2.drawXBM()/drawXBMP() —— 绘制图像
* 绘制图像
* @param x 左上角坐标x
* @param y 左上角坐标y
* @param w 图形宽度
* @param h 图形高度
* @param bitmap 图形内容
举个栗子：
         u8g2.drawXBM(x ，y  ，w , h , bitmap)
   或者u8g2.drawXBMP(x ，y  ，w , h , bitmap)



                               
登录/注册后可看大图

再在oled里面加个进度条


图片如下：
2.jpg

代码：
  1. /*
  2. * author:LaoGu
  3. * time:2021/10/6
  4. * purpose:让OLED 屏幕  加载个图片和进度条
  5. */
  6. #include<Arduino.h>
  7. #include<U8g2lib.h>

  9. #ifdef U8X8_HAVE_HW_SPI
  10. #include<SPI.h>
  11. #endif
  12. #ifdef U8X8_HAVE_HW_I2C
  13. #include<Wire.h>
  14. #endif

  16. U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0,SCL,SDA,U8X8_PIN_NONE);  //对应 OLED 的驱动协议、像素大小以及接线方式

  18. int H =72;

  20. //图片取模
  21. // width: 66, height: 55
  22. const unsigned char col[] U8X8_PROGMEM = {
  23.   0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x03,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0x03,0xff,0xff,
  24.   0xff,0xff,0xff,0xff,0xef,0xff,0x03,0xff,0xff,0xff,0x8f,0xff,0xff,0x03,0xff,0x03,0xff,0xff,0x3f,0x00,
  25.   0x80,0xff,0x00,0xfe,0x03,0xff,0xff,0x03,0x00,0x00,0x7c,0x78,0xfc,0x03,0xff,0xff,0xc0,0xff,0x1f,0x38,
  26.   0x7e,0xfc,0x03,0xff,0x3f,0xf8,0xff,0xff,0x01,0xff,0xf8,0x03,0xff,0x1f,0xff,0xff,0xff,0x07,0xff,0xfc,
  27.   0x03,0xff,0x87,0xff,0xff,0xff,0x0f,0xff,0xf8,0x03,0xff,0x03,0xfe,0xff,0xff,0x3f,0xfe,0xf8,0x03,0xff,
  28.   0xc1,0xfc,0xff,0xff,0x7f,0xf8,0xfc,0x03,0xff,0xc0,0xfd,0xff,0xff,0xff,0x70,0xf8,0x03,0xff,0x80,0xfd,
  29.   0xff,0xff,0xff,0x71,0xf0,0x03,0x7f,0x80,0xfd,0x7f,0xe0,0xff,0xe3,0xe0,0x03,0x7f,0x80,0xfd,0x3f,0xe4,
  30.   0xff,0xc7,0xe3,0x03,0x3f,0xc0,0xfd,0x1f,0xc8,0xff,0x8f,0xc7,0x03,0x3f,0xc0,0xfd,0x0f,0xd8,0xff,0x0f,
  31.   0xcf,0x03,0x1f,0xc0,0xfc,0x07,0x98,0xff,0x1f,0x8f,0x03,0x1f,0xe0,0xfc,0x03,0x98,0xff,0x3f,0xce,0x03,
  32.   0x0f,0xe0,0xfe,0x03,0x98,0xff,0x7f,0xc0,0x03,0x8d,0x01,0xfe,0x01,0x98,0xff,0x7f,0xe0,0x03,0xce,0x1f,
  33.   0xff,0x01,0x9c,0xff,0xff,0xf8,0x03,0xc6,0xff,0xff,0x01,0xdc,0xff,0xff,0xf8,0x03,0xc7,0xff,0xff,0x01,
  34.   0xde,0xff,0xff,0xf1,0x03,0xe7,0xff,0xff,0x1f,0xcc,0xff,0xff,0xe3,0x03,0xe7,0xff,0xff,0xff,0xe1,0xff,
  35.   0xff,0xe3,0x03,0xe7,0xff,0xff,0xff,0xff,0xff,0xff,0xc7,0x03,0xe7,0xff,0xff,0xff,0xee,0xff,0xff,0xcf,
  36.   0x02,0xe7,0xff,0xff,0x7f,0x77,0xff,0xff,0x8f,0x02,0xe7,0x07,0xff,0xff,0xbf,0xfb,0xff,0x1f,0x02,0x07,
  37.   0x20,0xfe,0xff,0xff,0xfb,0xff,0x1f,0x02,0x87,0x79,0xfe,0xff,0xcf,0xff,0xff,0x3f,0x02,0x87,0x79,0xfc,
  38.   0xff,0xcf,0xff,0xff,0x3f,0x02,0x07,0xf9,0xe0,0xff,0x9f,0xff,0xff,0x3f,0x02,0x3f,0xf8,0x01,0xff,0xcf,
  39.   0xff,0xff,0x7f,0x02,0xff,0xf0,0x39,0xe0,0xe0,0xff,0xff,0x7f,0x02,0xff,0xf1,0xfb,0x03,0xf8,0xff,0xff,
  40.   0xff,0x02,0xff,0xfb,0xf3,0xff,0xff,0xff,0xff,0xff,0x02,0xff,0xf3,0xc7,0xff,0xff,0xff,0xff,0xff,0x02,
  41.   0xff,0xf7,0x1f,0xfe,0xff,0xff,0xff,0xff,0x03,0xff,0xe7,0x7f,0xc0,0xff,0xff,0xff,0xff,0x03,0xff,0xef,
  42.   0xff,0x07,0xff,0xff,0x7f,0xf8,0x03,0xff,0xcf,0xff,0x0f,0xff,0xff,0x1f,0xe0,0x03,0xff,0x9f,0xff,0xcf,
  43.   0xff,0xff,0xff,0xc7,0x03,0xff,0x1f,0xff,0xcf,0xff,0xff,0xff,0x8f,0x03,0xff,0x3f,0xff,0xcf,0xff,0xff,
  44.   0xff,0x9f,0x03,0xff,0x7f,0xfe,0xcf,0xff,0xff,0xff,0x3f,0x03,0xff,0xff,0xf8,0xcf,0xff,0xff,0xff,0x3f,
  45.   0x03,0xff,0xff,0xf1,0xe7,0xff,0xff,0xff,0x7f,0x03,0xff,0xff,0x87,0xe7,0xff,0xff,0x3f,0x7f,0x02,0xff,
  46.   0xff,0x1f,0xe4,0xff,0xff,0x7f,0x7f,0x02,0xff,0xff,0xff,0xe0,0xff,0xff,0x7f,0xfe,0x02,0xff,0xff,0xff,
  47.   0xe7,0xff,0xff,0x7f,0xfe,0x00,0xff,0xff,0xff,0xff,0xff,0xff,0xff,0xfe,0x00 };
  48.   
  49. void setup(){
  50.   u8g2.begin();  
  51.   }

  53. void loop(){
  54.    u8g2.setFont(u8g2_font_unifont_t_chinese2); //设置字体
  55.    
  56.    u8g2.firstPage();
  57.    do{
  58.    u8g2.clearBuffer();
  59.    u8g2.drawStr(70,20,"Loading");
  60.    u8g2.drawXBMP(0,0,66,55,col);
  61.    u8g2.sendBuffer();
  62.    //画一个空心方形
  63.        u8g2.drawFrame(70,30,41,6);  
  64.       
  65.       //下面两条line组成进度条
  66.        u8g2.drawLine(72,32,H,32);   //进度条1
  67.        u8g2.drawLine(72,33,H,33);   //进度条2
  68.      
  69.      //这个让进度条动起来
  70.        if(H<105)
  71.           H += 5;
  72.        else
  73.           H = 72;
  74.    }while(u8g2.nextPage());
  75.     delay(2500);
  76.   }
复制代码



                               
登录/注册后可看大图

点赞球球了
关注.png
三连.png
演示视频在这里

评分

参与人数 2荣誉 +6 鱼币 +1 收起 理由
一点沙 + 5 鱼C有你更精彩^_^
鸬鹚鸟 + 1 + 1 鱼C有你更精彩^_^

查看全部评分

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

划句顾
 楼主| 发表于 2021-10-7 21:48:42 | 显示全部楼层
本帖最后由 划句顾 于 2021-10-7 22:06 编辑

回复可以百分百拿到币

可不可以顺便去B站帮我的视频点赞呐

https://www.bilibili.com/video/B ... id_from=333.999.0.0

三连(粉色-文字透明-关注在下面-弹-手抖).gif
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

嘉岳呀
发表于 2021-10-8 20:05:04 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

hornwong
发表于 2021-10-9 10:56:14 | 显示全部楼层

回帖奖励 +2 鱼币

感谢分享！
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

sunyt
发表于 2021-10-9 11:11:14 | 显示全部楼层

回帖奖励 +2 鱼币

厉害
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

1molHF
发表于 2021-10-9 11:12:08 | 显示全部楼层

回帖奖励 +2 鱼币

牛
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

村里小黑
发表于 2021-10-9 11:20:07 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

三刀流.索隆
发表于 2021-10-9 15:37:14 | 显示全部楼层

回帖奖励 +2 鱼币

牛
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

番杰
发表于 2021-10-9 16:35:41 | 显示全部楼层

回帖奖励 +2 鱼币

水鱼币
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

myqf123
发表于 2021-10-9 21:05:40 | 显示全部楼层

回帖奖励 +2 鱼币

牛掰
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

hornwong
发表于 2021-10-10 11:12:51 | 显示全部楼层
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

noah-py
发表于 2021-10-10 12:54:37 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

tianlai7266
发表于 2021-10-10 13:20:21 | 显示全部楼层

回帖奖励 +2 鱼币

三连了
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

python0729
发表于 2021-10-10 20:58:25 | 显示全部楼层

回帖奖励 +2 鱼币

厉害
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

AdiosSpike
发表于 2021-10-10 21:05:51 | 显示全部楼层

回帖奖励 +2 鱼币

谢谢你的鱼币
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

python0729
发表于 2021-10-10 21:16:24 | 显示全部楼层
牛
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

玩具鱼
发表于 2021-10-11 08:55:19 | 显示全部楼层

回帖奖励 +2 鱼币

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

帅昊昊昊
发表于 2021-10-11 11:10:41 | 显示全部楼层

回帖奖励 +2 鱼币

顶
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

鸬鹚鸟
发表于 2021-10-12 21:31:36 | 显示全部楼层

回帖奖励 +2 鱼币

666
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

喵喵不咪
发表于 2021-10-13 11:54:29 | 显示全部楼层

回帖奖励 +2 鱼币

cy
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

下一页 »
123456下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-19 13:41

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表