Binding 在SwiftUI中构建可重用组件的问题
我试图使用SwiftUI构建一个可重用的组件，我以前用@IBDesignable实现过这个组件，但事实证明这比我想象的要困难得多。问题是a）初始化文本变量和b）剪裁计数值。请参阅下面的代码 我尝试过根据计数值的变化在初始值设定项和主体闭包中修改文本变量的值，但这两种方法都不允许 count值的限制和文本变量的初始化需要在视图内部以及视图的客户端修改count值时进行。当客户机视图修改计数时，我不知道如何实现这一点Binding 在SwiftUI中构建可重用组件的问题,binding,swiftui,Binding,Swiftui,我试图使用SwiftUI构建一个可重用的组件，我以前用@IBDesignable实现过这个组件，但事实证明这比我想象的要困难得多。问题是a）初始化文本变量和b）剪裁计数值。请参阅下面的代码 我尝试过根据计数值的变化在初始值设定项和主体闭包中修改文本变量的值，但这两种方法都不允许 count值的限制和文本变量的初始化需要在视图内部以及视图的客户端修改count值时进行。当客户机视图修改计数时，我不知道如何实现这一点 @Binding var count: Int @State va
@Binding var count: Int
@State var text : String = ""
var maxVal = 5
var minVal = -5
var body: some View {
VStack {
TextField($text,
onEditingChanged: validateString
)
.frame(maxWidth: .infinity, maxHeight: .infinity)
HStack {
Button(
action: { self.add(1) },
label: { Text("Plus")}
)
Button(
action: { self.add(-1) },
label: { Text("Minus")}
)
}
}
}
func setVal(_ num: Int) {
count = min(max(num, minVal), maxVal)
if text != String(count) { text = String(count) }
}
func validateString(_ flag: Bool) {
if !flag {
guard let num = Int(text) else { return }
setVal(num)
}
}
func add(_ increment: Int) {
setVal(count + increment)
}
}
如果我了解了绑定的所有内部细节以及SwiftUI如何重建视图，我相信我能够解决这个问题。但这是创建自动“it just works”框架的缺点之一。我对SwiftUI感到非常兴奋，并希望在理解上克服这一障碍。您遗漏了部分代码，特别是您试图初始化视图的方式。但这应该让你开始 还请注意，在您离开文本字段（或隐藏键盘）之前，不会调用onEditingChanged，因此在此之前不会进行剪辑。 我还注意到您使用的是一个旧的TextField初始值设定项，它已经被弃用了。我更新了它的新版本
导入快捷界面
结构ContentView:View{
@国家私有变量计数=3
var body：一些观点{
MyView（计数：$count）
}
}
结构MyView:View{
@绑定变量计数：Int
@国家私有变量文本：字符串
var maxVal=5
var minVal=-5
初始化（计数：绑定）{
自计数=计数
self.\u text=状态（初始值：“\（count.value）”）
}
var body：一些观点{
VStack{
TextField（“，text:$text，onEditingChanged:validateString）
.textFieldStyle（.roundedBorder）
.frame（maxWidth:无穷大，maxHeight:无穷大）
HStack{
钮扣(
动作：{self.add（1）}，
标签：{Text（“Plus”）}
)
钮扣(
操作：{self.add（-1）}，
标签：{Text（“减号”）}
)
}
}
}
func setVal（num:Int）{
计数=最小值（最大值（num，minVal），maxVal）
如果text！=String（count）{text=String（count）}
}
func validateString（uflag:Bool）{
如果！旗帜{
guard let num=Int（text）else{return}
setVal（num）
}
}
func add（u增量：Int）{
setVal（计数+增量）
}
}
init（）init（）init（）值没有成员“\u count”