如何在SwiftUI中确定在多字文本视图中点击的字

在SwiftUI中确定在多字文本视图中点击的字，可以通过使用 Text 和 TextEditor 组件来实现。

首先，使用 Text 组件创建一个多字文本视图，将其包裹在 ZStack 中，以便添加交互功能。然后，使用 GeometryReader 获取父视图的大小，以便确定点击位置。接下来，将文本分割为单个字符，并为每个字符创建一个可点击区域。当用户点击字符时，你可以根据所点击的字符执行相应的操作。

以下是一个示例代码，演示了如何在SwiftUI中实现这个功能：

import SwiftUI

struct ContentView: View {
    let text = "Hello, World!" // 多字文本
    
    var body: some View {
        ZStack {
            Text(text)
                .foregroundColor(.black)
                .font(.largeTitle)
                .onTapGesture {
                    let tapLocation = getTappedLocation()
                    let tappedCharacter = getTappedCharacter(location: tapLocation)
                    print("Tapped Character: \(tappedCharacter)")
                    // 在这里可以执行其他操作，例如显示弹出窗口等
                }
        }
    }
    
    // 获取点击位置
    func getTappedLocation() -> CGPoint {
        var tapLocation: CGPoint = .zero
        
        // 使用GeometryReader获取父视图的大小
        GeometryReader { geometry in
            // 获取点击位置
            let tap = TapGesture()
                .onEnded { value in
                    tapLocation = value.location
                }
            // 添加透明的TextEditor，以便捕捉点击事件
            TextEditor(text: .constant(""))
                .frame(width: geometry.size.width, height: geometry.size.height)
                .background(Color.clear)
                .gesture(tap)
        }
        
        return tapLocation
    }
    
    // 获取点击的字符
    func getTappedCharacter(location: CGPoint) -> String {
        let characterIndex = getCharacterIndex(at: location)
        let tappedCharacter = String(text[text.index(text.startIndex, offsetBy: characterIndex)])
        return tappedCharacter
    }
    
    // 根据点击位置获取字符索引
    func getCharacterIndex(at location: CGPoint) -> Int {
        var characterIndex = 0
        let attributedString = NSAttributedString(string: text, attributes: [.font: UIFont.systemFont(ofSize: 36)])
        let textStorage = NSTextStorage(attributedString: attributedString)
        let layoutManager = NSLayoutManager()
        textStorage.addLayoutManager(layoutManager)
        let textContainer = NSTextContainer(size: CGSize(width: CGFloat.greatestFiniteMagnitude, height: .greatestFiniteMagnitude))
        textContainer.lineFragmentPadding = 0
        layoutManager.addTextContainer(textContainer)
        
        let textBoundingBox = layoutManager.usedRect(for: textContainer)
        let textContainerOffset = CGPoint(x: (UIScreen.main.bounds.width - textBoundingBox.size.width) / 2 - textBoundingBox.origin.x,
                                          y: (UIScreen.main.bounds.height - textBoundingBox.size.height) / 2 - textBoundingBox.origin.y)
        let locationInTextContainer = CGPoint(x: location.x - textContainerOffset.x, y: location.y - textContainerOffset.y)
        
        characterIndex = layoutManager.characterIndex(for: locationInTextContainer, in: textContainer, fractionOfDistanceBetweenInsertionPoints: nil)
        
        return characterIndex
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在这个示例中，我们首先创建了一个多字文本视图，然后使用 ZStack 包裹其中。然后，我们在 Text 组件上添加了一个 onTapGesture 闭包，以便在用户点击时触发操作。在这个闭包中，我们使用 getTappedLocation() 方法获取点击位置，并使用 getTappedCharacter(location:) 方法获取点击的字符，并将其打印出来。你可以在这个闭包中执行其他操作，例如显示弹出窗口等。

为了获取点击位置，我们使用了 GeometryReader 获取父视图的大小，并添加了一个透明的 TextEditor 组件，以便捕捉点击事件。然后，我们使用 TapGesture 捕捉点击事件，并将点击位置保存在 tapLocation 变量中。

为了获取点击的字符，我们使用了 getCharacterIndex(at:) 方法来计算点击位置对应的字符索引。首先，我们创建了一个 NSAttributedString 对象，并设置了字体大小。然后，我们创建了一个 NSTextStorage 对象，并将 NSAttributedString 对象添加到其中。接下来，我们创建了一个 NSLayoutManager 对象，并将 NSTextStorage 对象添加到其中。然后，我们创建了一个 NSTextContainer 对象，并将其大小设置为最大。最后，我们使用 NSLayoutManager 的 characterIndex(for:in:fractionOfDistanceBetweenInsertionPoints:) 方法计算点击位置对应的字符索引。

请注意，这只是一个示例代码，用于演示在SwiftUI中确定在多字文本视图中点击的字的方法。你可以根据自己的需求进行修改和扩展。另外，由于涉及到UITextView和Cocoa的相关类，该示例代码需要在iOS平台上运行。

希望这能帮助到你！