SwiftUI 2.0 matchedGeometryEffect 基礎教程含源碼

看完SwiftUI的新增功能后，引起我注意的一個功能是matchGeometryEffect。這是一個新的SwiftUI效果，可以在兩個視圖之間插入位置和大小。讓我們看看我們能用它做什么。

WWDC教程

基礎知識

matchedGeometryEffect

使用您提供的標識符和名稱空間定義一組具有同步幾何的視圖。

func matchedGeometryEffect<ID>(id: ID, in namespace: Namespace.ID, properties: MatchedGeometryProperties= .frame, anchor: UnitPoint = .center, isSource: Bool = true) -> some View where ID : Hashable

使用教程

SwiftUI已經為我們內插視圖的屬性，而無需matchGeometryEffect。在下面的示例中，我們可以使用輕擊手勢為矩形尺寸設置動畫。

struct ContentView: View {
    @State private var isExpanded = false
    
    var body: some View {        
        RoundedRectangle(cornerRadius: 10)
            .foregroundColor(Color.pink)

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/107092168

智能推薦

SwiftUI 2.0 實戰之自定義導航欄添加圖標和按鈕(教程含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面基礎知識 principal item放置在主要部分中。主要item占據重要地位。例如，網絡瀏覽器的位置字段將被視為主要項目。實戰代碼在iOS 14中，SwiftUI可以使用新的工具欄修改器來自定義導航欄標題視圖。這與在UIKit中設置navigationItem.titleView相同。...

SwiftUI 動畫之制作購物類App購物車效果(Grid和matchedGeometryEffect組合使用)

實戰需求在前面的文章里面，我們講解過matchedGeometryEffect和Grid的基礎使用。下面讓我們來組合使用，實現個購物車效果。本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能 Grid基礎使用 matchedGeometryEffect基礎使用實現插入和移除聯動動畫基礎知識 LazyVGrid 一種容器視圖，它在垂直增長的網格中排列其子視圖，僅在需要...

SwiftUI Button 基礎教程

Button 觸發時執行操作的控件使用教程您可以通過提供操作和標簽來創建按鈕。操作是一個方法或閉包屬性，當用戶單擊或輕觸按鈕時，它會執行某些操作。標簽是描述按鈕操作的視圖，例如，通過顯示文本（如取消）或圖標（如后退箭頭）。代碼 iOSButton效果 macOS代碼 tvOS代碼推薦基礎文章推薦《SwiftUI是什么，聽聽大牛們如何說》經典教程推薦更新近百篇SwiftUI教程《Sw...

SwiftUI 2.0 List 實力加強新增呈現分層數據功能(wwdc20 教程含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能 List新功能實現可以展開與關閉效果代碼 1、定義個自定義Item 2、制作需要顯示的分層數據 3、完成代碼...

SwiftUI 2.0 列表實現Alphabet風格仿通訊錄效果(封裝教程含代碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握封裝UITableView技能實現Alphabet風格界面代碼 1、基礎使用...

SwiftUI 2.0 matchedGeometryEffect 基礎教程含源碼

基礎知識

matchedGeometryEffect

使用教程

智能推薦

猜你喜歡