我试图在一个视图中添加动画效果,使其看起来像是从另一个视图中打开的抽屉。这一切都很好,但如果第一个视图不是不透明的话,就会出现问题。似乎在动画开始时就可以看到动画视图。有没有办法剪辑它,使得它看起来是从底部视图的顶部增长出来的?
即使没有不透明度,如果你要从未被覆盖的地方进行动画,这也是一个问题(在第二个gif中演示)。
即使没有不透明度,如果你要从未被覆盖的地方进行动画,这也是一个问题(在第二个gif中演示)。
示例代码:
struct ContentView: View {
@State private var showingSecondView: Bool = false
var body: some View {
VStack(spacing: 0) {
Spacer()
if showingSecondView {
ZStack {
Color.green.opacity(0.25)
Text("Second View")
}
.frame(width: 300, height: 300)
.transition(.move(edge: .bottom))
}
ZStack {
Color.black.opacity(1)
Text("First View")
}
.frame(width: 300, height: 300)
Button("Animate In / Out") {
showingSecondView.toggle()
}
.padding()
}
.animation(.easeInOut, value: showingSecondView)
}
}