元のドキュメント： developer.apple.com/documentation/swiftui/ellipticalgradient/init(stops:center:
startradiusfraction:endradiusfraction:)


イニシャライザー


init(stops:center:startRadiusFraction:end
RadiusFraction:)


カラー停止点のコレクションから楕円のグラデーションを作成します。


iOS 15.0+ iPadOS 15.0+ Mac Catalyst 15.0+

macOS 12.0+ tvOS 15.0+ visionOS 1.0+ watchOS 8.0+

init(
    stops: [Gradient.Stop],
    center: UnitPoint = .center,
    startRadiusFraction: CGFloat = 0,
    endRadiusFraction: CGFloat = 0.5
)

議論


例えば、ビューの最上部の角を中心とした楕円形のグラデーションに、緑色の領域を少し加えると以下のようになります。


EllipticalGradient(
    stops: [
        .init(color: .blue, location: 0.0),
        .init(color: .green, location: 0.9),
        .init(color: .green, location: 1.0),
    ],
    center: .topLeading,
    startRadiusFraction: 0,
    endRadiusFraction: 1)

  • stops: 色とそのパラメーター上の位置。

  • center: 円の中心（座標では [0, 1]）。

  • startRadiusFraction: 開始半径の値は、0 から 1 までの小数で表されます。0 は中心点、1 は単位円の直径を表します。

  • endRadiusFraction: 終端半径の値は、0 から 1 までの小数で表されます。0 は中心点、1 は単位円の直径を表します。



    • 以下も見よ


    楕円のグラデーションを作成する


    init(gradient: Gradient, center: UnitPoint, startRadiusFraction: CGFloat, endRadiusFraction: CGFloat)

    楕円のグラデーションを作成します。


    init(colors: [Color], center: UnitPoint, startRadiusFraction: CGFloat, endRadiusFraction: CGFloat)

    色のコレクションから楕円のグラデーションを作成します。














    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ