SwiftUIでUIColorを使う

2021年03月09日

SwiftUIでの色の指定は Color を使います

Text("Hello, World!").foregroundColor(Color.blue)
SwiftUIではColorを使って設定する

しかし、例えばAutoLayoutを使っていたプロジェクトにSwiftUIを導入するような場合、 UIColor を使いたい場合があります。

SwiftUIでUIColorを使う

使い方はとてもシンプル Colorの引数でUIColorを渡すだけ

Text("Hello, World!")
    .foregroundColor(Color(UIColor.red))




もちろんUIColorを拡張するような Hue といったライブラリと組み合わせる事も可能です

import SwiftUI
import Hue

struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .foregroundColor(Color(UIColor(hex: "eee")))
            .background(Color(UIColor(hex: "2443e2")))
    }
}



extension を使って自分で色を定義している場合でも使えます

import UIKit
import Hue

extension UIColor {
    static func mainColor() -> UIColor {
        return UIColor(hex: "FD4340")
    }
}

Text("Hello, World!")
    .foregroundColor(Color(UIColor.mainColor()))

おすすめ