实战需求

SwiftUI 复杂界面之任务管理界面支卡片选择 （教程含源码）

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• GeometryEffect 几何变换实现翻页效果

一种效果，可在不更改其祖先或后代的情况下更改视图的视觉外观

import SwiftUI

//调用
@State private var flipped = false
@State private var animate3d = false

HStack {
          }
        .frame(height: 180)
.modifier(FlipEffect(flipped: $flipped, angle: animate3d ? 180 : 0, axis: (x: 1, y: 0)))

// 定义
struct FlipEffect: GeometryEffect {
    var animatableData: Double {
        get { angle }
        set { angle = newValue }
    }
    
    @Binding var flipped: Bool