设为首页收藏本站
首页 > 论坛 > 树莓派

[项目]用树莓派PICO做一个电子墨水屏老黄历 精华

HonestQiao | 初级技匠 | 创造力： | 帖子： | 发消息 | 串个门 | 加好友 | 打招呼
2024-1-7 21:31:04 [显示全部楼层]
3994浏览
3回复
0收藏
查看: 3994|回复: 3

[项目] 用树莓派PICO做一个电子墨水屏老黄历

[复制链接]
本帖最后由 HonestQiao 于 2024-1-9 00:36 编辑

近期刚好上手了一块 Pervasive Displays 的电子墨水屏，显示的效果非常好，结合手头的树莓派Pico，制作了一款老黄历。

一、项目介绍：
这个项目，使用树莓派Pico做为主控，使用Pervasive Displays的红白黑三色电子墨水屏进行显示，并使用采集的老黄历数据，进行老黄历的呈现。

目前版本的效果：用树莓派PICO做一个电子墨水屏老黄历图13

二、项目设计：
要实现这个项目，需要依次实现以下：
1. 寻找老黄历数据和模版
2. 驱动EPD屏幕
3. 在EPD屏幕上显示中文
4. 老黄历界面设计
5. 代码编写
6. 整体优化

三、硬件：
1. 树莓派Pico
用树莓派PICO做一个电子墨水屏老黄历图1

2. Pervasive Displays墨水屏+转接板
用树莓派PICO做一个电子墨水屏老黄历图2
用树莓派PICO做一个电子墨水屏老黄历图3


3. 实物连接
用树莓派PICO做一个电子墨水屏老黄历图4

四、寻找老黄历数据和模版
讲过多番查找，最终使用 https://www.ibazi.cn/huangli 的信息，做为老黄历的数据和呈现模版。
用树莓派PICO做一个电子墨水屏老黄历图5

五、驱动EPD屏幕
树莓派Pico可以在Arduino IDE环境开发，而Pervasive Displays又为 EPD提供了Arduino环境的Lib，所以就直接使用Arduino IDE开发了。
安装PDLS_EXT3_Basic_GLobal即可：
用树莓派PICO做一个电子墨水屏老黄历图6

然后参考实例，了解具体的用法：
用树莓派PICO做一个电子墨水屏老黄历图7


六. 在EPD屏幕上显示中文
PDLS_EXT3_Basic_GLobal默认只提供了英文字符字库，没有中文字库的接口。
经过相关官方了解，只有商业用户，才提供支持用户字库的版本，非商业用户只能自己研究。
经过一番探究，确定PDLS_EXT3_Basic_GLobal中显示字符，就使用的画点。
既然画点，那就好办了，弄一个汉字的点阵数据就可以。

参考其自带的Terminal8x12e.h，复制了一份Terminal8x16e.h。
再访问 https://www.23bei.com/tool/216.html 生成所需显示内容的字形数据：
用树莓派PICO做一个电子墨水屏老黄历图8

上面的数据，拷贝到上述字形数据文件中，替换原有的一部分：
用树莓派PICO做一个电子墨水屏老黄历图9

再代码中，使用如下代码即可显示：
  1. myScreen.selectFont(Font_Terminal8x16);

  2.     myScreen.gText(76, 329, "LMNOPQ", myColours.red);

复制代码


当然，这只是一个简单的替换显示。
复杂一点的，还可以做一个转换函数，方便快捷进行调用。

七. 在EPD屏幕上呈现老黄历界面
要想在EPD上面，显示老黄历界面，是最麻烦的一步。
我的具体做法如下：
1. 在图形软件中，新建一个和屏幕像素同等大小的图像
2. 然后截图老黄历界面并调整到实际大小
3. 在界面上拉线，获取每个位置的坐标
用树莓派PICO做一个电子墨水屏老黄历图10

最终，得到一系列坐标定义：
  1. 顶部：

  2. 方块：

  3. 5,4 83,64 淡红

  4. 字：

  5. 95,11 今天 黑色

  6. 95,35 农历 淡红

  7. 95,54 葵卯年 黑色

  8. 

  9. 37,25 7 白色

  10. 

  11. 线框：灰色

  12. x=70,170

  13. y=77,96,158

  14. 0,77,w=240-1,h=158-77 黑色

  15. 70,77,w=100,h=158-77 黑色

  16. 

  17. 

  18. 中间两边：

  19. 圆：

  20. 37,110,r=10   红色

  21. 204,110.r=10  灰色

  22. 

  23. 字：

  24. 37,110 宜   白色

  25. 204,110 忌  白色

  26. 

  27. 37,82 无节日 黑色

  28. 204,82 无节气 黑色

  29. 

  30. 字：

  31. 37,126 祭祀 黑色

  32. 204,126 畋猎 黑色

  33. 37,141 嫁娶 黑色

  34. 204,141 求医 黑色

  35. 

  36. 中间中间：

  37. 圆：

  38. 117,120,r=30 灰色

  39. 117,120,r=20 暗红

  40. 117,120,r=20 灰色

  41. 117,120,r=10 白色

  42. 

  43. 线：

  44. 117,120-5 - 117,120+5 红色

  45. 

  46. 字：

  47. 70,77 喜 白色

  48. 170,77 贵 白色

  49. 70,158 财 白色

  50. 170,158 生 白色

  51. 

  52. 块：

  53. 70,77-76,83 喜 暗红

  54. 170,77-176,83 贵 红色

  55. 70,158-76,164 财 淡红

  56. 170,158-176,164 生 灰色

  57. 

  58. 字：

  59. 80,77 西北 黑色

  60. 180,77 东北 黑色

  61. 80,158 正东 黑色

  62. 180,158 东南 黑色

  63. 

  64. 

  65. 

  66. 下中：

  67. 框

  68. 0,158 - 0,181, w=240,h=181-158 灰色

  69. 0,181 - 0,210, w=240,h=210-181 灰色

  70. 0,210 - 0,270, w=240, h=270-181 灰色

  71. 70,181, 170,210, w=100,h=270-181 灰色

  72. 70,254, 170,210, w=100,h=270-210 灰色

  73. 

  74. 字：

  75. 54,166 年 红色

  76. 99,166 月 红色

  77. 146,166 日 红色

  78. 

  79. 9,185   冲 红色

  80. 102,185 煞 红色

  81. 176,185 天干 红色

  82. 

  83. 14,213 今日胎神 红色

  84. 98,213 今日吉时

  85. 182.213 今日八字

  86. 

  87. 74,257 十二神 红色

  88. 124,257 二八宿 红色
复制代码


八、代码编写
上一步得到了坐标数据，下面就是实际的代码编写了：
  1. // Screen

  2. #include "PDLS_EXT3_Basic_Global.h"

  3. 

  4. // SDK

  5. // #include <Arduino.h>

  6. #include "hV_HAL_Peripherals.h"

  7. 

  8. // Include application, user and local libraries

  9. // #include <SPI.h>

  10. 

  11. // Configuration

  12. #include "hV_Configuration.h"

  13. 

  14. // Set parameters

  15. 

  16. // Define structures and classes

  17. 

  18. // Define variables and constants

  19. Screen_EPD_EXT3 myScreen(eScreen_EPD_EXT3_370, boardRaspberryPiPico_RP2040);

  20. 

  21. // Prototypes

  22. 

  23. // Utilities

  24. ///

  25. /// @brief Wait with countdown

  26. /// @param second duration, s

  27. ///

  28. void wait(uint8_t second)

  29. {

  30.     for (uint8_t i = second; i > 0; i--)

  31.     {

  32.         Serial.print(formatString(" > %i  \r", i));

  33.         delay(1000);

  34.     }

  35.     Serial.print("         \r");

  36. }

  37. 

  38. // Functions

  39. ///

  40. /// @brief DisplayLHL

  41. ///

  42. void DisplayLHL()

  43. {

  44.     myScreen.setOrientation(2);

  45. 

  46.     myScreen.setPenSolid(true);

  47.     myScreen.dRectangle(5, 4, 83-5, 64-4, myColours.lightRed);

  48. 

  49.     myScreen.selectFont(Font_Terminal16x24);

  50.     myScreen.gText(37, 25, "7", myColours.white);

  51. 

  52.     myScreen.selectFont(Font_Terminal8x12);

  53.     myScreen.gText(95, 11, "Today, 2024-1, Sunday", myColours.black);

  54.     myScreen.gText(95, 35, "NongLi 11-26", myColours.red);

  55.     myScreen.gText(95, 54, "Tu Yi-Chou Geng-Wu", myColours.black);

  56. 

  57.     myScreen.setPenSolid(false);

  58.     myScreen.dRectangle(0, 77, 240-1, 158-77, myColours.grey);

  59.     myScreen.dRectangle(70, 77, 170-70, 158-77, myColours.grey);

  60. 

  61.     myScreen.setPenSolid(true);

  62.     myScreen.circle(37, 110, 10, myColours.red);

  63.     myScreen.circle(204, 110, 10, myColours.grey);

  64. 

  65.     myScreen.gText(37-4, 110-4, "Y", myColours.white);

  66.     myScreen.gText(204-4, 110-4, "N", myColours.white);

  67. 

  68.     myScreen.gText(37-20, 82, "No Jie", myColours.black);

  69.     myScreen.gText(204-20, 82, "No Qi", myColours.black);

  70. 

  71.     myScreen.gText(37-20-8, 126, "Ji-Shi", myColours.black);

  72.     myScreen.gText(204-20-8, 126, "Lie-Shou", myColours.black);

  73.     myScreen.gText(37-20-8, 141, "Jia-Qu", myColours.black);

  74.     myScreen.gText(204-20-8, 141, "Qiu-Yi", myColours.black);

  75. 

  76.     myScreen.circle(117, 120, 30, myColours.grey);

  77.     myScreen.circle(117, 120, 25, myColours.darkRed);

  78.     myScreen.circle(117, 120, 20, myColours.grey);

  79.     myScreen.circle(117, 120, 10, myColours.white);

  80. 

  81.     myScreen.circle(117, 120, 2, myColours.darkRed);

  82.     myScreen.dLine(117, 120-10, 0, 10, myColours.black);

  83.     myScreen.dLine(117, 120, 0, 10, myColours.red);

  84. 

  85.     myScreen.dRectangle(70, 77, 16, 16, myColours.red);

  86.     myScreen.dRectangle(170-16, 77, 16, 16, myColours.darkRed);

  87.     myScreen.dRectangle(70, 158-16, 16, 16, myColours.lightRed);

  88.     myScreen.dRectangle(170-16, 158-16, 16, 16, myColours.grey);

  89. 

  90.     myScreen.gText(70+4, 77+4, "J", myColours.white);

  91.     myScreen.gText(170-16+4, 77+4, "E", myColours.white);

  92.     myScreen.gText(70+4, 158-16+4, "P", myColours.black);

  93.     myScreen.gText(170-16+4, 158-16+4, "L", myColours.black);

  94. 

  95.     myScreen.gText(80+8, 77+2, "WN", myColours.black);

  96.     myScreen.gText(180-8-32-8, 77+2, "EN", myColours.black);

  97.     myScreen.gText(80+8, 158-8-4, "CE", myColours.black);

  98.     myScreen.gText(180-8-32-8, 158-8-4, "ES", myColours.black);

  99. 

  100. 

  101.     myScreen.setPenSolid(false);

  102.     myScreen.dRectangle(0, 158, 240-1, 181-158, myColours.grey);

  103.     myScreen.dRectangle(0, 181, 240-1, 210-181, myColours.grey);

  104.     myScreen.dRectangle(0, 210, 240-1, 270-210, myColours.grey);

  105.     myScreen.dRectangle(70, 181, 170-70, 270-181, myColours.grey);

  106.     myScreen.dRectangle(70, 254, 170-70, 270-254, myColours.grey);

  107. 

  108.     myScreen.setPenSolid(true);

  109.     myScreen.gText(54, 166, "Y:", myColours.red);

  110.     myScreen.gText(99, 166, "M:", myColours.red);

  111.     myScreen.gText(146, 166, "D:", myColours.red);

  112. 

  113.     myScreen.gText(9, 185, "Chong:", myColours.red);

  114.     myScreen.gText(102, 185, "Sha:", myColours.red);

  115.     myScreen.gText(176, 185, "Tian:", myColours.red);

  116. 

  117.     myScreen.gText(14-8, 213, "Today-B:", myColours.red);

  118.     myScreen.gText(98-16, 213, "Today-T:", myColours.red);

  119.     myScreen.gText(182-8, 213, "Today-8:", myColours.red);

  120. 

  121.     myScreen.selectFont(Font_Terminal6x8);

  122.     myScreen.gText(74, 257, "12:", myColours.red);

  123.     myScreen.gText(124, 257, "28:", myColours.red);

  124. 

  125. 

  126.     myScreen.selectFont(Font_Terminal8x16);

  127.     myScreen.gText(76, 329, "LMNOPQ", myColours.red);

  128. 

  129.     myScreen.flush();

  130. }

  131. 

  132. // Add setup code

  133. ///

  134. /// @brief Setup

  135. ///

  136. void setup()

  137. {

  138.     // Start

  139.     Serial.begin(115200);

  140.     delay(2000);

  141.  

  142.     Serial.println("begin... ");

  143.     myScreen.begin();

  144.     Serial.println(formatString("%s %ix%i", myScreen.WhoAmI().c_str(), myScreen.screenSizeX(), myScreen.screenSizeY()));

  145. 

  146.     Serial.println("Colours... ");

  147.     myScreen.clear();

  148.     DisplayLHL();

  149.     wait(8);

  150. 

  151.     Serial.println("=== ");

  152.     Serial.println();

  153. }

  154. 

  155. // Add loop code

  156. ///

  157. /// @brief Loop, empty

  158. ///

  159. void loop()

  160. {

  161.     delay(1000);

  162. }

复制代码


上述代码，就是使用了画线、画圆、画方块、画方框、显示文字、设置字体等调用，来进行具体的实现。

九、实现效果
上面的代码编译执行后，效果如下：

用树莓派PICO做一个电子墨水屏老黄历图11

用树莓派PICO做一个电子墨水屏老黄历图12

因为最近比较忙，显示的还只是英文字符，还没有完全换为中文字符。
另外，老黄历的数据是采集的，不能公开，所以数据还在整合中，将尽快整合完成。


十、整体优化
之前的版本，还是显示的英文字符，而且内容，都还是在代码里面写死的。
每一次修改，都需要重新编译，然后下载，然后启动运行，耗时耗力不好调整。

那么这一版本，就做了整体优化。
具体的优化细节如下：
1. 要显示的信息，提取为json文件，要改变现实效果，只需要修改json配置即可
2. json配置文件，通过web提供
3. PicoW添加了联网读取解析json的功能，并根据json的数据，进行实际的显示绘制操作
4. PicoW添加了按BOOTSEL按键，重新读取json的功能

1. json配置文件如下：
  1. {

  2.     "name": "laohuangli",

  3.     "orientation": 2,

  4.     "version": 1.0,

  5.     "offset" : [0, 0],

  6.     "data_demo" :[

  7.         {"type": "comment", "value":"这是一行注释"},

  8.         {"type": "setOrientation", "value":2},

  9.         {"type": "setOffset", "x":0, "y":0},

  10.         {"type": "setPenSolid", "value":true},

  11. 

  12.         {"type": "selectFont", "value":"16x24"},

  13.         {"type": "setFontSolid", "value":true},

  14.         {"type": "gText",      "x":37, "y":25, "text":"7", "color":"white"},

  15. 

  16.         {"type": "point",       "x":5, "y":4, "color":"white"},

  17.         {"type": "line",       "x":5, "y":4, "x1":5, "y1":4, "color":"white"},

  18.         {"type": "rectangle",       "x":5, "y":4, "x1":5, "y1":4, "color":"white"},

  19.         {"type": "circle",       "x":5, "y":4, "r":10, "color":"white"},

  20.         {"type": "triangle",       "x":5, "y":4, "x1":5, "y1":4, "x2":5, "y2":4, "color":"white"},

  21. 

  22.         {"type": "dLine",       "x":5, "y":4, "w":78, "h":60, "color":"white"},

  23.         {"type": "dRectangle", "x":5, "y":4, "w":78, "h":60, "color":"white"}

  24.     ],

  25.     "data" :[

  26.         {"type":"comment", "value":"设置方向"},

  27.         {"type": "setOrientation", "value":2},

  28. 

  29.         {"type":"comment", "value":"设置笔触"},

  30.         {"type": "setPenSolid", "value":true},

  31.         {"type": "setFontSolid", "value":false},

  32. 

  33.         {"type":"comment", "value":"标题"},

  34.         {"type": "selectFont", "value":"8x16"},

  35.         {"type": "gText", "x":96, "y":5, "text":"老黄历", "color":"red"},

  36. 

  37.         {"type": "dLine", "x":0, "y":30, "w":240, "h":0, "color":"grey"},

  38. 

  39.         {"type": "setOffset", "x":0, "y":35},

  40. 

  41.         {"type":"comment", "value":"当日日期"},

  42.         {"type": "dRectangle", "x":5, "y":4, "w":78, "h":70, "color":"lightRed"},

  43.         {"type": "selectFont", "value":"16x24"},

  44.         {"type": "gText",      "x":37, "y":30, "text":"8", "color":"white"},

  45. 

  46.         {"type":"comment", "value":"当日日历信息"},

  47.         {"type": "selectFont", "value":"8x16"},

  48.         {"type": "gText",      "x":95, "y":10, "text":"２０２４年１月　星期一", "color":"black"},

  49.         {"type": "gText",      "x":95, "y":25, "text":"农历十一月廿七", "color":"black"},

  50.         {"type": "gText",      "x":95, "y":40, "text":"癸卯年　兔年", "color":"black"},

  51.         {"type": "gText",      "x":95, "y":55, "text":"乙丑月　辛未日", "color":"black"},

  52. 

  53.         {"type": "setOffset", "x":0, "y":50},

  54. 

  55.         {"type":"comment", "value":"中间方框"},

  56.         {"type": "setPenSolid", "value":false},

  57.         {"type": "dRectangle", "x":0, "y":77, "w":239, "h":81, "color":"grey"},

  58.         {"type": "dRectangle", "x":70, "y":77, "w":100, "h":81, "color":"grey"},

  59. 

  60.         {"type":"comment", "value":"中间方框内两边圆形"},

  61.         {"type": "setPenSolid", "value":true},

  62.         {"type": "circle", "x":37, "y":110, "r":10, "color":"red"},

  63.         {"type": "circle", "x":204, "y":110, "r":10, "color":"grey"},

  64.         {"type": "selectFont", "value":"8x16"},

  65.         {"type": "gText", "x":31, "y":103, "text":"宜", "color":"white"},

  66.         {"type": "gText", "x":198, "y":103, "text":"忌", "color":"black"},

  67. 

  68.         {"type":"comment", "value":"中间方框内上部文字"},

  69.         {"type": "gText", "x":17, "y":82, "text":"无节日", "color":"black"},

  70.         {"type": "gText", "x":184, "y":82, "text":"无节气", "color":"black"},

  71. 

  72.         {"type":"comment", "value":"中间方框内下部文字"},

  73.         {"type": "gText", "x":9, "y":126, "text":"祭祀　解除", "color":"black"},

  74.         {"type": "gText", "x":176, "y":126, "text":"祈福　冠带", "color":"black"},

  75.         {"type": "gText", "x":9, "y":141, "text":"破屋坏垣", "color":"black"},

  76.         {"type": "gText", "x":176, "y":141, "text":"嫁娶　进人口", "color":"black"},

  77. 

  78. 

  79.         {"type":"comment", "value":"中间方框内中部圆盘"},

  80.         {"type": "circle", "x":117, "y":120, "r":30, "color":"grey"},

  81.         {"type": "circle", "x":117, "y":120, "r":25, "color":"darkRed"},

  82.         {"type": "circle", "x":117, "y":120, "r":20, "color":"grey"},

  83.         {"type": "circle", "x":117, "y":120, "r":10, "color":"white"},

  84. 

  85.         {"type":"comment", "value":"中间方框内中部圆盘内部指南针"},

  86.         {"type": "circle", "x":117, "y":120, "r":2, "color":"darkRed"},

  87.         {"type": "dLine", "x":117, "y":110, "w":0, "h":10, "color":"black"},

  88.         {"type": "dLine", "x":117, "y":120, "w":0, "h":10, "color":"red"},

  89. 

  90.         {"type":"comment", "value":"中间方框内中部圆盘四边方框和文字"},

  91.         {"type": "dRectangle", "x":70, "y":77, "w":16, "h":16, "color":"red"},

  92.         {"type": "dRectangle", "x":154, "y":77, "w":16, "h":16, "color":"darkRed"},

  93.         {"type": "dRectangle", "x":70, "y":142, "w":16, "h":16, "color":"lightRed"},

  94.         {"type": "dRectangle", "x":154, "y":142, "w":16, "h":16, "color":"grey"},

  95.         {"type": "gText", "x":72, "y":77, "text":"喜", "color":"white"},

  96.         {"type": "gText", "x":156, "y":77, "text":"贵", "color":"white"},

  97.         {"type": "gText", "x":72, "y":142, "text":"财", "color":"black"},

  98.         {"type": "gText", "x":156, "y":142, "text":"生", "color":"black"},

  99. 

  100.         {"type":"comment", "value":"中间方框内中部圆盘四边方框旁边文字"},

  101.         {"type": "gText", "x":88, "y":77, "text":"西南", "color":"black"},

  102.         {"type": "gText", "x":130, "y":77, "text":"东北", "color":"black"},

  103.         {"type": "gText", "x":88, "y":142, "text":"正东", "color":"black"},

  104.         {"type": "gText", "x":130, "y":142, "text":"东南", "color":"black"},

  105. 

  106.         {"type": "setOffset", "x":0, "y":65},

  107. 

  108.         {"type":"comment", "value":"下部方框"},

  109.         {"type": "setPenSolid", "value":false},

  110.         {"type": "dRectangle", "x":0, "y":158, "w":239, "h":23, "color":"grey"},

  111.         {"type": "dRectangle", "x":0, "y":181, "w":239, "h":49, "color":"grey"},

  112.         {"type": "dRectangle", "x":0, "y":230, "w":239, "h":90, "color":"grey"},

  113.         {"type": "dRectangle", "x":70, "y":181, "w":100, "h":139, "color":"grey"},

  114.         {"type": "dRectangle", "x":70, "y":284, "w":100, "h":36, "color":"grey"},

  115. 

  116.         {"type":"comment", "value":"下部方框文字：红色"},

  117.         {"type":"comment", "value":"下部方框顶部文字"},

  118.         {"type": "gText", "x":54, "y":162, "text":"年", "color":"red"},

  119.         {"type": "gText", "x":99, "y":162, "text":"月", "color":"red"},

  120.         {"type": "gText", "x":146, "y":162, "text":"日", "color":"red"},

  121. 

  122.         {"type":"comment", "value":"下部方框中间文字"},

  123.         {"type": "gText", "x":9, "y":185, "text":"冲", "color":"red"},

  124.         {"type": "gText", "x":9, "y":205, "text":"肖", "color":"red"},

  125.         {"type": "gText", "x":95, "y":200, "text":"煞", "color":"red"},

  126.         {"type": "gText", "x":176, "y":185, "text":"天干", "color":"red"},

  127.         {"type": "gText", "x":176, "y":205, "text":"地支", "color":"red"},

  128. 

  129.         {"type":"comment", "value":"下部方框下部文字"},

  130.         {"type": "gText", "x":6, "y":233, "text":"今日胎神", "color":"red"},

  131.         {"type": "gText", "x":82, "y":233, "text":"今日吉时", "color":"red"},

  132.         {"type": "gText", "x":174, "y":233, "text":"今日八字", "color":"red"},

  133. 

  134.         {"type":"comment", "value":"下部方框下部中间文字"},

  135.         {"type": "gText", "x":74, "y":287, "text":"十二神", "color":"red"},

  136.         {"type": "gText", "x":124, "y":287, "text":"二八宿", "color":"red"},

  137. 

  138.         {"type":"comment", "value":"下部方框文字：黑色"},

  139.         {"type":"comment", "value":"下部方框顶部文字"},

  140.         {"type": "gText", "x":70, "y":162, "text":"金箔", "color":"black"},

  141.         {"type": "gText", "x":115, "y":162, "text":"海中", "color":"black"},

  142.         {"type": "gText", "x":162, "y":162, "text":"路旁", "color":"black"},

  143. 

  144.         {"type":"comment", "value":"下部方框中间文字"},

  145.         {"type": "gText", "x":24, "y":190, "text":"羊日冲牛", "color":"black"},

  146.         {"type": "gText", "x":24, "y":210, "text":"乙丑", "color":"black"},

  147.         {"type": "gText", "x":120, "y":200, "text":"煞西", "color":"black"},

  148.         {"type": "gText", "x":201, "y":190, "text":"辛金", "color":"black"},

  149.         {"type": "gText", "x":201, "y":210, "text":"未土", "color":"black"},

  150. 

  151.         {"type":"comment", "value":"下部方框下部文字"},

  152.         {"type": "gText", "x":6, "y":253, "text":"厨灶厕外", "color":"black"},

  153.         {"type": "gText", "x":6, "y":273, "text":"西南", "color":"black"},

  154. 

  155.         {"type": "gText", "x":82, "y":253, "text":"庚寅辛卯癸巳", "color":"black"},

  156.         {"type": "gText", "x":82, "y":269, "text":"丙申戊戌己亥 ", "color":"black"},

  157. 

  158.         {"type": "gText", "x":174, "y":253, "text":"癸卯乙丑", "color":"black"},

  159.         {"type": "gText", "x":174, "y":273, "text":"辛未戊子", "color":"black"},

  160. 

  161.         {"type":"comment", "value":"下部方框下部中间文字"},

  162.         {"type": "gText", "x":95, "y":301, "text":"破", "color":"black"},

  163.         {"type": "gText", "x":145, "y":301, "text":"张", "color":"black"}

  164.     ]

  165. }
复制代码


在上述文件中，定义了在老黄历界面中，所有需要的调用操作，data_demo中给出了所有可用的定义。
上面这个json文件，也可以用程序来自动生成，这样子每次访问网址的时候，可以根据当前日期，自动选择对应日期的数据输出json给PicoW使用。

2.  json配置文件，通过web提供
在这里，使用了python提供简单web服务：
  1. python -m http.server 9080
复制代码

3. arduino中PicoW的代码：
  1. // #include <WiFi.h>

  2. // #include <HTTPClient.h>

  3. 

  4. // Screen

  5. #include "PDLS_EXT3_Basic_Global.h"

  6. 

  7. // SDK

  8. // #include <Arduino.h>

  9. #include "hV_HAL_Peripherals.h"

  10. 

  11. // Include application, user and local libraries

  12. // #include <SPI.h>

  13. 

  14. // Configuration

  15. #include "hV_Configuration.h"

  16. 

  17. #include <Arduino.h>

  18. #include <WiFi.h>

  19. #include <HTTPClient.h>

  20. #include <ArduinoJson.h>

  21. 

  22. // Define structures and classes

  23. 

  24. // Define variables and constants

  25. Screen_EPD_EXT3 myScreen(eScreen_EPD_EXT3_370, boardRaspberryPiPico_RP2040);

  26. 

  27. bool status = false;

  28. 

  29. // Prototypes

  30. 

  31. // Utilities

  32. ///

  33. /// @brief Wait with countdown

  34. /// @param second duration, s

  35. ///

  36. void wait(uint8_t second) {

  37.   for (uint8_t i = second; i > 0; i--) {

  38.     Serial.print(formatString(" > %i  \r", i));

  39.     delay(1000);

  40.   }

  41.   Serial.print("         \r");

  42. }

  43. 

  44. #ifndef STASSID

  45. #define STASSID "********"

  46. #define STAPSK "********"

  47. #endif

  48. 

  49. const char *ssid = STASSID;

  50. const char *pass = STAPSK;

  51. 

  52. WiFiMulti WiFiMulti;

  53. 

  54. uint8_t get_font(String font_name) {

  55.   if (font_name == "6x8") {

  56.     return Font_Terminal6x8;

  57.   } else if (font_name == "8x12") {

  58.     return Font_Terminal8x12;

  59.   } else if (font_name == "8x16") {

  60.     return Font_Terminal8x16;

  61.   } else if (font_name == "12x16") {

  62.     return Font_Terminal12x16;

  63.   } else if (font_name == "16x24") {

  64.     return Font_Terminal16x24;

  65.   } else {

  66.     Serial.println(formatString("font_name is invalid: %s", font_name));

  67.     return Font_Terminal6x8;

  68.   }

  69. }

  70. 

  71. uint16_t get_color(String color_name) {

  72.   if (color_name == "black") {

  73.     return myColours.black;

  74.   } else if (color_name == "white") {

  75.     return myColours.white;

  76.   } else if (color_name == "grey") {

  77.     return myColours.grey;

  78.   } else if (color_name == "red") {

  79.     return myColours.red;

  80.   } else if (color_name == "lightRed") {

  81.     return myColours.lightRed;

  82.   } else if (color_name == "darkRed") {

  83.     return myColours.darkRed;

  84.   } else {

  85.     Serial.println(formatString("color_name is invalid: %s", color_name));

  86.     return myColours.black;

  87.   }

  88. }

  89. 

  90. void request_json_and_display() {

  91.   // wait for WiFi connection

  92.   if ((WiFiMulti.run() == WL_CONNECTED)) {

  93. 

  94.     HTTPClient http;

  95. 

  96.     Serial.print("[HTTP] begin...\n");

  97.     if (http.begin("http://192.168.1.15:9080/laohuangli.json")) {  // HTTP

  98.       Serial.print("[HTTP] GET...\n");

  99.       // start connection and send HTTP header

  100.       int httpCode = http.GET();

  101. 

  102.       // httpCode will be negative on error

  103.       if (httpCode > 0) {

  104.         // HTTP header has been send and Server response header has been handled

  105.         Serial.printf("[HTTP] GET... code: %d\n", httpCode);

  106. 

  107.         // file found at server

  108.         if (httpCode == HTTP_CODE_OK || httpCode == HTTP_CODE_MOVED_PERMANENTLY) {

  109.           String payload = http.getString();

  110.           Serial.println(payload);

  111. 

  112.           // Allocate the JSON document

  113.           JsonDocument doc;

  114. 

  115.           // Parse JSON object

  116.           DeserializationError error = deserializeJson(doc, payload);

  117.           if (error) {

  118.             Serial.print(F("deserializeJson() failed: "));

  119.             Serial.println(error.f_str());

  120.             return;

  121.           } else {

  122.             // 解析数据

  123.             int x_offset = 0;

  124.             int y_offset = 0;

  125.             int orientation = 2;

  126.             

  127.             x_offset = doc["offset"][0].as<long>();

  128.             y_offset = doc["offset"][1].as<long>();

  129.             orientation = doc["orientation"].as<long>();

  130. 

  131.             Serial.println(F("Response:"));

  132.             Serial.println(formatString("name: %s", doc["name"].as<const char *>()));

  133.             Serial.println(formatString("orientation: %d", orientation));

  134.             Serial.println(formatString("offset: (%d,%d)", x_offset, y_offset));

  135.             Serial.println(formatString("version: %0.2f", doc["version"].as<float>()));

  136.             Serial.println(formatString("data size: %d", doc["data"].size()));

  137. 

  138.             // 设置默认方向

  139.             myScreen.setOrientation(orientation);

  140. 

  141.             for (int i = 0; i < doc["data"].size(); i++) {

  142.               String type = doc["data"][i]["type"];

  143.               if (type == "comment") {

  144.                 // 注释

  145.                 String comment = doc["data"][i]["value"];

  146.                 Serial.println(formatString("comment: %s", comment.c_str()));

  147.               } else if (type == "setOrientation") {

  148.                 // 设置方向

  149.                 int value = doc["data"][i]["value"].as<long>();

  150.                 Serial.println(formatString("setOrientation: %d", value));

  151.                 myScreen.setOrientation(value);

  152.               } else if (type == "setOffset") {

  153.                 // 设置方向

  154.                 x_offset = doc["data"][i]["x"].as<long>();

  155.                 y_offset = doc["data"][i]["y"].as<long>();

  156.                 Serial.println(formatString("setOffset: (x, y)=(%d, %d)", x_offset, y_offset));

  157.               } else if (type == "setPenSolid") {

  158.                 // 设置落笔抬笔

  159.                 int value = doc["data"][i]["value"].as<bool>();

  160.                 Serial.println(formatString("setPenSolid: %d", value));

  161.                 myScreen.setPenSolid(value);

  162.               } else if (type == "selectFont") {

  163.                 // 设置字体

  164.                 String font_name = doc["data"][i]["value"];

  165.                 Serial.println(formatString("selectFont: %s", font_name.c_str()));

  166.                 uint8_t font = get_font(font_name);

  167.                 myScreen.selectFont(font);

  168.               } else if (type == "setFontSolid") {

  169.                 // 设置字体落笔抬笔

  170.                 int value = doc["data"][i]["value"].as<bool>();

  171.                 Serial.println(formatString("setFontSolid: %d", value));

  172.                 myScreen.setFontSolid(value);

  173.               } else if (type == "gText") {

  174.                 // 显示文本

  175.                 int x = doc["data"][i]["x"].as<long>();

  176.                 int y = doc["data"][i]["y"].as<long>();

  177.                 String text = doc["data"][i]["text"];

  178.                 String color_name = doc["data"][i]["color"];

  179.                 Serial.println(formatString("gText: (x,y)=(%d,%d) text=%s color=%s", x, y, text.c_str(), color_name.c_str()));

  180.                 uint16_t color = get_color(color_name);

  181.                 myScreen.gText(x + x_offset, y + y_offset, text, color);

  182.               } else if (type == "point") {

  183.                 // 画点

  184.                 int x = doc["data"][i]["x"].as<long>();

  185.                 int y = doc["data"][i]["y"].as<long>();

  186.                 String color_name = doc["data"][i]["color"];

  187.                 Serial.println(formatString("point: (x,y)=(%d,%d) color=%s", x, y, color_name.c_str()));

  188.                 uint16_t color = get_color(color_name);

  189.                 myScreen.point(x + x_offset, y + y_offset, color);

  190.               } else if (type == "line") {

  191.                 // 画线

  192.                 int x = doc["data"][i]["x"].as<long>();

  193.                 int y = doc["data"][i]["y"].as<long>();

  194.                 int x1 = doc["data"][i]["x1"].as<long>();

  195.                 int y1 = doc["data"][i]["y1"].as<long>();

  196.                 String color_name = doc["data"][i]["color"];

  197.                 Serial.println(formatString("line: (x,y)=(%d,%d) (x1,y1)=(%d,%d) color=%s", x, y, x1, y1, color_name.c_str()));

  198.                 uint16_t color = get_color(color_name);

  199.                 myScreen.line(x + x_offset, y + y_offset, x1+ x_offset, y1 + y_offset, color);

  200.               } else if (type == "rectangle") {

  201.                 // 画矩形

  202.                 int x = doc["data"][i]["x"].as<long>();

  203.                 int y = doc["data"][i]["y"].as<long>();

  204.                 int x1 = doc["data"][i]["x1"].as<long>();

  205.                 int y1 = doc["data"][i]["y1"].as<long>();

  206.                 String color_name = doc["data"][i]["color"];

  207.                 Serial.println(formatString("rectangle: (x,y)=(%d,%d) (x1,y1)=(%d,%d) color=%s", x, y, x1, y1, color_name.c_str()));

  208.                 uint16_t color = get_color(color_name);

  209.                 myScreen.rectangle(x + x_offset, y + y_offset, x1 + x_offset, y1 + y_offset, color);

  210.               } else if (type == "circle") {

  211.                 // 画圆

  212.                 int x = doc["data"][i]["x"].as<long>();

  213.                 int y = doc["data"][i]["y"].as<long>();

  214.                 int r = doc["data"][i]["r"].as<long>();

  215.                 String color_name = doc["data"][i]["color"];

  216.                 Serial.println(formatString("circle: (x,y)=(%d,%d) r=%d color=%s", x, y, r, color_name.c_str()));

  217.                 uint16_t color = get_color(color_name);

  218.                 myScreen.circle(x + x_offset, y + y_offset, r, color);

  219.               } else if (type == "triangle") {

  220.                 // 画三角形

  221.                 int x = doc["data"][i]["x"].as<long>();

  222.                 int y = doc["data"][i]["y"].as<long>();

  223.                 int x1 = doc["data"][i]["x1"].as<long>();

  224.                 int y1 = doc["data"][i]["y1"].as<long>();

  225.                 int x2 = doc["data"][i]["x2"].as<long>();

  226.                 int y2 = doc["data"][i]["y2"].as<long>();

  227.                 String color_name = doc["data"][i]["color"];

  228.                 Serial.println(formatString("triangle: (x,y)=(%d,%d) (x1,y1)=(%d,%d) (x2,y2)=(%d,%d) color=%s", x, y, x1, y1, x2, y2, color_name.c_str()));

  229.                 uint16_t color = get_color(color_name);

  230.                 myScreen.triangle(x + x_offset, y + y_offset, x1 + x_offset, y1 + y_offset, x2 + x_offset, y2 + y_offset, color);

  231.               } else if (type == "dLine") {

  232.                 // 画线(向量)

  233.                 int x = doc["data"][i]["x"].as<long>();

  234.                 int y = doc["data"][i]["y"].as<long>();

  235.                 int w = doc["data"][i]["w"].as<long>();

  236.                 int h = doc["data"][i]["h"].as<long>();

  237.                 String color_name = doc["data"][i]["color"];

  238.                 Serial.println(formatString("dLine: (x,y)=(%d,%d) (w,h)=(%d,%d) color=%s", x, y, w, h, color_name.c_str()));

  239.                 uint16_t color = get_color(color_name);

  240.                 myScreen.dLine(x + x_offset, y + y_offset, w, h, color);

  241.               } else if (type == "dRectangle") {

  242.                 // 画矩形(向量)

  243.                 int x = doc["data"][i]["x"].as<long>();

  244.                 int y = doc["data"][i]["y"].as<long>();

  245.                 int w = doc["data"][i]["w"].as<long>();

  246.                 int h = doc["data"][i]["h"].as<long>();

  247.                 String color_name = doc["data"][i]["color"];

  248.                 Serial.println(formatString("dRectangle: (x,y)=(%d,%d) (w,h)=(%d,%d) color=%s", x, y, w, h, color_name.c_str()));

  249.                 uint16_t color = get_color(color_name);

  250.                 myScreen.dRectangle(x + x_offset, y + y_offset, w, h, color);

  251.               } else {

  252.                 Serial.println(formatString("type: %s", type));

  253.               }

  254.             }

  255.             myScreen.flush();

  256.           }

  257.         }

  258.       } else {

  259.         Serial.printf("[HTTP] GET... failed, error: %s\n", http.errorToString(httpCode).c_str());

  260.       }

  261. 

  262.       http.end();

  263.     } else {

  264.       Serial.println("[HTTP} Unable to connect");

  265.     }

  266.   }

  267. }

  268. 

  269. void setup() {

  270.   pinMode(LED_BUILTIN, OUTPUT);

  271.   Serial.begin(115200);

  272.   // Serial.setDebugOutput(true);

  273. 

  274.   Serial.println();

  275.   Serial.println();

  276.   Serial.println();

  277. 

  278.   for (uint8_t t = 4; t > 0; t--) {

  279.     Serial.printf("[SETUP] WAIT %d...\n", t);

  280.     Serial.flush();

  281.     delay(1000);

  282.   }

  283. 

  284.   status = true;

  285.   digitalWrite(LED_BUILTIN, status);

  286.   WiFiMulti.addAP(ssid, pass);

  287.   Serial.print("WiFi is connecting: ");

  288.   while ((WiFiMulti.run() != WL_CONNECTED)) {

  289.     Serial.print(".");

  290.     Serial.flush();

  291.     delay(100);

  292.     digitalWrite(LED_BUILTIN, status);

  293.     status = !status;

  294.   }

  295.   Serial.println(" OK!");

  296.   status = false;

  297.   digitalWrite(LED_BUILTIN, status);

  298. 

  299.   Serial.println("begin... ");

  300.   myScreen.begin();

  301.   Serial.println(formatString("%s %ix%i", myScreen.WhoAmI().c_str(), myScreen.screenSizeX(), myScreen.screenSizeY()));

  302. 

  303.   Serial.println("request json and display... ");

  304.   status = true;

  305.   digitalWrite(LED_BUILTIN, status);

  306.   myScreen.clear();

  307.   request_json_and_display();

  308.   status = false;

  309.   digitalWrite(LED_BUILTIN, status);

  310. 

  311.   Serial.println("=== ");

  312.   Serial.println();

  313. }

  314. 

  315. void loop() {

  316.   if (BOOTSEL) {

  317.     status = true;

  318.     digitalWrite(LED_BUILTIN, status);

  319. 

  320.     Serial.printf("\a\aYou pressed BOOTSEL!\n");

  321.     // Wait for BOOTSEL to be released

  322.     while (BOOTSEL) {

  323.       delay(1);

  324.     }

  325.     status = false;

  326.     digitalWrite(LED_BUILTIN, status);

  327.     delay(500);

  328. 

  329.     status = true;

  330.     digitalWrite(LED_BUILTIN, status);

  331.     myScreen.clear();

  332.     request_json_and_display();

  333.     status = false;

  334.     digitalWrite(LED_BUILTIN, status);

  335.   }

  336.   delay(1000);

  337. }

复制代码


4. 最终效果：
用树莓派PICO做一个电子墨水屏老黄历图14

如果觉得显示的效果不好，例如位置不对等，可以在json配置文件中修改，然后按一下BOOTSEL按键，就能自动调用最新版本，然后刷新显示了。

十一、后续优化
后续的工作，就要简单多了，主要是如下的工作：
1. 睡眠模式：显示完成后，直接进入睡眠模式，定时唤醒。因为使用的是电子墨水屏，不供电也能继续显示，所以显示完，就可以睡眠了。
2. python服务端提供每日老黄历json文件




Pico, EPD, 黄历

相关帖子

回复

使用道具 举报

精彩评论(3)

aramy  初级技师

发表于 2024-1-8 10:09:28

赞！跟着乔老师买了墨水屏，等到了就跟着学习玩啦！
回复

使用道具 举报

HonestQiao  初级技匠
 楼主|

发表于 2024-1-8 22:37:58

aramy 发表于 2024-1-8 10:09
赞！跟着乔老师买了墨水屏，等到了就跟着学习玩啦！

好好学习，天天向上！
回复

使用道具 举报

_深蓝_  高级技师 来自手机

发表于 2024-1-9 08:45:53

乔帮主的文章太赞了。虽然还没有接触墨水屏，看到这篇文章，我都想跃跃欲试了。既高大上又有难度，很有挑战的意义。
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
撰写新帖
关于楼主

楼主的其它帖子

background 创造力兑换 background 心愿单 background 创客导航
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail