您的位置:首頁>正文

手機音樂播放機手到擒來,用程式設計創造屬於你的音樂世界

有沒有喜歡聽歌的爸爸媽媽和寶寶呢?音樂已經融入我們的生活的點點滴滴, 給我們的生活添姿增彩!歌聲能讓我們放鬆身心, 紓解工作學習的壓力, 好的音樂還能幫我們走出陰霾, 勵志向上。 所以在閒暇時候多多聽聽音樂, 好處多多哦~記得小美老師小時候非常喜歡聽歌, 很多好的歌詞拿來寫作文也特別的好用呢!

爸爸媽媽和小朋友平時都用什麼聽歌呢?小美老師小時候經常用的是答錄機、MP3、DVD, 但現在一般都用手機聽歌啦, 十分方便呢!今天小美老師就教大家用我們App Inventor做一個簡單的手機“音樂播放機”。

準備工作:下載六七首自己喜歡的歌曲。 由於我們的App Inventor伺服器對上床的檔大小有限制, 每首歌最好不要超過3M哦!

老師這裡給大家準備的歌曲有:

《青春修煉手冊》

《歌唱祖國》

《我的未來不是夢》

《寵愛》

《大夢想家》

《風吹麥浪》

一、介面設計

首先先來看一下“音樂播放機”的目標介面:

是不是看起來還不錯, 介面設計總共分為三塊, 最上邊的標題列、中間的歌曲表、底部的

操作欄、非視覺化音訊播放機。 (介面中用到的所有圖片都可以頭條私信小美獲取哦!)

標題列

一個水準佈局:黑色背景, 高度40, 寬度充滿, 上下左右居中;裡邊一個標題標籤, 字體白色, 大小15。

歌曲表

六個水準佈局, 高度77, 背景透明;每個佈局裡邊一個占位標籤,:寬度15, 一個歌曲按鈕:設置相應的圖片, 高度65, 寬度根據情況調節。

操作欄

一個水準佈局:背景透明, 上下左右居中;裡邊五個按鈕:設置按鈕圖片,

寬高均為25,依次命名為上一首、停止、開始、暫停、下一首。

完成這三部分後, 添加上螢幕背景圖片, 基本就和目標介面相似了, 連接上AI伴侶對各個元件的寬高稍作調整即可。

二、代碼設計

我們在實現音樂播放機的代碼的時候, 總共可以分為以下幾步:

歌曲表

按照介面上歌曲表的順序, 聲明一個清單全域變數(存放六首歌曲原始檔案的名字), 和一個數字全域變數(表示清單中正在播放的歌曲項)。 歌曲播放下一首和上一首時歌曲項的改變過程, 歌曲播放過程。

播放歌曲

點擊對應的歌曲, 立刻播放該歌曲

自動播放

歌曲播放完自動播放下一首歌曲,點擊“下一首”按鈕播放下一首歌曲,點擊“上一首”按鈕播放上一首歌曲。

歌曲的播放狀態

歌曲的停止、開始、暫停

到這裡就完成了我們全部的介面設計和代碼設計啦,小朋友你完成了嗎?快點把程式裝進自己的安卓手機裡,開始聽歌嘍!

如果有的地方沒有做出來也沒關係,小美已經給大家準備好了完整的aia檔,大家可以頭條私信小美獲取檔並下載,導入到自己的App Inventor中進行學習哦!

更多詳情,點擊【瞭解更多】哦!

自動播放

歌曲播放完自動播放下一首歌曲,點擊“下一首”按鈕播放下一首歌曲,點擊“上一首”按鈕播放上一首歌曲。

歌曲的播放狀態

歌曲的停止、開始、暫停

到這裡就完成了我們全部的介面設計和代碼設計啦,小朋友你完成了嗎?快點把程式裝進自己的安卓手機裡,開始聽歌嘍!

如果有的地方沒有做出來也沒關係,小美已經給大家準備好了完整的aia檔,大家可以頭條私信小美獲取檔並下載,導入到自己的App Inventor中進行學習哦!

更多詳情,點擊【瞭解更多】哦!

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示