在MacOS应用程序的SwiftUI自动建议字段中管理焦点



我想建立一个"自动建议"字段;
我的第一次尝试工作相当不错。
我面临的问题是如何管理焦点,使键盘(仅)处理流畅。

如果用户在文本域中输入了超过1个字符,则显示一个建议列表。目前,用户可以用鼠标选择一种。
我想要的是,用户仍然可以编辑文本字段,在文本字段中导航光标左和光标右(这是情况)和另外导航光标向上光标向下的列表选择一个条目例如:SpaceEnter

struct TestSearchField2: View {
var body: some View {
VStack{
SearchField2()
} .frame(width: 400, height: 400, alignment: .center)
}
}
enum SuggestionListStatus {
case off
case on
case accepted
}
struct SearchField2: View {
let allSuggestions =  ["michael Schneider","thomas mueller","joachim Oster","Dennis mueller","Michael Carter","frank 1","frank 2","frank 3","frank 4","frank 5"]
@State var input = ""
@State var showList : SuggestionListStatus = .off
@State var selected = ""
var body: some View {
TextField("input Data", text: $input)
.cornerRadius(5.0)
.overlay(SuggestionList2(suggestionListStatus: $showList, selected: $input, suggestions: allSuggestions.filter {$0.contains(input)}))
.onChange(of: input, perform: { value in
if showList == .accepted {
showList = .off}
else if input.count >= 2 {
print(
allSuggestions.filter {$0.contains(input)})
showList = .on
} else {
showList = .off
}
})
}
}

struct SuggestionList2: View {
@Binding var suggestionListStatus : SuggestionListStatus
@Binding var selected : String
@State var selection : String? = "Michael"
var suggestions : [String] 

var body: some View {
if suggestionListStatus == .on {
VStack{
List(suggestions, id: .self, selection: $selection){ s in
Text(s).onTapGesture {
print("Pressed; (s)")
selected = s
suggestionListStatus = .accepted
}
}
Text("Debug setected: (selection ?? "nothing selected")").font(.footnote)
}
.frame(width: 200, height: 150, alignment: .leading)
.offset(x: 0, y: 100)
}
}
}

我在nsviewrepresable中包装了一个NSTextField,并使用了NSTextFieldDelegate。你可以找到我的GitHub示例。

建议演示项目在GitHub

最新更新