Back to Qt.io
Contact Us Blog Download Qt
このページでは

C

PathArc QML Type

指定された半径の円弧を定義します。詳細...

Import Statement: import QtQuick
Since: Qt Quick Ultralite 1.8

列挙

プロパティ

詳しい説明

PathArc は与えられた位置で終わり、与えられた半径を使う円弧を定義する簡単な方法を提供する。そのデザインは SVG の楕円arc コマンドに基づいている。

以下の QML は以下に示すパスを生成します：

import QtQuick
import QtQuick.Shapes
Rectangle {
    width: 350
    height: 350
    Shape {
        ShapePath {
            startX: 100; startY: 0
            strokeColor: "skyblue"
            PathArc {
                x: 0; y: 100
                radiusX: 100; radiusY: 100
                useLargeArc: true
            }
        }
    }
}

注: Qul::Shapes モジュールライブラリもプロジェクトにリンクする必要があります。詳しくは Qt Quick Ultralite Shapes QML Types.

先ほどのスニペットでは、円を定義するのに1つの PathArc だけでは不十分であることがわかります。少なくとも2つの PathArc アイテムが必要で、それぞれが円の半分を定義します。

Path,PathLine,PathQuad,PathCubic,PathSvgも参照して ください。

列挙ドキュメント

Direction

円弧の方向オプションのリストを提供する。

定数説明
PathArc.ClockWise円弧を時計回りに描画する
PathArc.CounterClockWise円弧を反時計回りに描画する

プロパティの説明

x : real

y : real

弧の終点を定義する。


radiusX : real

radiusY : real

円弧の半径を定義します。

以下のQMLは、異なる半径の値を使って円弧の形を変える方法を示しています：

import QtQuick
import QtQuick.Shapes
Rectangle {
    width: 350
    height: 350
    Shape {
        ShapePath {
            startX: 0; startY: 100
            strokeColor: "skyblue"
            PathArc {
                x: 50; y: 100
                radiusX: 25; radiusY: 15
            }
            PathArc {
                x: 100; y: 100
                radiusX: 25; radiusY: 25
            }
            PathArc {
                x: 150; y: 100
                radiusX: 25; radiusY: 50
            }
            PathArc {
                x: 200; y: 100
                radiusX: 50; radiusY: 100
            }
        }
    }
}

注: Qul::Shapes モジュール・ライブラリもプロジェクトにリンクする必要があります。詳しくは Qt Quick Ultralite Shapes QML Types.


direction : Direction [default]

円弧の方向を定義します。


useLargeArc : bool

円弧点で定義された大きな円弧を使用するかどうか。

固定された開始位置と終了位置、半径、および方向が与えられた場合、データに適合する円弧は2つの可能性があります。useLargeArcはこれらを区別するために使用されます。例えば、以下のQMLでは、useLargeArcの値を変更することで、図示した2つの円弧のどちらかを生成することができます。

import QtQuick
import QtQuick.Shapes
Rectangle {
    width: 350
    height: 350
    Repeater {
        id: repeater
        model: 2
        Shape {
            ShapePath {
                startX: 0; startY: 100
                strokeColor: index === 0 ? "brown" : "skyblue"
                PathArc {
                    x: 100; y: 200
                    radiusX: 100; radiusY: 100
                    useLargeArc: index === 0 ? true : false
                    direction: PathArc.Clockwise
                }
            }
        }
    }
}

デフォルト値はfalseです。

注: Qul::Shapes モジュール・ライブラリもプロジェクトにリンクする必要があります。詳しくは Qt Quick Ultralite Shapes QML Types.


xAxisRotation : real

円弧の回転を度単位で定義します。デフォルト値は 0 です。

円弧は円または楕円の断面です。半径と始点と終点が与えられると、その点を結ぶ2つの楕円が存在する。このプロパティは、これらの楕円のX軸の回転を定義します。

注意: この値は、x と y の半径が異なる場合、つまり円弧が楕円の断面である場合にのみ有効です。


特定の Qt ライセンスの下で利用可能です。
詳細はこちら。