Describes a Path and associated properties for stroking and filling. 更多...
导入语句: | import QtQuick.Shapes 1.2 |
Since: | Qt 5.10 |
继承: | Path |
A Shape contains one or more ShapePath elements. At least one ShapePath is necessary in order to have a Shape output anything visible. A ShapePath itself is a Path with additional properties describing the stroking and filling parameters, such as the stroke width and color, the fill color or gradient, join and cap styles, and so on. As with ordinary Path objects, ShapePath also contains a list of path elements like PathMove , PathLine , PathCubic , PathQuad , PathArc , together with a starting position.
Any property changes in these data sets will be bubble up and change the output of the Shape. This means that it is simple and easy to change, or even animate, the starting and ending position, control points, or any stroke or fill parameters using the usual QML bindings and animation types like NumberAnimation .
In the following example the line join style changes automatically based on the value of joinStyleIndex:
ShapePath { strokeColor: "black" strokeWidth: 16 fillColor: "transparent" capStyle: ShapePath.RoundCap property int joinStyleIndex: 0 property variant styles: [ ShapePath.BevelJoin, ShapePath.MiterJoin, ShapePath.RoundJoin ] joinStyle: styles[joinStyleIndex] startX: 30 startY: 30 PathLine { x: 100; y: 100 } PathLine { x: 30; y: 100 } }
Once associated with a Shape, here is the output with a joinStyleIndex of 2 (ShapePath.RoundJoin):
另请参阅 Qt Quick 范例 - 形状 and Shape .
capStyle : enumeration |
This property defines how the end points of lines are drawn. The default value is
ShapePath.SquareCap
.
常量 | 描述 |
---|---|
ShapePath.FlatCap
|
A square line end that does not cover the end point of the line. |
ShapePath.SquareCap
|
A square line end that covers the end point and extends beyond it by half the line width. |
ShapePath.RoundCap
|
A rounded line end. |
dashOffset : real |
This property defines the starting point on the dash pattern, measured in units used to specify the dash pattern.
默认值为 0。
另请参阅 QPen::setDashOffset() .
dashPattern : list < real > |
This property defines the dash pattern when ShapePath . strokeStyle 被设为 ShapePath .DashLine. The pattern must be specified as an even number of positive entries where the entries 1, 3, 5... are the dashes and 2, 4, 6... are the spaces. The pattern is specified in units of the pen's width.
The default value is (4, 2), meaning a dash of 4 * ShapePath . strokeWidth pixels followed by a space of 2 * ShapePath . strokeWidth 像素。
另请参阅 QPen::setDashPattern() .
fillColor : color |
This property holds the fill color.
当设为
transparent
, no filling occurs.
默认值为
white
.
fillGradient : ShapeGradient |
This property defines the fill gradient. By default no gradient is enabled and the value is
null
. In this case the fill uses a solid color based on the value of
ShapePath
.
fillColor
.
When set, ShapePath . fillColor is ignored and filling is done using one of the ShapeGradient subtypes.
注意: The Gradient type cannot be used here. Rather, prefer using one of the advanced subtypes, like LinearGradient .
fillRule : enumeration |
This property holds the fill rule. The default value is
ShapePath.OddEvenFill
. For an explanation on fill rules, see
QPainterPath::setFillRule()
.
常量 | 描述 |
---|---|
ShapePath.OddEvenFill
|
Odd-even fill rule. |
ShapePath.WindingFill
|
Non-zero winding fill rule. |
joinStyle : enumeration |
This property defines how joins between two connected lines are drawn. The default value is
ShapePath.BevelJoin
.
常量 | 描述 |
---|---|
ShapePath.MiterJoin
|
线外部边缘按角度延伸相交,并填充此区域。 |
ShapePath.BevelJoin
|
填充 2 线条之间的三角形凹槽。 |
ShapePath.RoundJoin
|
填充 2 条线之间的弧形。 |
miterLimit : int |
当
joinStyle
被设为
ShapePath.MiterJoin
, this property specifies how far the miter join can extend from the join point.
The default value is 2.
strokeColor : color |
This property holds the stroking color.
当设为
transparent
, no stroking occurs.
默认值为
white
.
strokeStyle : enumeration |
This property defines the style of stroking. The default value is ShapePath .SolidLine.
strokeWidth : real |
This property holds the stroke width.
When set to a negative value, no stroking occurs.
默认值为 1。