LinearGradient QML Type

線形グラデーションを描画します。詳細...

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

プロパティ

• cached : bool
• end : variant
• gradient : Gradient
• source : variant
• start : variant

詳細説明

グラデーションは、シームレスにブレンドされた2色以上の色で定義されます。色は指定された始点から始まり、指定された終点で終わります。

適用例

次の例は、効果を適用する方法を示しています。

import QtQuick
import Qt5Compat.GraphicalEffects

Item {
    width: 300
    height: 300

    LinearGradient {
        anchors.fill: parent
        start: Qt.point(0, 0)
        end: Qt.point(0, 300)
        gradient: Gradient {
            GradientStop { position: 0.0; color: "white" }
            GradientStop { position: 1.0; color: "black" }
        }
    }
}

プロパティの説明

cached : bool

このプロパティは、レンダリングのパフォーマンスを向上させるために、エフェクトの出力ピクセルをキャッシュできるようにします。

ソースまたはエフェクトのプロパティが変更されるたびに、キャッシュ内のピクセルを更新する必要があります。エフェクト出力を保存するために余分なメモリバッファが必要になるため、メモリ消費量が増加します。

ソースまたはエフェクトプロパティがアニメーションするときは、キャッシュを無効にすることをお勧めします。

デフォルトでは、このプロパティはfalse に設定されています。

end : variant

このプロパティは、グラデーション位置が1.0の色がレンダリングされる終了点を定義します。より小さい位置の色は、開始点に向かって直線的にレンダリングされます。ポイントはピクセル単位で指定され、デフォルト値は Qt.point(0, height) です。start と end にデフォルト値を設定すると、y 軸の高さいっぱいの線形グラデーションになります。

gradient : Gradient

グラデーションは、シームレスにブレンドされた2つ以上の色によって定義されます。色は、GradientStop の子項目の集合として指定され、各項目はグラデーション上の 0.0 から 1.0 までの位置と色を定義する。各GradientStop の位置は position プロパティで定義され、色は color プロパティで定義されます。

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 {
  GradientStop {
    position: 0.0
    color: "#F0F0F0"
  }
  GradientStop {
    position: 0.5
    color: "#000000"
  }
  GradientStop {
    position: 1.0
    color: "#F0F0F0"
  }
}

Gradient {
  GradientStop {
    position: 0.0
    color: "#00000000"
  }
  GradientStop {
    position: 1.0
    color: "#FF000000"
  }
}

source : variant

このプロパティは、グラデーションで塗りつぶされる項目を定義します。ソースアイテムは中間ピクセルバッファにレンダリングされ、その結果からのアルファ値は、ディスプレイにおけるグラデーションのピクセルの可視性を決定するために使用される。ソースのデフォルト値はundefinedで、この場合エフェクト領域全体がグラデーションで塗りつぶされます。

start : variant

このプロパティは、グラデーション位置0.0の色がレンダリングされる開始点を定義します。より大きな位置の色は、終点に向かって直線的にレンダリングされます。ポイントはピクセル単位で指定し、デフォルト値は Qt.point(0, 0) です。始点とend にデフォルト値を設定すると、y 軸の高さいっぱいの線形グラデーションになります。