如何使用SwiftUI滑动视图

时间:2019-12-07 09:22:54

标签: swiftui

我在滑动视图时喜欢这个动画。看起来很聪明。

我只想在我的代码中使用此动画 1)按下按钮时 2)方向:从右下到左上。

是否可以使用UIPageView来实现它?

struct ContentView: View {
    @State var change: Bool = false
    var body: some View {
        VStack{
            Button( action:{self.change.toggle()} )
            {
                Text("change color")
            }
            ZStack {
                RedView()
                if change {
                    BlueView()
                        .zIndex(2)
                        .offset(x : change ? 0 : -UIScreen.main.bounds.width, y : 0)
                        .animation(Animation.easeInOut)
                        .transition(
                            .asymmetric(
                                insertion:
                                .move(edge: .trailing),
                                removal:
                                .offset(CGSize(width: -300,height: -300))
                            )
                        )
                }
            }
        }
    }
}  
struct RedView: View{
    var body: some View {
        ZStack{
            Color.red
            Text("red")
        }
    }
}  
struct BlueView: View{
    var body: some View {
        ZStack{
            Color.blue
            Text("blue")
        }
    }
}  

0 个答案:

没有答案