如何在SwiftUI中为WatchOS6获取涂鸦输入

Question

我正在尝试制作它，以便当用户单击包含注释的按钮时，它将弹出一个潦草的用户输入和听写。我考虑了其他一些解决方案，但都没能让它们发挥作用。我想这可能是因为它们都是在watchOS3中执行的建议。我还查看了苹果的文档，发现了这个https://developer.apple.com/documentation/watchkit/wkinterfacecontroller/1619527-presenttextinputcontroller，但我没能让它发挥作用。我在下面有我的完整代码

import SwiftUI
import Foundation
struct ContentView: View {
@State var counterValues = [0,0,0, -1, -1, -1, -1, -1, -1, -1 ]
@State var counterNames = ["Pullups", "Pushups", "Situps", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
@State var counters = 3;
var body: some View {
ScrollView {       
VStack {
ForEach( counterValues.indices ) { index in
if (self.counterValues[index]>=0) {
Text("(self.counterNames[index])")
Button(action: {
self.counterValues[index] += 1
}) {
Text("(self.counterValues[index])")
.font(.title)
.multilineTextAlignment(.center)
}
}
}
Button(action: {                   
//Add user input here
}) {
Image(systemName: "plus")
.font(.largeTitle)
.foregroundColor(.green)
}
.cornerRadius(40)
.shadow(color: .gray, radius: /*@START_MENU_TOKEN@*/10/*@END_MENU_TOKEN@*/ )
.padding(20)
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

这是一个特定的按钮，当点击它时，我想让它允许用户输入，然后将输入存储在变量中

Button(action: {
//Add user input here
}) {
Image(systemName: "plus")
.font(.largeTitle)
.foregroundColor(.green)
}
.cornerRadius(40)
.shadow(color: .gray, radius: /*@START_MENU_TOKEN@*/10/*@END_MENU_TOKEN@*/ )
.padding(20)

Answer 1

您可以使用textfield尝试以下代码。

struct ContentView: View {
@State
var counterValues = [0,0,0, -1, -1, -1, -1, -1, -1, -1 ]
@State var counterNames = ["Pullups", "Pushups", "Situps", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]
@State var counters = 3;
@State var textInput = "";
@State var showInput = false;
var body: some View {

ScrollView {

VStack {

ForEach( counterValues.indices ) { index in
if (self.counterValues[index]>=0) {
Text("(self.counterNames[index])")
Button(action: {
self.counterValues[index] += 1
}) {
Text("(self.counterValues[index])")
.font(.title)
.multilineTextAlignment(.center)
}
}
}
Button(action: {

//Add user input here
self.showInput.toggle()
}) {
Image(systemName: "plus")
.font(.largeTitle)
.foregroundColor(.green)

}
.cornerRadius(40)
.shadow(color: .gray, radius: /*@START_MENU_TOKEN@*/10/*@END_MENU_TOKEN@*/ )
.padding(20)
if self.showInput{
TextField.init("input", text: $textInput)}
}
}
}
}