QML类型说明-ConicalGradient

ConicalGradient

ImportStatement:   import QtGraphicalEffects 1.0

Since:  QtGraphicalEffects 1.0

Inherits:      Item

 

Properties

angle : real

cached :bool

gradient :Gradient

horizontalOffset: real

source :variant

verticalOffset: real

 

DetailedDescription

渐变定义了两个或两个以上的颜色的五缝混合。颜色从指定的角度开始，结束于比指定角度大360的位置。

下面是代码：

importQtQuick 2.0

importQtGraphicalEffects 1.0

 

Item {

    width: 300

    height: 300

 

    ConicalGradient {

        anchors.fill: parent

        angle: 0.0

        gradient: Gradient {

            GradientStop { position: 0.0;color: "white" }

            GradientStop { position: 1.0;color: "black" }

        }

    }

}

PropertyDocumentation

angle : real

渐变开始的位置，在梯度位置0.0的颜色被渲染。梯度位置和角度大小成正比。角度值顺时针增加。

角度的影响
angle: 0	angle: 45	angle: 185
horizontalOffset: 0	horizontalOffset: 0	horizontalOffset: 0
verticalOffset: 0	verticalOffset: 0	verticalOffset: 0

 

cached :bool

是否缓存影响的输出，它有益于提高渲染效率，但消费更多内存。每当源或影响属性发生变化，缓存都会更新。如果源或属性是动态的，推荐关闭缓冲。默认为假。

 

gradient :Gradient

渐变定义了两个或两个以上的颜色被无缝连接。它使用GradientStop子组件指明色彩。每个GradientStop有2个属性，position属性为GradientStop的位置，值为0.0到1.0之间，color属性指明GradientStop的颜色。

渐变的影响
gradient: Gradient { GradientStop { position: 0.000 color: Qt.rgba(1, 0, 0, 1) } GradientStop { position: 0.167; color: Qt.rgba(1, 1, 0, 1) } GradientStop { position: 0.333; color: Qt.rgba(0, 1, 0, 1) } GradientStop { position: 0.500; color: Qt.rgba(0, 1, 1, 1) } GradientStop { position: 0.667; color: Qt.rgba(0, 0, 1, 1) } GradientStop { position: 0.833; color: Qt.rgba(1, 0, 1, 1) } GradientStop { position: 1.000; color: Qt.rgba(1, 0, 0, 1) } }	gradient: Gradient { GradientStop { position: 0.0 color: "#F0F0F0" } GradientStop { position: 0.5 color: "#000000" } GradientStop { position: 1.0 color: "#F0F0F0" } }	gradient: Gradient { GradientStop { position: 0.0 color: "#00000000" } GradientStop { position: 1.0 color: "#FF000000" } }
angle: 0	angle: 0	angle: 0
horizontalOffset: 0	horizontalOffset: 0	horizontalOffset: 0
verticalOffset: 0	verticalOffset: 0	verticalOffset: 0

horizontalOffset: real

horizontalOffset和verticalOffset是锥形中心点的水平和垂直偏移的像素数。中心点垂直朝上，产生的线，是0度角线。它的值默认为0。影响如下：

水平偏移的影响
horizontalOffset: -50	horizontalOffset: 0	horizontalOffset: 50
angle: 0	angle: 0	angle: 0
verticalOffset: 0	verticalOffset: 0	verticalOffset: 0

source :variant

渐变填充在哪里。源是渲染的中间缓冲区，它的alpha值决定了渐变的可见性。默认值是undefined。表示填充整个区域。下表未指定蝴蝶的源，这可能是英文文档的缺陷。修复我。

源的影响
source: undefined	source:
angle: 0	angle: 0
horizontalOffset: 0	horizontalOffset: 0
verticalOffset: 0	verticalOffset: 0

注意，让自身成为源是不支持的。所以在实例中不能设置父为source。

 

verticalOffset: real

horizontalOffset和verticalOffset是锥形中心点的水平和垂直偏移的像素数。中心点垂直朝上，产生的线，是0度角线。它的值默认为0。原英文示例是错误的。这里将之省略。