问题描述
当 SwitfUI TextField 被禁用时,在 Mac OS 上,没有视觉反馈表明该字段不可输入(除了不接受焦点单击)。我搜索了高低,它看起来就像简单地设置 .background(Color.whatever) 适用于 IOS(来自我遇到的所有“操作方法”)。但是对于 Mac OS 应用程序,它只会更改文本字段细边界的颜色。我四处走动,发现我可以添加不透明的叠加层来模拟效果,但这对于我一直认为是禁用字段变灰的传统标准来说似乎过于复杂。这让我觉得我在某处遗漏了一些非常明显的东西。
有没有人有一个 MacOS SwiftUI 结构的样本,它使禁用的 TextField 的背景变灰?我正在做的事情的最小示例如下。
struct ContentView: View {
@State var nameEditdisabled = true
@State var myText = "Fred"
var body: some View {
vstack {
Button("Change Name") {
nameEditdisabled.toggle()
}
TextField("hello",text: $myText)
.background(nameEditdisabled ? Color.gray: Color.yellow)
.disabled(nameEditdisabled)
}
}
}
解决方法
它似乎在 swiftUI 3.0、macos 12 中被“修复”了。禁用时我的灰色阴影略深。聚焦时,我得到蓝色边框。
编辑:
struct ContentView: View {
@State var nameEditDisabled = false
@State var myText = "Fred"
var body: some View {
VStack {
Button("Change disabling") {
nameEditDisabled.toggle()
}
TextField("hello",text: $myText)
.colorMultiply(nameEditDisabled ? .gray: .yellow)
.disabled(nameEditDisabled)
}.frame(width: 444,height: 444)
}
}