RadialGradient QML Type

放射状グラデーション。詳細...

• 継承されたメンバーを含むすべてのメンバーの一覧

プロパティ

• centerRadius : real
• centerX : real
• centerY : real
• focalRadius : real
• focalX : real
• focalY : real

詳細な説明

放射状グラデーションは、Shape アイテム内の焦点円と中心円の間で色を補間します。これら2つの円で定義される円錐の外側にある点は、透明になります。

端点の外側では、スプレッドタイプに応じて、グラデーションがパディング、反転、または繰り返し処理されます。

以下は、単純な放射状グラデーションの例です。ここでは、指定された点と、半径によって定義された円上の端点との間で色が補間されます：

fillGradient: RadialGradient {
    centerX: 50; centerY: 50
    centerRadius: 100
    focalX: centerX; focalY: centerY
    GradientStop { position: 0; color: "blue" }
    GradientStop { position: 0.2; color: "green" }
    GradientStop { position: 0.4; color: "red" }
    GradientStop { position: 0.6; color: "yellow" }
    GradientStop { position: 1; color: "cyan" }
}

別の焦点円が指定される拡張ラジアルグラデーションもサポートされています。

「QRadialGradient」も参照してください 。

プロパティのドキュメント

これらのプロパティは、中心と焦点半径を定義します。単純な放射状グラデーションの場合、focalRadius は0 （デフォルト値）に設定する必要があります。

これらのプロパティは、中心と焦点の位置を定義します。単純な放射状グラデーションを指定するには、focalX とfocalY を、それぞれcenterX およびcenterY の値に設定します。