構造体


Color


与えられたコンテキストに適応する色の表現。





宣言


@frozen struct Color



概要


以下のいずれかの方法で色を作成できます。


  • Asset Catalog (資材カタログ) から色をロードします:
  • let aqua = Color("aqua") // Looks in your app's main bundle by default.

  • 赤、緑、青;色相、彩度、明るさ;またはホワイトレベルなどのコンポーネント値を指定します:
  • let skyBlue = Color(red: 0.4627, green: 0.8392, blue: 1.0)

    let lemonYellow = Color(hue: 0.1639, saturation: 1, brightness: 1)

    let steelGray = Color(white: 0.4745)

  • UIColorNSColor など別の色からカラーインスタンスを作成します。
  • #if os(iOS)

    let linkColor = Color(uiColor: .link)

    #elseif os(macOS)

    let linkColor = Color(nsColor: .linkColor)

    #endif

  • blackgreenpurple など、事前に定義された色のパレットの 1 つを使用します。

  • 一部のビュー修飾子は、引数として color をとることができます。たとえば、foregroundStyle(_:) は、あなたが提供した色を使用して、テキストや SF Symbols のようなビュー要素の前景の色を設定します。

    Image(systemName: "leaf.fill")

    .foregroundStyle(Color.green)


    SwiftUI は色を View インスタンスとして扱うため、それらをビュー階層に直接追加することもできます。たとえば、上記で定義した色を使用して、太陽の画像の下に長方形を重ねることができます。

    ZStack {

    skyBlue

    Image(systemName: "sun.max.fill")

    .foregroundStyle(lemonYellow)

    }

    .frame(width: 200, height: 100)

    上記の例で囲んでいる ZStack のフレームで定義されているように、ビューとして使用されている色は、与えられたすべてのスペースを埋めるために拡張されます。



    SwiftUI は、与えられた環境で使用する直前にのみ、色を具体的な値に解決します。これにより、システム定義の色、または資産 (アセット) カタログからロードした色のコンテキスト依存の外観が可能になります。たとえば、色には、レンダリング時にシステムが選択する明確な明るいバリエーションと暗いバリエーションを含めることができます。



    トピックス




    アセットから色を作成




    コンポーネント値から色を作成




    別の色から色を作成する




    標準の色を取得




    セマンティックカラーの取得




    色の変更




    Color を描写する




    Color の比較




    標準の修飾子の適用




    廃止されたシンボルと使用頻度の低いシンボル




    デフォルトの実装


    関連




    以下への準拠


    以下も見よ




    色とグラデーションのカスタマイズ




    目次
    Xcode の新機能

  • 利用可能
  • iOS 13.0+
    iPadOS 13.0+
    macOS 10.15+
    Mac Catalyst 13.0+
    tvOS 13.0+
    watchOS 6.0+

    フレームワーク

    SwiftUI


    このページには

  • 宣言
  • 概要
  • トピックス
  • 関連
  • 以下も見よ












  • トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ