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

本文筆者給大家分享了模仿網易云聽歌識曲界面效果的教程，文章分為四個部分：頁面布局、添加交互、交互細節調整以及預覽效果。

本教程給大家分享一下模仿【網易云音樂】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峽谷。歡迎大家留言評論，也可以留下你期待看到的交互效果。

示例演示：

示例下載：

https://pan.baidu.com/s/1G7875G3eXssStztzGRTAKw

提取碼: fjy9

作者：火星人～艾斯，公眾號：艾斯的Axure峽谷

本文由 @火星人～艾斯 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議