中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：繼前兩篇文章《用中繼器做圖片輪播》、《用中繼器做下拉菜單》之后，今天本文作者教大家用中繼器以及網易云外聯播放器，做一個真的能夠播放音樂列表的音樂播放器原型，快點學起來吧！

一、原型預覽效果

原型預覽地址：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協議。