[英]Why don't changes to @ObservedObject update a UIViewRepresentable?
[英]UIViewRepresentable not updating binding to ObservedObject property?
This view is a UIKit slider adapted to my SwiftUI project because in SwiftUI Slider
cannot change its track color, which is probably a bug since you should be able to change it with .accentColor
. 无论如何,这个 slider 根据它的值改变它的轨道颜色,从绿色到红色。 如果value
绑定到普通的@State
属性,那么整个事情就可以完美地工作(尽管我的渐变还不是那么好),但是当您尝试将其附加到@ObservedObject
的属性时,它会中断,尽管轨道颜色仍然有效,它永远不会改变基础价值。 我想现在这只是一个错误,但更有可能这里有一些东西需要修复。
struct RedscaleSlider: UIViewRepresentable {
@Binding var value: Double
var min: Double
var max: Double
class Coordinator: NSObject {
@Binding var value: Double
var min: Double
var max: Double
init(value: Binding<Double>, min: Double = 0, max: Double = 100) {
_value = value
self.min = min
self.max = max
}
@objc func valueChanged(_ sender: UISlider) {
self.value = Double(sender.value)
sender.minimumTrackTintColor = green_to_red_gradient(value: (Double(sender.value) - min) / (max - min)).into_UIKit_color()
}
}
var thumb_color: UIColor = .white
var track_color: UIColor = .systemBlue
func makeUIView(context: Context) -> UISlider {
let slider = UISlider(frame: .zero)
slider.addTarget(
context.coordinator,
action: #selector(Coordinator.valueChanged),
for: .valueChanged
)
slider.thumbTintColor = thumb_color
slider.minimumTrackTintColor = track_color
slider.minimumValue = Float(min)
slider.maximumValue = Float(max)
slider.value = Float(value)
return slider
}
func updateUIView(_ UI_View: UISlider, context: Context) {
UI_View.value = Float(self.value)
}
func makeCoordinator() -> RedscaleSlider.Coordinator {
Coordinator(value: $value, min: self.min, max: self.max)
}
}
编辑:它应该如何使用的例子:
class ViewModel: ObservableObject {
@Published var danger_level: Double
}
struct ExampleView: View {
@ObservedObject var view_model = ViewModel(danger_level: 50)
var body: some View {
VStack {
Text(view_model.danger_level.description)
RedscaleSlider(value: $view_model.danger_level)
// should update view model just like a Stepper would
}
}
}
@Binding
只应该在View
/ UIViewRepresentable
中使用
而不是在Coordinator
中使用@Binding
切换init
以接收init(_ parent: RedscaleSlider)
然后使用parent.value = Double(sender.value)
import SwiftUI
class RedscaleSliderViewModel : ObservableObject {
@Published var value : Double = 5
@Published var danger_level: Double = 7.5
}
struct ParentRedscaleSlider: View{
//@State var value: Double = 5
@ObservedObject var vm = RedscaleSliderViewModel()
var body: some View {
VStack{
Text(vm.danger_level.description)
RedscaleSlider(value: $vm.danger_level, min: 0, max: 10)
}
}
}
struct RedscaleSlider: UIViewRepresentable {
//@EnvironmentObject var vm: RedscaleSliderViewModel
@Binding var value: Double
var min: Double
var max: Double
class Coordinator: NSObject {
var parent: RedscaleSlider
init(_ parent: RedscaleSlider) {
self.parent = parent
}
@objc func valueChanged(_ sender: UISlider) {
let senderVal = Double(sender.value)
self.parent.value = senderVal
//Missing code
//sender.minimumTrackTintColor = green_to_red_gradient(value: (Double(sender.value) - min) / (max - min)).into_UIKit_color()
}
}
var thumb_color: UIColor = .white
var track_color: UIColor = .systemBlue
func makeUIView(context: Context) -> UISlider {
let slider = UISlider(frame: .zero)
slider.addTarget(
context.coordinator,
action: #selector(Coordinator.valueChanged),
for: .valueChanged
)
slider.thumbTintColor = thumb_color
slider.minimumTrackTintColor = track_color
slider.minimumValue = Float(min)
slider.maximumValue = Float(max)
slider.value = Float(value)
return slider
}
func updateUIView(_ UI_View: UISlider, context: Context) {
UI_View.value = Float(self.value)
}
func makeCoordinator() -> RedscaleSlider.Coordinator {
Coordinator(self)
}
}
struct RedScaleSlider_Previews: PreviewProvider {
static var previews: some View {
ParentRedscaleSlider()
}
}
accentColor
对我来说很好用..
您的代码也适用于 ObservableObject。 这是演示代码:
class ViewModel : ObservableObject {
@Published var double : Double = 0.0
}
struct ContentView : View {
@State private var value: Double = 0
@ObservedObject var viewModel = ViewModel()
var body : some View {
Slider(value: $value, in: -100...100, step: 0.1)
.accentColor(.red) //<< here accent color
RedscaleSlider(value: $viewModel.double, min: 5.0, max: 250.0)
Text(String(viewModel.double))
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.