提问人:J. Edgell 提问时间:8/3/2020 更新时间:8/3/2020 访问量:3841
SwiftUI 动画滑入和滑出
SwiftUI Animation Slide In and Out
问:
我有一个视图,它将显示在另一个视图上。视图动画完美地从右侧滑入,但是当我单击“关闭”按钮时,视图消失了,而没有在消失之前滑回右侧所需的动画。
我试过使用 .opacity(self.isShowing ? 1 : 0),但随后视图淡入淡出,我需要它滑入和滑出。其他变体没有产生预期的结果。
我做错了什么?任何指导,甚至是重复的解决方案(我找不到)将不胜感激。
struct NotificationView<parentView>: View where parentView: View {
@Binding var isShowing: Bool
let parentView: () -> parentView
var body: some View {
GeometryReader { geometry in
ZStack(alignment: .center) {
self.parentView()
if(self.isShowing == true){
VStack {
Text("This is a test view\n")
Button(action: {
self.isShowing.toggle()
}) {
Text("Close")
}
}
.frame(width: geometry.size.width, height: geometry.size.height)
.background(Color(UIColor.systemBackground))
// .opacity(self.isShowing ? 1 : 0)
.transition(.move(edge: self.isShowing ? .trailing : .leading))
.animation(Animation.easeInOut(duration: 1.0))
}
}
}
}
}
答:
7赞
Asperi
8/3/2020
#1
将条件部分移动到容器中并向容器添加动画,以便为内容添加动画,例如
var body: some View {
GeometryReader { geometry in
ZStack(alignment: .center) {
self.parentView()
VStack { // << here !!
if(self.isShowing == true){
VStack {
Text("This is a test view\n")
Button(action: {
self.isShowing.toggle()
}) {
Text("Close")
}
}
.frame(width: geometry.size.width, height: geometry.size.height)
.background(Color(UIColor.systemBackground))
.transition(.move(edge: self.isShowing ? .trailing : .leading))
}
}.animation(Animation.easeInOut(duration: 1.0)) // << here !!
}
}
}
评论
0赞
J. Edgell
8/3/2020
工作完美!谢谢,我已经为此工作了几个小时,再次感谢!
评论