设为首页收藏本站
首页 > 论坛 > Arduino

[项目]【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目

驴友花雕 | 中级技神 | 创造力： | 帖子： | 发消息 | 串个门 | 加好友 | 打招呼
2025-6-21 04:04:20 [显示全部楼层]
25浏览
2回复
0收藏
查看: 25|回复: 2

[项目] 【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目

[复制链接]
概述
主屏幕上有一个大时钟、日期和温度信息，以及音乐播放器和闹钟两个按钮。

Arduino触摸屏音乐播放器主屏幕
进入音乐播放器后，点击屏幕中间的大“播放”按钮即可开始播放音乐。旁边还有两个按钮，分别用于播放上一首或下一首歌曲。

Arduino触摸屏音乐播放器屏幕
这些按钮上方是歌曲进度条，屏幕底部有一个音量条和两个用于降低和增加音量的按钮。右上角有一个时钟，左侧是“菜单”按钮，可返回主屏幕。

另一方面，如果我们进入闹钟，我们可以使用两个按钮来设置小时和分钟来设置闹钟。

Arduino触摸屏闹钟屏幕
当闹钟响起时，一首歌曲将以更高的音量开始播放，并一直播放直到我们按下“关闭”按钮。

Arduino触摸屏闹钟激活
工作原理
现在让我们来看看这款设备的工作原理。它使用一块 Arduino Mega 开发板和一个 3.2 英寸 TFT 触摸屏，并配有合适的屏蔽罩，用于将屏幕连接到 Arduino 开发板。音乐播放使用 BY8001 MP3 播放器模块，闹钟使用 DS3231 实时时钟模块。

Arduino 音乐播放器和闹钟零件清单.jpg
您可以从以下链接获取此 Arduino 项目所需的组件：

BY8001-16P MP3 模块………亚马逊/全球速卖通
3.2 英寸 TFT 触摸显示屏……….…  Amazon  / Banggood / AliExpress
TFT 显示屏超级屏蔽………亚马逊 / Banggood / AliExpress
0.5W 扬声器 ……………………… Amazon  / Banggood / AliExpress
DS3231 实时时钟…… Amazon  / Banggood / AliExpress
Arduino Mega…………………………亚马逊/ Banggood / AliExpress
披露：这些是附属链接。作为亚马逊合作伙伴，我通过符合条件的购买赚取收益。

电路原理图
这是该项目的电路原理图：

Arduino 音乐播放器和闹钟零件清单电路原理图
我们可以在这里注意到，TFT 屏蔽阻挡了 Arduino 板的空闲引脚，因此我们需要制作一个定制的引脚接头，以便能够将它们插入屏蔽和 Arduino 之间。

Arduino 和 TFT 屏幕的定制引脚头
还要注意，为了给 Arduino 供电，我们需要将额外的针头焊接到屏蔽上的 5 V 针脚，因为屏蔽已经使用了所有 Arduino VCC 针脚。

将所有东西连接好后，我们就可以开始对 Arduino 进行编程了。不过，在继续之前，我建议您先看看我之前关于TFT 触摸屏和DS3231 实时时钟模块的详细教程。至于 MP3 播放器模块，我会在本文中简单讲解一下。

BY8001-16P MP3播放器模块
BY8001-16P 是一款 MP3 模块，支持 MicroSD 卡播放，支持 MP3 和 WAV 音频格式。模块内置 3W 功放，可直接驱动单个 3W 扬声器。

BY8100-16P MP3播放器模块
MP3 播放器模块可以使用 5 个输入引脚进行按钮控制，也可以通过串行通信使用微控制器进行控制。

BY8100-16P MP3播放器模块单片机控制
请注意，模块的串口引脚工作电压为 3.3V，因此模块的 RX 引脚需要通过一个 1K 电阻连接到 Arduino 的 TX 引脚。另请注意，A、B 和 C 三个端口用于选择控制模式。如需使用微控制器控制模块，则需要移除这三个引脚上的电阻。引脚 6 和 7 可用于直接连接低功率扬声器，如果使用外部放大器，则可使用引脚 4 和 5。

至于 Arduino 部分，最简单的方法是使用BY8001 库，该库可从 GitHub 下载。打开一些演示示例，就能了解它的工作原理。因此，在设置部分初始化模块后，我们可以使用任何自定义函数来控制模块。

构建设备
我使用 Solidworks 进行了设计，它的外观如下。

Arduino触摸屏音乐播放器和闹钟外壳Solidworks模型
您可以下载此模型，以便在此处进行测量：

对于这个项目，我选择使用铝板，并用多功能工具将其切割成合适的尺寸。然后在桌子边缘，借助一些夹具和板条，我将铝板弯曲。

无需压力机即可折弯金属板
至于扬声器，我打印了一个圆形图案，将其固定到位，然后使用钻头钻出所有孔。

标记侧面
之后，我将侧面切割成适当的形状，并使用胶枪将它们固定到之前弯曲的金属板上。

最后，我给金属板盒子涂了漆，准备安装电子元件了。同样，我用胶枪把所有元件固定好，然后把所有部件连接在一起，最后用两个螺栓固定了设备的后盖。

将电子元件安装到外壳上
就这样，欢迎在下面的评论部分提出任何问题。

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图1

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图2

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图3

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图4

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图5

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图6

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图7

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图8

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图9

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图10

回复

使用道具 举报

精彩评论(2)

驴友花雕  中级技神
 楼主|

发表于 7 小时前

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目

项目代码

  1. /*

  2. * Arduino Touch Screen MP3 Music Player and Alarm Clock

  3. *

  4. * Crated by Dejan Nedelkovski,

  5. * www.HowToMechatronics.com

  6. *

  7. * UFTF, URTouch and DS3231 libraries made by Henning Karlsen which can be found and downloaded from his website, www.rinkydinkelectronics.com.

  8. * BY8001 MP3 Player Library made by borland of Arduino forum, Released in public domain. Dowload link: https://github.com/r0ndL/BY8001 

  9. */

  10. 

  11. #include <UTFT.h>

  12. #include <URTouch.h>

  13. #include <SoftwareSerial.h>

  14. #include <BY8001.h>

  15. #include <DS3231.h>

  16. 

  17. //==== Creating Objects

  18. UTFT     myGLCD(SSD1289, 38, 39, 40, 41); //Parameters should be adjusted to your Display/Schield model

  19. URTouch  myTouch( 6, 5, 4, 3, 2);

  20. 

  21. 

  22. SoftwareSerial mp3Serial(11, 10);  // RX, TX

  23. BY8001 mp3;  // creating an instance of class BY8001 and call it 'mp3'

  24. 

  25. DS3231  rtc(SDA, SCL);

  26. 

  27. //==== Defining Fonts

  28. extern uint8_t SmallFont[];

  29. extern uint8_t BigFont[];

  30. extern uint8_t SevenSegNumFont[];

  31. 

  32. extern unsigned int MusicPlayerButton[0x1040];

  33. extern unsigned int AlarmButton[0x1040];

  34. extern unsigned int ButtonPlay[0x1AE9];

  35. extern unsigned int ButtonPause[0x1AE9];

  36. extern unsigned int PreviousButton[0x9C4];

  37. extern unsigned int NextButton[0x9C4];

  38. extern unsigned int VolumeDown[0x170];

  39. extern unsigned int VolumeUp[0x3B8];

  40. 

  41. int x, y; // Variables for the coordinates where the display has been pressed

  42. char currentPage, playStatus;

  43. int iV = 15;

  44. int trackNum = 1;

  45. int b = 16;

  46. int aHours = 0;

  47. int aMinutes = 0;

  48. boolean alarmNotSet = true;

  49. String alarmString = "";

  50. float currentTemperature, temperature;

  51. static word totalTime, elapsedTime, playback, minutes, seconds, lastSeconds, minutesR, secondsR;

  52. String currentClock, currentHours, currentMinutes, currentSeconds, currentDate;

  53. String timeString, hoursString, minutesString, secondsString, hoursS, minutesS, secondsS, dateS;

  54. 

  55. void setup() {

  56.   // Initiate display

  57.   myGLCD.InitLCD();

  58.   myGLCD.clrScr();

  59.   myTouch.InitTouch();

  60.   myTouch.setPrecision(PREC_MEDIUM);

  61. 

  62.   // Initialize the rtc object

  63.   rtc.begin();

  64. 

  65.   // Music

  66.   Serial.begin(9600);  // set serial monitor baud rate to Arduino IDE

  67.   mp3Serial.begin(9600);  // BY8001 set to 9600 baud (required)

  68.   mp3.setup(mp3Serial); // tell BY8001 library which serial port to use.

  69.   delay(800);  // allow time for BY8001 cold boot; may adjust depending on flash storage size

  70.   

  71.   drawHomeScreen();  // Draws the Home Screen

  72.   currentPage = '0'; // Indicates that we are at Home Screen

  73.   playStatus = '0';

  74. 

  75.   mp3.setVolume(15);

  76.   delay(100);

  77.   currentTemperature = rtc.getTemp();

  78.   currentDate = rtc.getDateStr();

  79.   currentClock = rtc.getTimeStr();

  80.   timeString = rtc.getTimeStr();

  81.   currentHours = timeString.substring(0, 2);

  82.   currentMinutes = timeString.substring(3, 5);

  83.   currentSeconds = timeString.substring(6, 8);

  84. }

  85. 

  86. 

  87. void loop() {

  88.   // Homes Screen

  89.   if (currentPage == '0') {

  90.     // Checks for change of the clock

  91.     if ( currentClock != rtc.getTimeStr()) {

  92.       timeString = rtc.getTimeStr();

  93.       hoursS = timeString.substring(0, 2);

  94.       minutesS = timeString.substring(3, 5);

  95.       secondsS = timeString.substring(6, 8);

  96. 

  97.       myGLCD.setFont(SevenSegNumFont);

  98.       myGLCD.setColor(0, 255, 0);

  99. 

  100.       myGLCD.print(secondsS, 224, 50);

  101.       

  102.       if ( currentMinutes != minutesS ) {

  103.         myGLCD.print(minutesS, 128, 50);

  104.         currentMinutes = minutesS;

  105.       }

  106.       if ( currentHours != hoursS ) {

  107.         myGLCD.print(hoursS, 32, 50);

  108.         currentHours = hoursS;

  109.       }

  110.       // Checks for change of the date

  111.       dateS = rtc.getDateStr();

  112.       delay(10);

  113.       if ( currentDate != dateS){

  114.           myGLCD.setColor(255, 255, 255); // Sets color to white

  115.           myGLCD.setFont(BigFont); // Sets font to big

  116.           myGLCD.print(rtc.getDateStr(), 153, 7);

  117.         }

  118.       // Checks for change of the temperature

  119.       temperature = rtc.getTemp();

  120.       delay(10);

  121.       if ( currentTemperature != temperature ){

  122.         myGLCD.setColor(255, 255, 255); // Sets color to white

  123.         myGLCD.setFont(BigFont); // Sets font to big

  124.         myGLCD.printNumI(temperature, 39, 7);

  125.         currentTemperature = temperature;

  126.       }

  127.       delay(10);

  128.       currentClock = rtc.getTimeStr();

  129.     }

  130.     // Checks whether the screen has been touched

  131.     if (myTouch.dataAvailable()) {

  132.       myTouch.read();

  133.       x = myTouch.getX(); // X coordinate where the screen has been pressed

  134.       y = myTouch.getY(); // Y coordinates where the screen has been pressed

  135.       // If we press the Music Player Button

  136.       if ((x >= 55) && (x <= 120) && (y >= 125) && (y <= 190)) {

  137.           drawFrame(87, 157, 33);

  138.           currentPage = '1';

  139.           myGLCD.clrScr();

  140.           delay(100);

  141.           drawMusicPlayerScreen();

  142.           delay(100);

  143.         }

  144.       // If we press the Alarm Button

  145.       if ((x >= 195) && (x <= 260) && (y >= 125) && (y <= 190)) {

  146.           drawFrame(227, 160, 29);

  147.           currentPage = '2';

  148.           myGLCD.clrScr();

  149.         }

  150.     }

  151.   }

  152.   

  153.   // Music Player Screen

  154.   if (currentPage == '1') {

  155.     if (myTouch.dataAvailable()) {

  156.       myTouch.read();

  157.       x = myTouch.getX(); // X coordinate where the screen has been pressed

  158.       y = myTouch.getY(); // Y coordinates where the screen has been pressed

  159.       // If we press the Play Button

  160.       if ((x >= 116) && (x <= 204) && (y >= 77) && (y <= 165)) {

  161.         if (playStatus == '0') {

  162.           drawFrame(159, 121, 42);

  163.           drawPauseButton();

  164.           mp3.playTrackFromFolder(00, 001);

  165.           delay(100);

  166.           playStatus = '2';

  167.           return;

  168.         }

  169.         if (playStatus == '1') {

  170.           drawFrame(159, 121, 42);

  171.           drawPauseButton();

  172.           mp3.play();

  173.           delay(100);

  174.           playStatus = '2';

  175.           return;

  176.         }

  177.         if (playStatus == '2') {

  178.           drawFrame(159, 121, 42);

  179.           drawPlayButton();

  180.           mp3.pause();

  181.           delay(100);

  182.           playStatus = '1';

  183.           return;

  184.         }

  185.       }

  186.       // If we press the Previous Button

  187.       if ((x >= 45) && (x <= 95) && (y >= 97) && (y <= 147)) {

  188.         drawFrame(70, 121, 26);

  189.         mp3.previousTrack();

  190.         delay(100);

  191.         drawTrackBar();

  192.       }

  193.       // If we press the Next Button

  194.       if ((x >= 227) && (x <= 277) && (y >= 97) && (y <= 147)) {

  195.         drawFrame(252, 122, 26);

  196.         mp3.nextTrack();

  197.         delay(100);

  198.         drawTrackBar();

  199.       }

  200.       // If we press the VolumeDown Button

  201.       if ((x >= 35) && (x <= 75) && (y >= 165) && (y <= 209)) {

  202.         drawUnderline(45, 205, 65, 205);

  203.         if (iV >= 0 & iV <= 30) {

  204.           iV--;

  205.           drawVolume(iV);

  206.         }

  207.         mp3.decreaseVolume();

  208.         delay(100);

  209.       }

  210.       // If we press the VolumeUp Button

  211.       if ((x >= 230) && (x <= 280) && (y >= 165) && (y <= 209)) {

  212.         drawUnderline(235, 205, 275, 205);

  213.         if (iV >= 0 & iV <= 30) {

  214.           iV++;

  215.           drawVolume(iV);

  216.         }

  217.         mp3.increaseVolume();

  218.         delay(100);

  219.       }

  220.       // If we press the MENU Button

  221.       if ((x >= 0) && (x <= 75) && (y >= 0) && (y <= 30)) {

  222.         myGLCD.clrScr();

  223.         drawHomeScreen();  // Draws the Home Screen

  224.         currentPage = '0';

  225.         return;

  226.       }

  227.     }

  228.     // Updates the track bar

  229.     if (playStatus == '1' || playStatus == '2') {

  230.       trackPlayTime();

  231.     }

  232.     // Printing the clock in the upper right corner

  233.     myGLCD.setFont(BigFont);

  234.     myGLCD.setColor(255, 255, 255);

  235.     printClock(187, 5);

  236.   }

  237.   // Alarm Clock Screen

  238.   if (currentPage == '2') {

  239.     myGLCD.setFont(BigFont);

  240.     myGLCD.setColor(255, 255, 255);

  241.     myGLCD.print("MENU", 5, 5);

  242.     myGLCD.print("Set Alarm", CENTER, 20);

  243.     

  244.     // Draws a colon between the hours and the minutes

  245.     myGLCD.setColor(0, 255, 0);

  246.     myGLCD.fillCircle (112, 65, 4);

  247.     myGLCD.setColor(0, 255, 0);

  248.     myGLCD.fillCircle (112, 85, 4);

  249. 

  250.     myGLCD.setFont(SevenSegNumFont);

  251.     myGLCD.setColor(0, 255, 0);

  252.     myGLCD.printNumI(aHours, 32, 50, 2, '0');

  253.     myGLCD.printNumI(aMinutes, 128, 50, 2, '0');

  254.     myGLCD.setColor(255, 255, 255);

  255.     myGLCD.drawRoundRect (42, 115, 82, 145);

  256.     myGLCD.drawRoundRect (138, 115, 178, 145);

  257.     myGLCD.setFont(BigFont);    

  258.     myGLCD.print("H", 54, 122);

  259.     myGLCD.print("M", 150, 122);

  260.     

  261.     myGLCD.drawRoundRect (215, 60, 303, 90);

  262.     myGLCD.print("SET", 236, 67);

  263.     myGLCD.drawRoundRect (215, 115, 303, 145);

  264.     myGLCD.print("CLEAR", 220, 122);

  265.     

  266.     alarmNotSet = true;

  267.         

  268.     while (alarmNotSet){

  269.       if (myTouch.dataAvailable()) {

  270.         myTouch.read();

  271.         x = myTouch.getX(); // X coordinate where the screen has been pressed

  272.         y = myTouch.getY(); // Y coordinates where the screen has been pressed

  273.         //Set hours button

  274.         if ((x >= 42) && (x <= 82) && (y >= 115) && (y <= 145)) {

  275.           drawRectFrame(42, 115, 82, 145);

  276.           aHours++;

  277.           if(aHours >=24){

  278.             aHours = 0;

  279.           }

  280.           myGLCD.setFont(SevenSegNumFont);

  281.           myGLCD.setColor(0, 255, 0);

  282.           myGLCD.printNumI(aHours, 32, 50, 2, '0');

  283.         }

  284.         // Set minutes buttons

  285.         if ((x >= 138) && (x <= 178) && (y >= 115) && (y <= 145)) {

  286.           drawRectFrame(138, 115, 178, 145);

  287.           aMinutes++;

  288.           if(aMinutes >=60){

  289.             aMinutes = 0;

  290.           }

  291.           myGLCD.setFont(SevenSegNumFont);

  292.           myGLCD.setColor(0, 255, 0);

  293.           myGLCD.printNumI(aMinutes, 128, 50, 2, '0');

  294.       }

  295.       // Set alarm button

  296.       if ((x >= 215) && (x <= 303) && (y >= 60) && (y <= 80)) {

  297.         drawRectFrame(215, 60, 303, 90);

  298.         if (aHours < 10 && aMinutes < 10){

  299.           alarmString = "0"+(String)aHours + ":" + "0"+ (String)aMinutes + ":" + "00";

  300.         }

  301.         else if (aHours < 10 && aMinutes > 9){

  302.           alarmString = "0"+(String)aHours + ":" + (String)aMinutes + ":" + "00";

  303.         }

  304.         else if (aHours > 9 && aMinutes < 10){

  305.           alarmString = (String)aHours + ":" + "0"+ (String)aMinutes + ":" + "00";

  306.         }

  307.         else {

  308.           alarmString = (String)aHours + ":" + (String)aMinutes + ":" + "00";

  309.         }

  310.         myGLCD.setFont(BigFont);

  311.         myGLCD.print("Alarm set for:", CENTER, 165);

  312.         myGLCD.print(alarmString, CENTER, 191);

  313.       

  314.       }

  315.       // Clear alarm button

  316.       if ((x >= 215) && (x <= 303) && (y >= 115) && (y <= 145)) {

  317.         drawRectFrame(215, 115, 303, 145);

  318.         alarmString="";

  319.         myGLCD.setColor(0, 0, 0);

  320.         myGLCD.fillRect(45, 165, 275, 210); 

  321.       }

  322.       // If we press the MENU Button

  323.       if ((x >= 0) && (x <= 75) && (y >= 0) && (y <= 30)) {

  324.         alarmNotSet = false;

  325.         currentPage = '0';

  326.         myGLCD.clrScr();

  327.         drawHomeScreen();  // Draws the Home Screen

  328.       }    

  329.       }

  330.     }

  331.         

  332.     }

  333.     // Alarm activation     

  334.     if (alarmNotSet == false) {

  335.       if (alarmString == rtc.getTimeStr()){

  336.         myGLCD.clrScr();

  337.         mp3.setVolume(25);

  338.         mp3.playTrackByIndexNumber(1);

  339.         delay(100);

  340.         myGLCD.setFont(BigFont);

  341.         myGLCD.setColor(255, 255, 255);

  342.         myGLCD.print("ALARM", CENTER, 90);

  343.         myGLCD.drawBitmap (127, 10, 65, 64, AlarmButton);

  344.         myGLCD.print(alarmString, CENTER, 114);

  345.         myGLCD.drawRoundRect (94, 146, 226, 170);

  346.         myGLCD.print("DISMISS", CENTER, 150);

  347.         boolean alarmOn = true;

  348.         while (alarmOn){

  349.           if (myTouch.dataAvailable()) {

  350.           myTouch.read();

  351.           x = myTouch.getX(); // X coordinate where the screen has been pressed

  352.           y = myTouch.getY(); // Y coordinates where the screen has been pressed

  353.           

  354.           // Stop alarm button

  355.           if ((x >= 94) && (x <= 226) && (y >= 146) && (y <= 170)) {

  356.           drawRectFrame(94, 146, 226, 170);

  357.           alarmOn = false;

  358.           alarmString="";

  359.           myGLCD.clrScr();

  360.           mp3.stopPlayback();

  361.           delay(100);

  362.           currentPage = '0';

  363.           playStatus = '0';

  364.           mp3.setVolume(15);  

  365.           drawHomeScreen();

  366.           }

  367.       

  368.       }

  369.         }

  370.       }

  371.     }

  372. }

  373. 

  374. void drawHomeScreen() {

  375.   myGLCD.setBackColor(0, 0, 0); // Sets the background color of the area where the text will be printed to black

  376.   myGLCD.setColor(255, 255, 255); // Sets color to white

  377.   myGLCD.setFont(BigFont); // Sets font to big

  378.   myGLCD.print(rtc.getDateStr(), 153, 7);

  379.   myGLCD.print("T:", 7, 7);

  380.   myGLCD.printNumI(rtc.getTemp(), 39, 7);

  381.   myGLCD.print("C", 82, 7);

  382.   myGLCD.setFont(SmallFont);

  383.   myGLCD.print("o", 74, 5);

  384.   if (alarmString == "" ) {

  385.     myGLCD.setColor(255, 255, 255);

  386.     myGLCD.print("by www.HowToMechatronics.com", CENTER, 215);

  387.   }

  388.   else {

  389.     myGLCD.setColor(255, 255, 255);

  390.     myGLCD.print("Alarm set for: ", 68, 215);

  391.     myGLCD.print(alarmString, 188, 215);

  392.   }

  393.   drawMusicPlayerButton();

  394.   drawAlarmButton();

  395.   drawHomeClock();

  396. }

  397. 

  398. void drawMusicPlayerScreen() {

  399.   // Title

  400.   myGLCD.setBackColor(0, 0, 0); // Sets the background color of the area where the text will be printed to black

  401.   myGLCD.setColor(255, 255, 255); // Sets color to white

  402.   myGLCD.setFont(BigFont); // Sets font to big

  403.   myGLCD.print("MENU", 5, 5); // Prints the string on the screen

  404.   myGLCD.setColor(255, 0, 0); // Sets color to red

  405.   myGLCD.drawLine(0, 26, 319, 26); // Draws the red line

  406. 

  407.   myGLCD.setColor(255, 255, 255); // Sets color to white

  408.   myGLCD.setFont(SmallFont); // Sets font to big

  409.   myGLCD.print("by www.HowToMechatronics.com", CENTER, 215); // Prints the string on the screen

  410. 

  411.   // Volume Bar

  412.   myGLCD.setColor(255, 255, 255);

  413.   myGLCD.fillRect (78, 184, 78 + 150, 184 + 8);

  414.   myGLCD.setColor(240, 196, 30);

  415.   myGLCD.fillRect (78, 184, 78 + 75, 184 + 8);

  416. 

  417.   // Track Bar

  418.   myGLCD.setColor(255, 255, 255);

  419.   myGLCD.fillRect (48, 50, 48 + 224, 50 + 8);

  420.   myGLCD.setFont(SmallFont);

  421.   myGLCD.setColor(255, 255, 255);

  422.   myGLCD.print("0:00", 8, 48);

  423.   myGLCD.print("-0:00", 276, 48);

  424. 

  425.   drawPlayButton();

  426.   if (playStatus == '2') {

  427.     drawPauseButton();

  428.   }

  429.   drawPreviousButton();

  430.   drawNextButton();

  431.   drawVolumeDown();

  432.   drawVolumeUp();

  433. }

  434. 

  435. void drawMusicPlayerButton() {

  436.   myGLCD.drawBitmap (55, 125, 65, 64, MusicPlayerButton);

  437. }

  438. void drawAlarmButton() {

  439.   myGLCD.drawBitmap (195, 125, 65, 64, AlarmButton);

  440. }

  441. void drawPlayButton() {

  442.   myGLCD.drawBitmap (118, 79, 83, 83, ButtonPlay);

  443. }

  444. void drawPauseButton() {

  445.   myGLCD.drawBitmap (118, 79, 83, 83, ButtonPause);

  446. }

  447. void drawNextButton() {

  448.   myGLCD.drawBitmap (227, 97, 50, 50, NextButton);

  449. }

  450. void drawPreviousButton() {

  451.   myGLCD.drawBitmap (45, 97, 50, 50, PreviousButton);

  452. }

  453. void drawVolumeDown() {

  454.   myGLCD.drawBitmap (50, 177, 16, 23, VolumeDown);

  455. }

  456. void drawVolumeUp() {

  457.   myGLCD.drawBitmap (241, 175, 34, 28, VolumeUp);

  458. }

  459. // check for if Mp3 Player is stopped

  460. bool checkFor_mp3IsStopped() {

  461.   if (mp3Serial.available() > 0) {

  462.     if (mp3.getPlaybackStatus() == 0) {

  463.       return true;

  464.     }

  465.   }

  466.   else return false;

  467. }

  468. 

  469. // Highlights the button when pressed

  470. void drawFrame(int x, int y, int r) {

  471.   myGLCD.setColor(255, 0, 0);

  472.   myGLCD.drawCircle (x, y, r);

  473.   while (myTouch.dataAvailable())

  474.     myTouch.read();

  475.   myGLCD.setColor(0, 0, 0);

  476.   myGLCD.drawCircle (x, y, r);

  477. }

  478. void drawRectFrame(int x1, int y1, int x2, int y2) {

  479.   myGLCD.setColor(255, 0, 0);

  480.   myGLCD.drawRoundRect (x1, y1, x2, y2);

  481.   while (myTouch.dataAvailable())

  482.     myTouch.read();

  483.   myGLCD.setColor(255, 255, 255);

  484.   myGLCD.drawRoundRect (x1, y1, x2, y2);

  485. }

  486. void drawUnderline(int x1, int y1, int x2, int y2) {

  487.   myGLCD.setColor(255, 0, 0);

  488.   myGLCD.drawLine (x1, y1, x2, y2);

  489.   while (myTouch.dataAvailable())

  490.     myTouch.read();

  491.   myGLCD.setColor(0, 0, 0);

  492.   myGLCD.drawLine (x1, y1, x2, y2);

  493. }

  494. 

  495. // Sound bar

  496. void drawVolume(int x) {

  497.   myGLCD.setColor(255, 255, 255);

  498.   myGLCD.fillRect (78 + 5 * x, 184, 78 + 150, 184 + 8);

  499.   myGLCD.setColor(240, 196, 30);

  500.   myGLCD.fillRect (78, 184, 78 + 5 * x, 184 + 8);

  501. }

  502. 

  503. // Clears the track bar

  504. void drawTrackBar() {

  505.   myGLCD.setColor(255, 255, 255);

  506.   myGLCD.fillRect (48, 50, 48 + 224, 50 + 8);

  507. }

  508. // Updates the track bar

  509. void trackPlayTime() {

  510.   totalTime = mp3.getTotalTrackPlaybackTime();

  511.   delay(10);

  512.   elapsedTime = mp3.getElapsedTrackPlaybackTime();

  513.   delay(10);

  514.   minutes = (int)elapsedTime / 60;

  515.   seconds = (((float)elapsedTime / 60) - minutes) * 60;

  516.   playback = totalTime - elapsedTime;

  517.   minutesR = (int)playback / 60;

  518.   secondsR = (((float)playback / 60) - minutesR) * 60;

  519. 

  520.   myGLCD.setFont(SmallFont);

  521.   myGLCD.setColor(255, 255, 255);

  522.   myGLCD.printNumI(minutes, 8, 48);

  523. 

  524.   myGLCD.print(":", 16, 48);

  525.   myGLCD.printNumI((int)seconds, 24, 48, 2, '0');

  526. 

  527.   myGLCD.print("-", 276, 48);

  528.   myGLCD.printNumI(minutesR, 284, 48);

  529.   myGLCD.print(":", 292, 48);

  530.   myGLCD.printNumI((int)secondsR, 300, 48, 2, '0');

  531. 

  532.   int trackBarX = map(elapsedTime, 0, totalTime, 0, 224);

  533.   myGLCD.setColor(255, 0, 0);

  534.   myGLCD.fillRect (48, 50, 48 + trackBarX, 50 + 8);

  535. 

  536.   if (totalTime == elapsedTime) {

  537.     mp3.nextTrack();

  538.     delay(30);

  539.     myGLCD.setColor(255, 255, 255);

  540.     myGLCD.fillRect (48, 50, 48 + 224, 50 + 8);

  541.   }

  542. }

  543. 

  544. void printClock(int x, int y) {

  545.   if ( currentClock != rtc.getTimeStr()) {

  546.     myGLCD.print(rtc.getTimeStr(), x, y);

  547.     currentClock = rtc.getTimeStr();

  548.   }

  549. }

  550. 

  551. void drawColon() {

  552.   myGLCD.setColor(0, 255, 0);

  553.   myGLCD.fillCircle (112, 65, 4);

  554.   myGLCD.setColor(0, 255, 0);

  555.   myGLCD.fillCircle (112, 85, 4);

  556. 

  557.   myGLCD.setColor(0, 255, 0);

  558.   myGLCD.fillCircle (208, 65, 4);

  559.   myGLCD.setColor(0, 255, 0);

  560.   myGLCD.fillCircle (208, 85, 4);

  561. }

  562. void drawHomeClock() {

  563.   timeString = rtc.getTimeStr();

  564.   currentHours = timeString.substring(0, 2);

  565.   currentMinutes = timeString.substring(3, 5);

  566.   currentSeconds = timeString.substring(6, 8);

  567.   myGLCD.setFont(SevenSegNumFont);

  568.   myGLCD.setColor(0, 255, 0);

  569.   myGLCD.print(currentSeconds, 224, 50);

  570.   myGLCD.print(currentMinutes, 128, 50);

  571.   myGLCD.print(currentHours, 32, 50);

  572.   drawColon();

  573. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 7 小时前

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目
项目链接：https://howtomechatronics.com/pr ... larm-clock-project/
https://blogdaichan.hatenablog.com/entry/2019/04/17/193255
项目作者：Dejan
项目参考：https://blogdaichan.hatenablog.com/entry/2019/04/17/193255
参考视频 ：https://arduinointro.com/openvideo/video/hsIsMhcyzZu
项目视频：https://www.youtube.com/watch?v=0H55LnimobM
项目代码：https://howtomechatronics.com/pr ... larm-clock-project/（底部）
3D 文件：https://howtomechatronics.com/do ... E54ypTAakEYHEhHw5VA

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图1

【Arduino 动手做】Arduino触摸屏音乐播放器和闹钟项目图2

回复

使用道具 举报

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

本版积分规则

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

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
撰写新帖
关于楼主
勋章墙
萌萌哒新人 活跃会员 宣传大使 牛X认证 创作达人 ARD DAY 摸鱼团员 志“童”道合 编辑选择奖

楼主的其它帖子

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

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

mail