元のドキュメント: developer.apple.com/documentation/swiftui/meshgradient


構造体


MeshGradient


配置された色の2次元グリッドによって定義される2次元グラデーション。


iOS 18.0+ iPadOS 18.0+ Mac Catalyst 18.0+ macOS 15.0+

tvOS 18.0+ visionOS 2.0+ watchOS 11.0+

struct MeshGradient





概観


各頂点には、位置、色、および周囲を囲む4つのベジェ制御点(先頭、上端、末尾、下端)があり、これらの制御点は、頂点と隣接する4つの頂点を結ぶ接線を定義します。(メッシュの角や端にある頂点は、隣接する頂点が4つ未満であるため、追加の制御点は無視されます。)制御点は、明示的に指定することも、暗黙的に指定することもできます。


レンダリング時には、ベジェパッチのテッセレーションシーケンスが作成され、頂点の色は各パッチ全体に線形補間されるか、隣接するパッチ間の色の変化から導き出された別の3次曲線セットを介して補間されます。後者の方法では、通常、より滑らかな色の変化が得られます。


MeshGradient(width: 3, height: 3, points: [
    .init(0, 0), .init(0.5, 0), .init(1, 0),
    .init(0, 0.5), .init(0.5, 0.5), .init(1, 0.5),
    .init(0, 1), .init(0.5, 1), .init(1, 1)
], colors: [
    .red, .purple, .indigo,
    .orange, .white, .blue,
    .yellow, .green, .mint
])




トピックス


構造体


struct BezierPoint

グラデーションメッシュ内の 1 つの位置と、それを囲む 4 つのベジェ制御点。


イニシャライザー


init(width: Int, height: Int, bezierPoints: [MeshGradient.BezierPoint], colors: [Color], background: Color, smoothsColors: Bool, colorSpace: Gradient.ColorSpace)

色付きの点の 2 次元グリッドとして指定された新しいグラデーションメッシュを作成し、ベジェ制御点を明示的に指定します。


init(width: Int, height: Int, bezierPoints: [MeshGradient.BezierPoint], resolvedColors: [Color.Resolved], background: Color, smoothsColors: Bool, colorSpace: Gradient.ColorSpace)

既に解決済みの sRGB カラーを使用して、ベジェ制御点を明示的に指定し、色付き点の 2次元 グリッドとして指定された新しいグラデーションメッシュを作成します。


init(width: Int, height: Int, locations: MeshGradient.Locations, colors: MeshGradient.Colors, background: Color, smoothsColors: Bool, colorSpace: Gradient.ColorSpace)

色付きの頂点からなる 2 次元グリッドとして指定された、新しいグラデーションメッシュを作成します。


init(width: Int, height: Int, points: [SIMD2<Float>], colors: [Color], background: Color, smoothsColors: Bool, colorSpace: Gradient.ColorSpace)

色付きの点の 2 次元グリッドとして指定された、新しいグラデーションメッシュを作成します。


init(width: Int, height: Int, points: [SIMD2<Float>], resolvedColors: [Color.Resolved], background: Color, smoothsColors: Bool, colorSpace: Gradient.ColorSpace)

既に解決済みの sRGB カラーを持つ、色付きポイントの 2次元グリッドとして指定された新しいグラデーションメッシュを作成します。



インスタンスプロパティ


var background: Color

背景色。これは、定義された頂点メッシュの外側にあるすべての点を塗りつぶします。


var colorSpace: Gradient.ColorSpace

頂点の色を補間するための色空間。


var colors: MeshGradient.Colors

色の配列。width(幅) × height(高さ) の要素を含めなければいけません。


var height: Int

メッシュの高さ、つまり列あたりの頂点数。


var locations: MeshGradient.Locations

位置の配列。width(幅) × height(高さ) の要素を含めなければいけません。


var smoothsColors: Bool

メッシュ内の色に対して、3次(滑らかな)補間を使用するかどうか(メッシュの形状だけでなく)。


var width: Int

メッシュの幅、つまり 1 行あたりの頂点数。



列挙型


enum Colors

色の配列です。


enum Locations

2次元の位置とその制御点の配列。





関連


以下に準拠


Copyable

Equatable

Escapable

Sendable

SendableMetatype

ShapeStyle

View





以下も見よ


スタイリングコンテンツ


func border<S>(S, width: CGFloat) -> some View

指定されたスタイルと幅で、このビューに境界線を追加します。


func foregroundStyle<S>(S) -> some View

ビューの前面要素に与えられたスタイルを使用するように設定します。


func foregroundStyle<S1, S2>(S1, S2) -> some View

子ビューにおける前景スタイルの第一レベルと第二レベルを設定します。


func foregroundStyle<S1, S2, S3>(S1, S2, S3) -> some View

前景スタイルの第一、第二、および第三レベルを設定します。


func backgroundStyle<S>(S) -> some View

ビュー内の背景をレンダリングするために指定されたスタイルを設定します。


var backgroundStyle: AnyShapeStyle?

設定するとデフォルトのシステム背景スタイルを上書きするオプションのスタイル。


protocol ShapeStyle

図形を描画する際に使用する色またはパターン。


struct AnyShapeStyle

型が消去された ShapeStyle 値。


struct Gradient

それぞれがパラメータ化された位置値を持つカラー停止点の配列として表現されるカラーグラデーション。


struct AnyGradient

色のグラデーション。


struct ShadowStyle

影をレンダリングする際に使用するスタイル。


struct Glass

リキッドガラス材料の構成を定義する構造。














トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ