如何绘制一条在端点处淡出的线，类似于图中所示的线。我不知道如何在 qml 中绘制它。我使用的是qt 5.12

Question

如何绘制一条端点淡出的线，类似于图中所示的线。我不知道如何在 qml 中绘制它。我使用的是qt 5.12

我尝试使用矩形绘制线条，但我不知道如何淡出端点处的线条。

Answer 1

您可以将矩形项目与渐变一起使用，例如：

    Rectangle {
        anchors.fill: parent
        color: "black"

        Rectangle {
            anchors.centerIn: parent
            width: 400
            height: 5
            border.width: 0
            gradient: Gradient {
                orientation: Gradient.Horizontal
                GradientStop { position: 0.0; color: "black" }
                GradientStop { position: 0.25; color: "white" }
                GradientStop { position: 0.75; color: "white" }
                GradientStop { position: 1.0; color: "black" }
            }
        }
    }