具有交替行颜色的多行文本（日志视图）。如何在所有行中选择文本？-解网

问：

我有一个日志视图。我想以交替的背景颜色显示日志行。我想允许在整个日志视图中选择文本。这可以在单个视图上完成。.textSelection(.enabled)Text

然而，我的问题是，为了获得交替的背景颜色，我将字符串分成几行并将它们显示在（或）中。当我添加时，我一次只能选择一行中的文本。ScrollViewList.textSelection(.enabled)

如何选择全文？

代码如下：

struct LogView: View {
    let lines: [String] = sampleText3.components(separatedBy: "\n")
    
    var body: some View {
        ScrollView {
            VStack(alignment: .leading, spacing: 0) {
                ForEach(lines.indices, id: \.self) { index in
                    HStack() {
                        Text(lines[index])
                            .foregroundColor(adaptiveLineColor(lines[index]))
                            .padding(.horizontal, 5)
                        Spacer()
                    }
                    .background(index % 2 == 0 ?  Color.gray.opacity(0.1) : Color.black.opacity(0.1))
                }
            }
            .textSelection(.enabled)
            .border(.gray.opacity(0.1),width: 1)
        }
        .padding()
    }
    
    func adaptiveLineColor(_ line: String) -> Color {
        enum Tag: String {
            case task = "[Task]"
            case info = "[info]"
            case warning = "[warning]"
            case error = "[error]"
        }
        // TODO: Use switch
        if line.hasPrefix(Tag.task.rawValue) {
            return .green
        }
        if line.hasPrefix(Tag.info.rawValue) {
            return .primary
        }
        if line.hasPrefix(Tag.warning.rawValue) {
            return .yellow
        }
        if line.hasPrefix(Tag.error.rawValue) {
            return .red
        }
        return .primary
    }
}

let sampleText3: String = """
[Task] Process started. 30. Sep 2023, 21:26:20
[info] input file /someFolder/someData
[warning] invalid metadata
[error] error -1234
"""

截图：

如果我把整个文本放在一个多行中，可以按预期工作，但我不知道如何交替使用背景颜色。TexttextSelection

我该如何解决这个问题？

我找到了这个问题，但它没有解决方案。

文本选择 swiftui-text

ScrollView {
    let attrText = makeAttributedString(sampleText3) // add all the different foreground colors as an AttributedString

    VStack(alignment: .leading, spacing: 0) {
        // lay out the texts with transparent foreground and alternating backgrounds
        let invisibleTexts = lines.map { Text($0).foregroundColor(.clear) }
        ForEach(lines.indices, id: \.self) { index in
            HStack {
                invisibleTexts[index]
                    .padding(.horizontal, 5)
                Spacer()
            }
            .background(index % 2 == 0 ?  Color.gray.opacity(0.1) : Color.black.opacity(0.1))
        }
    }
    .overlay {
        // lay out the selectable text in the same way
        HStack {
            Text(attrText).textSelection(.enabled).padding(.horizontal, 5)
            Spacer()
        }
    }
    .border(.gray.opacity(0.1),width: 1)
}

具有交替行颜色的多行文本（日志视图）。如何在所有行中选择文本？

Multiple lines of text with alternating row colors (a Log view). How to select text across all lines?

评论

评论