少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

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

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

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

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

《青春修煉手冊》

《歌唱祖國》

《我的未來不是夢》

《寵愛》

《大夢想家》

《風吹麥浪》

一、界面設計

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

少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

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

操作欄、非可視化音頻播放器。(界面中用到的所有圖片都可以點擊原文進行下載哦!)

標題欄

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

歌曲表

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

操作欄

一個水平佈局:背景透明,上下左右居中;裡邊五個按鈕:設置按鈕圖片,寬高均為25,依次命名為上一首、停止、開始、暫停、下一首。

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

二、代碼設計

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

歌曲表

少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

播放歌曲

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

少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

自動播放

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

少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

歌曲的播放狀態

歌曲的停止、開始、暫停

少兒編程:手機音樂播放器手到擒來,用編程創造屬於你的音樂世界

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

如果有的地方沒有做出來也沒關係,小童老師已經給大家準備好了完整的aia文件,大家可以點擊原文進行下載,導入到自己的App Inventor中進行學習!

(https://pan.baidu.com/s/1BR1S3rHhb3aO8KFS-wNDbQ)

童程童美少兒手機編程課程,面向10歲以上孩子,通過邏輯測試的零基礎或一定編程基礎的適齡兒童。採用Java語言和專業開發工具進行教學,由淺入深、系統化的教授如何開發在Android移動設備上使用的手機應用和遊戲。課程設計趣味感強,遊戲主題貫穿其中。在學習中鍛鍊孩子的邏輯思維能力、培養興趣、提高孩子的專注力、提升孩子的嚴謹性和抗挫能力。課程學習後,能夠學以致用,使學習和生活相結合,讓孩子獲得成就感。


分享到:


相關文章: