UGUI開發簡單音樂播放器之二

上一篇將音樂播放器的第一大部分仔細地分析了,這一篇我接着將音樂播放器的下篇說說。
下面來看看這一部分的層次視圖:
層次結構視圖
MusicList是一個Image他是整個編輯界面的顯示區域,Title是一個Image他是歌曲顯示目錄區域,BackMenuBT是一個按鈕,EditBT是一個按鈕,Panel是一個顯示屏,即一個顯示區域。list是一個空對象,播放器運行後所有的歌曲都會創建到這個裏面。
下面逐個分析每一個的功能。
MusicList是整個界面的顯示區域,以下的所有的內容都將顯示在這個區域中,主要目的是爲了提供一個背景界面。
Title是所有歌曲條目顯示的區域,對於這一部分主要也是提供一個背景界面。
BackMenuBT是一個按鈕,主要用於返回主界面。
EditBT是一個編輯按鈕,在點擊他時會觸發出對每個音樂詞條的刪除按鈕。
Panel是一個顯示屏在,他的子對象在這個範圍內將被顯示,超出這個範圍加上Vertical Layout Group組件將可以滾動;
List就是一個空遊戲對象用來存放所有歌曲條目。
這整個界面最初是處於一種失活狀態的,當在主界面觸發了音樂列表按鈕後纔會被喚醒激活。其他也都是一些按鈕的觸發,這在腳本實現上非常簡單。就不再重複敘述了。
有一個需要提一下,那就是歌曲條目,歌曲條目是一個預設,它包含有文本,按鈕,他在程序運行最初被執行初始化,創建出所有歌曲的音樂條目。具體實現算法爲:
實例代碼
如此UGUI簡單音樂播放器就記錄完了!

發佈了28 篇原創文章 · 獲贊 7 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章