Axure教程：用中繼器做網易雲音樂播放器歌單列表
編輯導語：繼前兩篇文章《用中繼器做圖片輪播》、《用中繼器做下拉選單》之後，今天本文作者教大家用中繼器以及網易雲外聯播放器，做一個真的能夠播放音樂列表的音樂播放器原型，快點學起來吧！
原型預覽地址：https://9pbs45.axshare.com/#g=1
圖片×1，文字×5（歌名-歌手、介紹、分享、評論、點贊），圖示×3（分享、評論、點贊），按鈕×2（上一首、下一首），矩形×1（code），中繼器×1（預設設定分頁顯示，每頁顯示一行）。
將矩形放在中繼器內，如下圖所示擺放：
我們要上網易雲音樂，找到自己喜歡的歌曲，點選生成外聯播放器：
我們可以修改播放器尺寸、播放模式，完成後複製程式碼：
需要設定一下幾列：
- Column0就是剛剛我們複製的程式碼，直接複製進去即可；
- pic代表歌曲的封面圖片，右鍵匯入圖片或者複製貼上均可；
- songsinger代表歌曲-歌手，手動輸入，或者在excel表格輸入好再複製會較快；
- introduce代表歌曲的介紹文字，手動輸入，或者在excel表格輸入好再複製會較快。
中繼器每項載入時：分別設定介紹、歌名歌手、矩形code的文字值為[[Item.introduce]]、[[Item.songsinger]]、[[Item.Column0]]，設定圖片，將圖片的值設為item.pic。
矩形載入時：這裡要用回之前在Axure高階教程：做一個能在Axure中引用html、ccs、js等程式碼的控制元件文章中說到的方法，呼叫js，具體可以看回我之前寫的文章。
下一首按鈕滑鼠單擊時：這裡要分兩種情況，如果該頁是不是最後一頁，那麼我們需要設定中繼器到下一頁；如果是最後一頁，那我們就設定中繼器到第一頁。
上一首按鈕滑鼠單擊時：這裡同樣要分兩種情況，如果該頁是不是第一頁，那麼我們需要設定中繼器到上一頁；如果是最後一頁，那我們就設定中繼器到最後一頁。
以上就是本期分享的全部內容，點下關注不迷路哦，謝謝觀看。
本文由 @做產品但不是經理 原創釋出於人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基於CC0協議。