アプリ開発の逆引き辞典

アプリ開発のTipsをまとめました

SwiftUIで システムで定義されているUIColorの色を使いたい

SwiftUIでは直接UIColorを使うことができません。

実行環境

  • Xcode 11.6
  • iOS 13.6

UIColor to Color

UIColorをSwiftUIのColorに変換するのは簡単です。

let color = Color(UIColor.label)

システムで定義されているUIColorの色を使いたい

Xcode 11.6時点で不便なところといえば、たとえば UIColor.label などシステムで定義されている色を使用することができません。。

import UIKit
import SwiftUI

extension Color {

    static let label: Color = Color(UIColor.label)
    static let secondaryLabel: Color = Color(UIColor.secondaryLabel)
    static let tertiaryLabel: Color = Color(UIColor.tertiaryLabel)
    static let quaternaryLabel: Color = Color(UIColor.quaternaryLabel)
    static let systemFill: Color = Color(UIColor.systemFill)
    static let secondarySystemFill: Color = Color(UIColor.secondarySystemFill)
    static let tertiarySystemFill: Color = Color(UIColor.tertiarySystemFill)
    static let quaternarySystemFill: Color = Color(UIColor.quaternarySystemFill)
    static let systemBackground: Color = Color(UIColor.systemBackground)
    static let secondarySystemBackground: Color = Color(UIColor.secondarySystemBackground)
    static let tertiarySystemBackground: Color = Color(UIColor.tertiarySystemBackground)
    static let systemGroupedBackground: Color = Color(UIColor.systemGroupedBackground)
    static let secondarySystemGroupedBackground: Color = Color(UIColor.secondarySystemGroupedBackground)
    static let tertiarySystemGroupedBackground: Color = Color(UIColor.tertiarySystemGroupedBackground)
    static let systemRed: Color = Color(UIColor.systemRed)
    static let systemBlue: Color = Color(UIColor.systemBlue)
    static let systemPink: Color = Color(UIColor.systemPink)
    static let systemTeal: Color = Color(UIColor.systemTeal)
    static let systemGreen: Color = Color(UIColor.systemGreen)
    static let systemIndigo: Color = Color(UIColor.systemIndigo)
    static let systemOrange: Color = Color(UIColor.systemOrange)
    static let systemPurple: Color = Color(UIColor.systemPurple)
    static let systemYellow: Color = Color(UIColor.systemYellow)
    static let systemGray: Color = Color(UIColor.systemGray)
    static let systemGray2: Color = Color(UIColor.systemGray2)
    static let systemGray3: Color = Color(UIColor.systemGray3)
    static let systemGray4: Color = Color(UIColor.systemGray4)
    static let systemGray5: Color = Color(UIColor.systemGray5)
    static let systemGray6: Color = Color(UIColor.systemGray6)
}