SwiftUI 中實現(xiàn)創(chuàng)建反彈動畫？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

從策劃到設(shè)計制作，每一步都追求做到細膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站、網(wǎng)站策劃、網(wǎng)頁設(shè)計、申請域名、網(wǎng)頁空間、網(wǎng)絡(luò)營銷、VI設(shè)計、 網(wǎng)站改版、漏洞修補等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進步。

SwiftUI 中的動畫

在寫動畫之前呢先簡單回顧一下 SwiftUI 中動畫的幾個要點：

• 動畫是 view 發(fā)生變化時的漸變效果
• SwiftUI 動畫分為隱式動畫（ .animation() ）與顯式動畫（ withAnimation() ）兩種
• 隱式動畫是給 view 加動畫，view 所有的能動畫的變化都能被隱式動畫影響
• 顯式動畫是針對某個變化進行動畫，能精準控制。
• view 的插入和移除通過過渡（ transition ）來做效果，可以組合多個過渡或自定義過渡
• 要構(gòu)建自定義動畫，我們需要實現(xiàn)一個可動畫的 view 修飾器（遵守 AnimatableModier 協(xié)議）或者實現(xiàn)一個 GeometryEffect ，并將可動畫的屬性通過 animatableData 暴露出來

 反彈動畫

反彈動畫屬于“起始點和終止點相等”的動畫，所以不能夠通過 SwiftUI 中內(nèi)建的動畫來實現(xiàn)（因為這個 view 從結(jié)果來看沒有發(fā)生變化）

我們先來構(gòu)建反彈動畫修飾器的框架如下：

struct Bounce: AnimatableModifier {
  var animCount: CGFloat = 0
  var amplitude: CGFloat = 10  // 振幅
  
  var animatableData: CGFloat {
    get { animCount }
    set { animCount = newValue }
  }
  
  func body(content: Content) -> some View {
    // change view to animate
  }
}

網(wǎng)頁題目：SwiftUI中實現(xiàn)創(chuàng)建反彈動畫-創(chuàng)新互聯(lián)
新聞來源：http://www.chinadenli.net/article30/djhppo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、微信小程序、網(wǎng)站收錄、用戶體驗、自適應(yīng)網(wǎng)站、網(wǎng)頁設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)