PathArc QML 类型

定义具有给定半径的弧。更多...

导入语句	import QtQuick

所有成员列表，包括继承成员

属性

direction : 枚举
radiusX : 实数
radiusY : 实数
relativeX : 实数
relativeY : 实数
useLargeArc : 布尔
x : 实数
xAxisRotation : 实数
y : 实数

详细描述

PathArc 提供了一种简单的方式来指定一个以特定位置结束并使用特定半径的弧。它模仿了 SVG 椭圆形弧命令。

以下 QML 生成下面的路径

Path {
    startX: 100; startY: 0

    PathArc {
        x: 0; y: 100
        radiusX: 100; radiusY: 100
        useLargeArc: true
    }
}

请注意，单个 PathArc 无法用来指定一个圆形。相反，您可以使用两个 PathArc 元素，每个指定圆的一半。

另请参阅Path、PathLine、PathQuad、PathCubic、PathAngleArc、PathCurve 和 PathSvg。

属性文档

x : 实数

y : 实数

定义弧的终点。

另请参阅relativeX 和 relativeY。

relativeX : 实数

relativeY : 实数

定义相对于起点弧的终点。

如果为单个轴指定了相对和绝对终点位置，则将使用相对位置。

可以混合相对和绝对位置，例如设置相对 x 和绝对 y 是有效的。

另请参阅x 和 y。

radiusX : 实数

radiusY : 实数

定义弧的半径。

下面的 QML 展示了如何使用不同的半径值来改变弧的形状

Path {
    startX: 0; startY: 100

    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 15
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 25
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 50
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 50; radiusY: 100
    }
}

direction : 枚举

定义弧的指向。可能的值有路径弧。顺时针（默认）和路径弧。逆时针。

下面的 QML 通过改变方向值，可以产生下图中两种示出的弧中的任一种。

Path {
    startX: 50; startY: 50

    PathArc {
        x: 150; y: 50
        radiusX: 75; radiusY: 50
    }
}

另请参阅 useLargeArc。

useLargeArc : 布尔值

是否使用由弧点定义的大弧。

给定固定的起始和结束位置、半径和方向，可以有两个可能的弧适合数据。useLargeArc用来区分这些。例如，下面的 QML 通过改变useLargeArc的值可以产生下面的两种示例弧中的任一种。

Path {
    startX: 0; startY: 100
    PathArc {
        x: 100; y: 200
        radiusX: 100; radiusY: 100
        direction: PathArc.Clockwise
    }
}

默认值是 false。

xAxisRotation : 实数

定义弧的旋转，单位是度。默认值是 0。

弧是圆或椭圆形的一部分。给定半径和起始点和结束点，有两个椭圆连接这些点。该属性定义了这些椭圆X轴的旋转。

注意: 该值仅在x轴和y轴半径不同时才有用，即弧是椭圆的一部分。

下面的 QML 展示了如何使用不同的半径值来改变弧的形状

Path {
    startX: 50; startY: 100

    PathArc {
        x: 150; y: 100
        radiusX: 50; radiusY: 20
        xAxisRotation: 45
    }
}