Web Analytics

OKLCHGradient

⭐ 100 stars Japanese by fwrs

SwiftUIのためのOKLCHグラデーション

これはSwiftUIの組み込みのLinearGradientRadialGradientEllipticalGradient、およびAngularGradientシェイプスタイルの代替品で、OKLCHカラーブレンディングを利用してより視覚的に魅力的なグラデーションを作成します。

iOS 17のShader APIを使用して実装されています。これはプライベートAPIに依存せずにカスタムレンダリングでシェイプスタイルを書く唯一の方法と思われるためです。

SPMを使ってインストールしてください:

dependencies: [
    .package(url: "https://github.com/fwrs/OKLCHGradient.git", .upToNextMajor(from: "1.0.9"))
]

使用するには、グラデーション構造体名の先頭に OKLCH を付けてください:

// change

Rectangle() .background(LinearGradient( colors: [.blue, .yellow], startPoint: .leading, endPoint: .trailing ))

// to

import OKLCHGradient

Rectangle() .background(OKLCHLinearGradient( colors: [.blue, .yellow], startPoint: .leading, endPoint: .trailing ))

そして違いをお楽しみください:

通常のSwiftUIグラデーションとOKLCHグラデーションを比較したスクリーンショット。通常のグラデーションは青と黄色の間にグレーの色を使っていますが、OKLCHは標準のカラーホイール上で青と黄色の間に位置する緑色を使っています。

[!注意]
現時点では、AnyGradient構造体をOKLCHグラデーションに渡すことはできません。なぜなら、公開APIを使用してAnyGradientからカラーストップを読み取る方法がないためです。この機能はAppleの組み込みグラデーションに限定されています。

--- Tranlated By Open Ai Tx | Last indexed: 2026-01-10 ---