gpt4 book ai didi

swiftui - 观察 SwiftUI 中的框架变化

转载 作者:行者123 更新时间:2023-12-05 01:35:04 35 4
gpt4 key购买 nike

我有一个可以拖放到其他 View 之上的 View (可以说是类别)。为了检测我在哪个类别 View 之上,我将它们的帧存储在一个帧数组中,这发生在它们不可见叠加层的 onAppear 中。 (这基于 Paul Hudson 在 this 教程中的实现)。

这一切都很好,除非这些 View 的位置发生变化,例如在 iPad 上调整设备方向或窗口大小。这当然不会触发 onAppear,因此帧不再匹配。

HStack() {
ForEach(categories) { category in
ZStack {
Circle()
Rectangle()
.foregroundColor(.clear)
.overlay(
GeometryReader { geo in
Color.clear
.onAppear {
categoryFrames[index(for: category)] = geo.frame(in: .global)
}
}
)
}
}
}

因此,欢迎了解如何更新这些实例中的帧或如何以不同方式观察它们。

最佳答案

可以使用 View 首选项在刷新期间动态读取 View 帧,因此您不必关心方向,因为每次重绘 View 时都有实际的帧。

这是一个方法草案。

为 View 偏好键引入模型:

struct ItemRec: Equatable {
let i: Int // item index
let p: CGRect // item position frame
}

struct ItemPositionsKey: PreferenceKey {
typealias Value = [ItemRec]
static var defaultValue = Value()
static func reduce(value: inout Value, nextValue: () -> Value) {
value.append(contentsOf: nextValue())
}
}

现在你的代码(假设@State private var categoryFrames = [Int, CGRect]())

HStack() {
ForEach(categories) { category in
ZStack {
Circle()
Rectangle()
.foregroundColor(.clear)
.background( // << prefer background to avoid any side effect
GeometryReader { geo in
Color.clear.preference(key: ItemPositionsKey.self,
value: [ItemRec(i: index(for: category), p: geo.frame(in: .global))])
}
)
}
}
.onPreferenceChange(ItemPositionsKey.self) {
// actually you can use this listener at any this view hierarchy level
// and possibly use directly w/o categoryFrames state
for item in $0 {
categoryFrames[item.i] = item.p
}
}

}

关于swiftui - 观察 SwiftUI 中的框架变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63220681/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com