SwiftUI - 响应父视图中的点击
SwiftUI - Responding to taps in parent View
TL;DR:
我想在(父)状态改变时触发一个动作。这在声明性上下文中似乎很难。
备注
这里的挑战是我不是要使一个视图的 属性 依赖于另一个视图。那是覆盖良好的领土。我可以(并且已经)整天阅读有关共享状态更改的内容。但这是一个事件。
我遇到的最好的是 arsenius。他的方法确实有效;我想知道是否有更反应性的方式来做到这一点。也许是一次性 Publisher
?似乎很粗略。
代码
"Event" 在 FRP 中并不总是一个脏话。我可以通过处理 same View
:
中的事件来启动 View
的动画
import SwiftUI
struct MyReusableSubview : View {
@State private var offs = CGFloat.zero // Animate this.
var body: some View {
Rectangle().foregroundColor(.green).offset(y: self.offs)
// A local event triggers the action...
.onTapGesture { self.simplifiedAnimation() }
// ...but we want to animate when parent view says so.
}
private func simplifiedAnimation() {
self.offs = 200
withAnimation { self.offs = 0 }
}
}
但我希望这个 View
是可组合和可重用的。将其插入更大的层次结构似乎是合理的,它对何时 运行 动画有自己的想法。我所有的 "solutions" 要么在 View
更新期间改变状态,要么甚至无法编译。
struct ContentView: View {
var body: some View {
VStack {
Button(action: {
// Want this to trigger subview's animation.
}) {
Text("Tap me")
}
MyReusableSubview()
}.background(Color.gray)
}
}
SwiftUI 肯定不会强迫我 而不是 分解我的层次结构?
解决方案
这里是arsenius' suggestion。有没有更 Swifty-UI 的方法?
struct MyReusableSubview : View {
@Binding var doIt : Bool // Bound to parent
// ... as before...
var body: some View {
Group {
if self.doIt {
ZStack { EmptyView() }
.onAppear { self.simplifiedAnimation() }
// And call DispatchQueue to clear the doIt flag.
}
Rectangle()
.foregroundColor(.green)
.offset(y: self.offs)
}
}
}
这是使用可选外部事件生成器的可能方法,因此如果一个提供的可重用视图对外部提供者以及本地做出反应(如果不需要本地,则可以将其删除)。
测试 Xcode 11.4 / iOS 13.4
完整模块代码:
import SwiftUI
import Combine
struct MyReusableSubview : View {
private let publisher: AnyPublisher<Bool, Never>
init(_ publisher: AnyPublisher<Bool, Never> =
Just(false).dropFirst().eraseToAnyPublisher()) {
self.publisher = publisher
}
@State private var offs = CGFloat.zero // Animate this.
var body: some View {
Rectangle().foregroundColor(.green).offset(y: self.offs)
// A local event triggers the action...
.onTapGesture { self.simplifiedAnimation() }
.onReceive(publisher) { _ in self.simplifiedAnimation() }
// ...but we want to animate when parent view says so.
}
private func simplifiedAnimation() {
self.offs = 200
withAnimation { self.offs = 0 }
}
}
struct TestParentToChildEvent: View {
let generator = PassthroughSubject<Bool, Never>()
var body: some View {
VStack {
Button("Tap") { self.generator.send(true) }
Divider()
MyReusableSubview(generator.eraseToAnyPublisher())
.frame(width: 300, height: 200)
}
}
}
struct TestParentToChildEvent_Previews: PreviewProvider {
static var previews: some View {
TestParentToChildEvent()
}
}
这个演示对我来说似乎最简单,也可以通过环境而不是构造函数间接依赖注入外部生成器。
TL;DR:
我想在(父)状态改变时触发一个动作。这在声明性上下文中似乎很难。
备注
这里的挑战是我不是要使一个视图的 属性 依赖于另一个视图。那是覆盖良好的领土。我可以(并且已经)整天阅读有关共享状态更改的内容。但这是一个事件。
我遇到的最好的是 arsenius。他的方法确实有效;我想知道是否有更反应性的方式来做到这一点。也许是一次性 Publisher
?似乎很粗略。
代码
"Event" 在 FRP 中并不总是一个脏话。我可以通过处理 same View
:
View
的动画
import SwiftUI
struct MyReusableSubview : View {
@State private var offs = CGFloat.zero // Animate this.
var body: some View {
Rectangle().foregroundColor(.green).offset(y: self.offs)
// A local event triggers the action...
.onTapGesture { self.simplifiedAnimation() }
// ...but we want to animate when parent view says so.
}
private func simplifiedAnimation() {
self.offs = 200
withAnimation { self.offs = 0 }
}
}
但我希望这个 View
是可组合和可重用的。将其插入更大的层次结构似乎是合理的,它对何时 运行 动画有自己的想法。我所有的 "solutions" 要么在 View
更新期间改变状态,要么甚至无法编译。
struct ContentView: View {
var body: some View {
VStack {
Button(action: {
// Want this to trigger subview's animation.
}) {
Text("Tap me")
}
MyReusableSubview()
}.background(Color.gray)
}
}
SwiftUI 肯定不会强迫我 而不是 分解我的层次结构?
解决方案
这里是arsenius' suggestion。有没有更 Swifty-UI 的方法?
struct MyReusableSubview : View {
@Binding var doIt : Bool // Bound to parent
// ... as before...
var body: some View {
Group {
if self.doIt {
ZStack { EmptyView() }
.onAppear { self.simplifiedAnimation() }
// And call DispatchQueue to clear the doIt flag.
}
Rectangle()
.foregroundColor(.green)
.offset(y: self.offs)
}
}
}
这是使用可选外部事件生成器的可能方法,因此如果一个提供的可重用视图对外部提供者以及本地做出反应(如果不需要本地,则可以将其删除)。
测试 Xcode 11.4 / iOS 13.4
完整模块代码:
import SwiftUI
import Combine
struct MyReusableSubview : View {
private let publisher: AnyPublisher<Bool, Never>
init(_ publisher: AnyPublisher<Bool, Never> =
Just(false).dropFirst().eraseToAnyPublisher()) {
self.publisher = publisher
}
@State private var offs = CGFloat.zero // Animate this.
var body: some View {
Rectangle().foregroundColor(.green).offset(y: self.offs)
// A local event triggers the action...
.onTapGesture { self.simplifiedAnimation() }
.onReceive(publisher) { _ in self.simplifiedAnimation() }
// ...but we want to animate when parent view says so.
}
private func simplifiedAnimation() {
self.offs = 200
withAnimation { self.offs = 0 }
}
}
struct TestParentToChildEvent: View {
let generator = PassthroughSubject<Bool, Never>()
var body: some View {
VStack {
Button("Tap") { self.generator.send(true) }
Divider()
MyReusableSubview(generator.eraseToAnyPublisher())
.frame(width: 300, height: 200)
}
}
}
struct TestParentToChildEvent_Previews: PreviewProvider {
static var previews: some View {
TestParentToChildEvent()
}
}
这个演示对我来说似乎最简单,也可以通过环境而不是构造函数间接依赖注入外部生成器。