本教程給大家分享一下模仿【網易雲音樂】APP的聽歌識曲界面效果
做法如下，如有雷同，純屬默契：
從左側元件庫拉入一個【橢圓形】，尺寸為100*100，填充色為紅色，再複制4個作為聲波圓圈。
其次，從圖表庫中拉入一個【話筒】圖标，填充色為白色，選中話筒和所有圓圈，居中對齊。狀态欄等其他頁面元素可忽略，後面分享的文件有，具體頁面元素命名如下：
1. 實現圓圈波紋的效果
選中【圓圈1】，給其添加【載入時】事件。
第一步：設置尺寸變化
選擇左側的【元件】-【設置尺寸】-勾選【當前元件】-，寬高設置為300*300，錨點為【中心】，動畫為【線性】，時間為【2000毫秒】，設置如下：
第二步：設置透明度變化
選擇左側的【元件】-【設置不透明】- 勾選【當前元件】-，不透明值為【0】，動畫為【線性】，時間為【2000毫秒】，設置如下：
第三步：設置等待事件
選擇左側的【其他】-》【等待】，時間為【2000毫秒】，設置如下：
第四步：讓元件變為原來大小
選擇左側的【元件】-》【設置尺寸】-》勾選【當前元件】，寬高設置為100*100，錨點為【中心】，動畫為【無】，設置如下：
第五步：變為原來的透明度
選擇左側的【元件】-》【設置不透明】-》勾選【當前元件】，不透明值為【100】，動畫為【無】，設置如下：
第六步：設置觸發事件
選擇左側的【其他】-》【觸發事件】-》勾選【當前元件】-》，選中【載入時】事件，設置如下：
2. 制作其它的圓圈波紋的效果
複制【圓圈1】的交互事件，分别粘貼到【圓圈2】、【圓圈3】和【圓圈4】，預覽效果如下：
這時發現四個圓圈的波紋效果重疊了，還需要給每個圓圈加不同的等待時間，并放在交互動作的最前面。
【圓圈2】為【500毫秒】、【圓圈3】為【1000毫秒】、【圓圈4】為【1500毫秒】。設置及動作順序如下：
1、此案例中總共為5個圓圈，第一個靜止，并放置在頂層，不設置交互事件。由于前面給圓圈的尺寸變化動畫時間設置為2000毫秒，因此，為了防止動畫重疊，給後面4個圓圈添加的500毫秒的間隔等待時間。
2、切記，【等待時間】必須放在載入時的第一個交互動作，才能實現漸進的波紋效果。
四、預覽效果示例演示：
關注本人艾斯的Axure峽谷，可以獲得更多免費原型圖和學習更多Axure技術。
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
