由于使用样式表设置边框半径会产生不必要的效果，因此您可以在没有样式表的情况下将小部件边框设置为圆形，并使用paintEvent;方法如下：
你可以画一个圆角矩形，颜色和小部件的父背景一样，这就好像它隐藏了那些尖角，让它们看起来是圆的。
这种方法的一个缺点是它限制了角的圆度，因为如果画家画了一个太圆的矩形，它会掩盖小部件本身或导致尖锐的边缘。
可以通过增加边框大小来稍微解决这个问题，以获得更多的空间，因此，在使用绘图器时可以增加边框半径，而不会破坏小部件边缘。
使用这种方法有一个好处，它可以防止窗口小部件的背景突出边框。
下面是一个从QPushButton派生的子类的例子，它带有一个自定义的paintEvent：

class button : public QPushButton
{
    Q_OBJECT

public:
    button (QWidget *parent = nullptr) : QPushButton(parent) {}

protected:
    void paintEvent(QPaintEvent *event) override
    {
        QPushButton::paintEvent(event);

        QRectF r = rect();
        r.adjust(-1,-1,+1,+1);

        QPainter p(this);
        QColor color = parentWidget()->palette().brush(QPalette::Window).color();
        p.setPen(QPen(color,2));
        p.setRenderHint(QPainter::Antialiasing);
        p.drawRoundedRect(r, 6, 6);
    }
};

字符串
下面是结果，底部按钮是一个普通的QPushButton，没有边界半径，只是为了增加差异的可见性：
x1c 0d1x的数据

对于这些类型的功能，QML提供了一个非常灵活的工具集。
我已经实现了我认为你在QML中寻找的东西：

Canvas {
        id: border_animation
        property real progress: 0
        onProgressChanged: {
            border_animation.requestPaint()
        }
        anchors.centerIn: parent
        height: parent.height*0.10
        width: parent.width*0.65
        z: 2
        Text {
            text: "start timer"
            color: "white"
            font.bold: true
            font.pointSize: 15
            anchors.centerIn: parent
        }
        NumberAnimation on progress {
            id: startTimer
            from: 0
            to: 1
            running: false
            duration: 1000
            onFinished: {
                startTimer.start()
            }
        }
        onPaint: {
            var ctx = border_animation.getContext('2d')

            ctx.strokeStyle = "green"
            ctx.fillStyle = "black"
            ctx.lineWidth = 2

            ctx.beginPath()
            ctx.rect(0,0,width,height)
            ctx.fill()

            var Lcenterx = width*0.25
            var Lcentery = height*0.50
            var Rcenterx = width*0.75
            var Rcentery = height*0.50
            var radius = height*0.40

            //each section is 25% of the border so we break it up that way
            if(progress<=0.25){
                var topProgress = progress/0.25
                var rightProgress = 0
                var bottomProgress = 0
                var leftProgress = 0
            }else if(progress<=0.50){
                topProgress = 1
                rightProgress = (progress-0.25)/0.25
                bottomProgress = 0
                leftProgress = 0
            }else if(progress<=0.75){
                topProgress = 1
                rightProgress = 1
                bottomProgress = (progress-0.50)/0.25
                leftProgress = 0
            }else{
                topProgress = 1
                rightProgress = 1
                bottomProgress = 1
                leftProgress = (progress-0.75)/0.25
            }

            //top line
            ctx.strokeStyle = "orange"
            ctx.beginPath();
            ctx.moveTo(Lcenterx, Lcentery-radius);
            ctx.lineTo(Lcenterx + (Rcenterx - Lcenterx)*topProgress, Rcentery-radius);
            ctx.stroke();

            ctx.strokeStyle = "yellow"
            ctx.beginPath();
            ctx.arc(Rcenterx, Rcentery, radius, 1.5*Math.PI, 1.5*Math.PI + Math.PI * rightProgress);
            ctx.stroke();

            //bottom line
            ctx.strokeStyle = "cyan"
            ctx.beginPath();
            ctx.moveTo(Rcenterx, Lcentery+radius);
            ctx.lineTo(Rcenterx - (Rcenterx - Lcenterx)*bottomProgress, Rcentery+radius);
            ctx.stroke();

            ctx.strokeStyle = "green"
            ctx.beginPath();
            ctx.arc(Lcenterx, Lcentery, radius, 0.5*Math.PI, 0.5*Math.PI + Math.PI * leftProgress);
            ctx.stroke();

        }
        MouseArea {
            anchors.fill: parent
            onClicked: {
                startTimer.start()


            }
        }
    }

字符串

的数据

的