Qml Rectangle添加渐变无法设置圆角radius

最新推荐文章于 2024-07-23 16:33:57 发布

人比黄花受

最新推荐文章于 2024-07-23 16:33:57 发布

阅读量795

点赞数 4

分类专栏： qml

本文链接：https://blog.csdn.net/Strong_HCyouth/article/details/115077866

版权

qml 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

clip always clips at the bounding rectangle of the Item that is clipping, and does not care for alpha-values.

However the LinearGradient has another tool, to achive what you want:
- the source-property.

See this example:

import QtQuick 2.0
import QtQuick.Window 2.0
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtGraphicalEffects 1.0
Window {
    width: 1024
    height: 800
    visible: true

    Rectangle {
        id: rect1
        width: 100
        height: 100
        radius: 20
    }

    LinearGradient {
        anchors.fill: rect1
        source: rect1          <-- Here is where you specify its shape. 
        start: Qt.point(0, 0)
        end: Qt.point(300, 300)
        gradient: Gradient {
            GradientStop { position: 0.0; color: "white" }
            GradientStop { position: 1.0; color: "black" }
        }
    }
}