元のドキュメント:developer.apple.com/documentation/swiftui/shapestyle/ellipticalgradient(stops:center:start
radiusfraction:endradiusfraction:)


型メソッド


ellipticalGradient(stops:center:start
RadiusFraction:endRadiusFraction:)


カラー停止点のコレクションによって定義される楕円を描画する放射状グラデーション。


iOS 15.0+ iPadOS 15.0+ Mac Catalyst 15.0 macOS 12.0+

tvOS 15.0 VisionOS 1.0+ WatchOS 8.0+

static func ellipticalGradient(
    stops: [Gradient.Stop],
    center: UnitPoint = .center,
    startRadiusFraction: CGFloat = 0,
    endRadiusFraction: CGFloats = 0.5
) -> EllipticalGradient

SelfEllipticalGradient の時利用可能です。





議論


グラデーションは、その座標空間を、中心と半径が定義された単位空間の正方形にマッピングし、その正方形を境界矩形に拡大縮小します。場合によっては、円形のグラデーション自体も拡大縮小され、楕円形の輪郭を持つようになります。


例えば、背景として使用される楕円形のグラデーションは以下のようになります。


.background(.ellipticalGradient(stops: [
    .init(color: .red, location: 0.0),
    .init(color: .yellow, location: 0.9),
    .init(color: .yellow, location: 1.0),
]))

図形スタイルの使用方法については、ShapeStyle を参照してください。





以下も見よ


楕円のグラデーション


static ellipticalGradient(_:center:startRadiusFraction:endRadiusFraction:)

楕円を描く放射状グラデーション。


static func ellipticalGradient(colors: [Color], center: UnitPoint, startRadiusFraction: CGFloat, endRadiusFraction: CGFloat) -> EllipticalGradient

色のコレクションによって定義される楕円を描画する放射状グラデーション。














トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ