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


型メソッド


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


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


iOS 16.0+ iPadOS 16.0+ Mac Catalyst 16.0 macOS 13.0+

tvOS 16.0 VisionOS 1.0+ WatchOS 9.0+

static func ellipticalGradient(
    _ gradient: AnyGradient,
    center: UnitPoint = .center,
    startRadiusFraction: CGFloat = 0,
    endRadiusFraction: CGFloat = 0.5
) -> some ShapeStyle

static func ellipticalGradient(
    _ gradient: Gradient,
    center: UnitPoint = .center,
    startRadiusFraction: CGFloat = 0,
    endRadiusFraction: CGFloat = 0.5
) -> EllipticalGradient

SelfEllipticalGradient の時利用可能です。





議論


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


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


let gradient = Gradient(colors: [.red, .yellow])

ContentView()
    .background(.ellipticalGradient(gradient))

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





以下も見よ


楕円のグラデーション


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

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


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

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














トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ