有沒有喜歡聽歌的爸爸媽媽和寶寶呢?音樂已經融入我們的生活的點點滴滴, 給我們的生活添姿增彩!歌聲能讓我們放鬆身心, 紓解工作學習的壓力, 好的音樂還能幫我們走出陰霾, 勵志向上。 所以在閒暇時候多多聽聽音樂, 好處多多哦~記得小美老師小時候非常喜歡聽歌, 很多好的歌詞拿來寫作文也特別的好用呢!
爸爸媽媽和小朋友平時都用什麼聽歌呢?小美老師小時候經常用的是答錄機、MP3、DVD, 但現在一般都用手機聽歌啦, 十分方便呢!今天小美老師就教大家用我們App Inventor做一個簡單的手機“音樂播放機”。
準備工作:下載六七首自己喜歡的歌曲。 由於我們的App Inventor伺服器對上床的檔大小有限制, 每首歌最好不要超過3M哦!
老師這裡給大家準備的歌曲有:
《青春修煉手冊》
《歌唱祖國》
《我的未來不是夢》
《寵愛》
《大夢想家》
《風吹麥浪》
一、介面設計首先先來看一下“音樂播放機”的目標介面:
是不是看起來還不錯, 介面設計總共分為三塊, 最上邊的標題列、中間的歌曲表、底部的
操作欄、非視覺化音訊播放機。 (介面中用到的所有圖片都可以頭條私信小美獲取哦!)
★
標題列
一個水準佈局:黑色背景, 高度40, 寬度充滿, 上下左右居中;裡邊一個標題標籤, 字體白色, 大小15。
歌曲表
六個水準佈局, 高度77, 背景透明;每個佈局裡邊一個占位標籤,:寬度15, 一個歌曲按鈕:設置相應的圖片, 高度65, 寬度根據情況調節。
操作欄
一個水準佈局:背景透明, 上下左右居中;裡邊五個按鈕:設置按鈕圖片,
完成這三部分後, 添加上螢幕背景圖片, 基本就和目標介面相似了, 連接上AI伴侶對各個元件的寬高稍作調整即可。
二、代碼設計我們在實現音樂播放機的代碼的時候, 總共可以分為以下幾步:
★
歌曲表
按照介面上歌曲表的順序, 聲明一個清單全域變數(存放六首歌曲原始檔案的名字), 和一個數字全域變數(表示清單中正在播放的歌曲項)。 歌曲播放下一首和上一首時歌曲項的改變過程, 歌曲播放過程。
播放歌曲
點擊對應的歌曲, 立刻播放該歌曲
自動播放
歌曲播放完自動播放下一首歌曲,點擊“下一首”按鈕播放下一首歌曲,點擊“上一首”按鈕播放上一首歌曲。
歌曲的播放狀態
歌曲的停止、開始、暫停
到這裡就完成了我們全部的介面設計和代碼設計啦,小朋友你完成了嗎?快點把程式裝進自己的安卓手機裡,開始聽歌嘍!
如果有的地方沒有做出來也沒關係,小美已經給大家準備好了完整的aia檔,大家可以頭條私信小美獲取檔並下載,導入到自己的App Inventor中進行學習哦!
更多詳情,點擊【瞭解更多】哦!
自動播放
歌曲播放完自動播放下一首歌曲,點擊“下一首”按鈕播放下一首歌曲,點擊“上一首”按鈕播放上一首歌曲。
歌曲的播放狀態
歌曲的停止、開始、暫停
到這裡就完成了我們全部的介面設計和代碼設計啦,小朋友你完成了嗎?快點把程式裝進自己的安卓手機裡,開始聽歌嘍!
如果有的地方沒有做出來也沒關係,小美已經給大家準備好了完整的aia檔,大家可以頭條私信小美獲取檔並下載,導入到自己的App Inventor中進行學習哦!
更多詳情,點擊【瞭解更多】哦!