删除 TabBar 中 TabButton 之间的空格

Question

我正在制作一个带有自定义 TabButton 的 TabBar，我想删除按钮之间的空白。我尝试了几件事，但找不到正确的 TabButton 属性。

这是我的代码：

Boton.qml：

TabButton {
onCheckedChanged: canvas.requestPaint()

contentItem: Text {
    antialiasing: false
    text: parent.text
    font.family: "monofonto"
    horizontalAlignment: Text.AlignHCenter
    verticalAlignment: Text.AlignVCenter
    color: "#19F51E"
}
background: Rectangle{
    color: 'black'
}
Canvas{
    id: canvas
    width: parent.width
    height: parent.height
    onPaint: {
        var ctx = getContext("2d");
        ctx.reset()
        ctx.lineWidth = 5;
        ctx.strokeStyle = "#19F51E";
        ctx.beginPath()
        if (parent.checked){
            ctx.moveTo(0, 0)
            ctx.lineTo(width, 0)
        } else {
            ctx.moveTo(0, height)
            ctx.lineTo(width, height)
        }
        ctx.stroke()
    }
}

}

Answer 1

我找到了该物业。将spacing 设置为 0 可以正常工作。