LoginSignup
3
6

More than 3 years have passed since last update.

SwiftUIでCustom Colorを定義する

Last updated at Posted at 2020-02-27

はじめに

SwiftUIを使っていて良く使う色を自分で定義したいなーと思ったのでやりました

AssetにColorを設定

Assets.xcassetsを開いて右クリックのメニューからNew Color Setを選択します。
そうすると色のAssetが出来ますので、名前とRGB値を思った感じに設定してあげてください。
Show the Attribute incepectorから設定出来ます。(分からんという人は右ペインにあるタブにあるので、確認してみてください)

設定する際にColor部分のInput Method8-bit Hexadecimalにすると幸せになれると思います。
デフォルトのFloating pointだと0.0-1.0の設定でやりづらいです。

Swift側でAssetを読み込む

extensionを使って作った色を読み込みます。
引数に文字列でAssetに設定した色の名前を与えればOKです。

extension Color {
    static let costomColor = Color("CustomeColor")
}

使う側

他の色と同じように使えます。

Text("Hello World").foregroundColor(Color.fontColor)
3
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
6