QML TextArea中单独选中制表符无法高亮的问题求助

Qt Quick Controls 2的TextArea组件默认对单独选中的制表符（\t）不会显示选中高亮，这是因为其默认选中逻辑对空白字符的区域识别存在限制，只有当空白字符与其他文本一同选中时才会正常渲染高亮。以下是两种可行的解决方法：

方法一：自定义重绘选中的制表符区域 #

通过重写TextArea的paint方法，在默认绘制完成后，手动为选中的制表符添加高亮背景。这种方法保留TextArea的所有原生特性（如滚动条、占位符文本等）。

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 800
    height: 600

    TextArea {
        id: textArea
        anchors.fill: parent
        text: "Tab" + "\t" + "Highlighting" + "\t" + "Issue"
        selectionColor: "lightblue"
        font.pixelSize: 18
        tabStopWidth: font.pixelSize * 4 // 显式设置制表符宽度，确保有可选中的区域

        onPaint: {
            super.paint() // 执行组件默认绘制逻辑

            // 仅在存在选中区域时处理
            if (selectionStart !== selectionEnd) {
                const start = Math.min(selectionStart, selectionEnd)
                const end = Math.max(selectionStart, selectionEnd)
                const ctx = getContext("2d")
                ctx.fillStyle = selectionColor

                // 遍历选中范围内的每个字符，检查是否为制表符
                for (let i = start; i < end; i++) {
                    if (text.charAt(i) === "\t") {
                        const charRect = cursorRectangle(i)
                        // 用设置的tabStopWidth作为制表符的选中宽度
                        ctx.fillRect(charRect.x, charRect.y, tabStopWidth, charRect.height)
                    }
                }
            }
        }
    }
}

方法二：使用TextEdit替代TextArea #

TextEdit是TextArea的底层组件，其对空白字符的选中高亮处理逻辑更直接，不会出现单独选中制表符不高亮的问题。如果你的场景不需要TextArea的额外封装特性（如默认滚动条、占位符的样式优化等），可以直接替换为TextEdit：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 800
    height: 600

    TextEdit {
        id: textEdit
        anchors.fill: parent
        text: "Tab" + "\t" + "Highlighting" + "\t" + "Issue"
        selectionColor: "lightblue"
        font.pixelSize: 18
        tabStopWidth: font.pixelSize * 4
        wrapMode: TextEdit.Wrap // 模拟TextArea的自动换行行为
        readOnly: false // 保持可编辑状态
    }
}

内容的提问来源于stack exchange，提问作者Pater Mark