Instance Method インスタンスメソッド

hueRotation(_:)

Applies a hue rotation effect to this view. 色相回転効果をこのビューに適用します。

Declaration 宣言

func hueRotation(_ angle: Angle) -> some View

Return Value 戻り値

A view that applies a hue rotation effect to this view. あるビュー、それはある色相回転効果をこのビューに適用したものです。

Parameters パラメータ

angle

The hue rotation angle to apply to the colors in this view. このビューの中の色に適用する色相回転角度。

Discussion 議論

Use hue rotation effect to shift all of the colors in a view according to the angle you specify. 色相回転効果を使って、あるビューの中の色の全てをずらしてください、あなたが指定する角度に従って。

The example below shows a series of squares filled with a linear gradient. Each square shows the effect of a 36˚ hueRotation (a total of 180˚ across the 5 squares) on the gradient: 下の例は、線形勾配で満たされた一連の正方形を示します。各正方形は、36˚ hueRotationの効果を(5つの正方形にわたって合計180˚)勾配に関して示します。


struct HueRotation: View {
    var body: some View {
        HStack {
            ForEach(0..<6) {
                Rectangle()
                    .fill(.linearGradient(
                        colors: [.blue, .red, .green],
                        startPoint: .top, endPoint: .bottom))
                    .hueRotation((.degrees(Double($0 * 36))))
                    .frame(width: 60, height: 60, alignment: .center)
            }
        }
    }
}

Shows the effect of hueRotation on a linear

See Also 参照

Graphical Effects