SwiftUI動畫之50行代碼做個超酷的等待Loading動畫

一、實戰需求

在Apple的全新框架SwiftUI中,創建直觀的動畫非常簡單且高效。在SwiftUI中,我們可以使用.animation()修飾符添加動畫以查看可設置動畫的屬性。視圖中有可設置動畫的屬性的列表,例如:

1、Opacity
2、Offset
3、Scale
4、Frame
5、其他

您應該將任何一個可動畫設置的屬性應用於視圖,以使用.animation()修飾符獲得動畫效果。下面我們計劃通過50行代碼來實現一個超酷的Loading動畫

二、本文價值與收穫

看完本文後,您將能夠作出下面的界面

Jietu20200608-145837@2x.jpg

Jietu20200608-145934.gif

三、基礎知識

1、animation(_😃 修飾器給視圖賦予動畫效果

給視圖增加動畫效果

func animation(_ animation: Animation?) -> some View

參數:

  • animation
    view裏面應用的動畫類型
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章