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

構造体

MeshGradient

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

概観

各頂点には、位置、色、および周囲を囲む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

Hashable

Sendable

SendableMetatype

以下も見よ

メッセージ

struct Reason

App Store メッセージの理由。

struct DisplayMessageAction

適切な場合に、StoreKit に App Store メッセージを表示するように要求するインスタンス。