青銅修煉手冊:Axure實現水波紋效果

實現步驟:

1.首先畫四個圓形,背景透明,邊框調到最粗,顏色白色,名稱隨意起;由大到小尺寸分別是100*100、80*80、60*60、40*40

2.然後將4個圓形的透明度由大到小依次調整爲40%、60%、80%、100%

3.將4個圓形水平垂直居中

4.從默認組件庫裏,拖一個動態面板進來,尺寸調小一點,便於操作,給動態面板也起個名稱隨意 

5.我們有4個圈要做動畫,我計算了一下波形的由隱藏到顯示再到隱藏的循環,來回正好需要8次,因此複製創建總共8個動態面板的狀態

6.接下來添加交互動作,每次切換狀態的時候依次從小圈到大圈顯示再隱藏,爲了讓漣漪看起來由快到慢,這裏的顯示動畫也將時間逐步增長處理

 7.將剛剛創建的所有原件,全選編組,並且起個名稱便於操作

8.將其中4個圓形,設置爲隱藏

9.最後給剛剛編的組,添加一個加載命令

10.完成,點擊預覽:

原型查看效果地址:https://qmllai.axshare.com

 原型RP文件下載地址:https://download.csdn.net/download/qq_27884377/11072429

 

                                  想了解更多Axure資訊,趕快下方掃碼加入【Axure修煉手冊】微信公衆號吧!!!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章