スポンサーリンク

[SwiftUI]アプリの背景や文字に使える色を追加する方法

スポンサーリンク

Xcodeでは、アプリの中で使用する色を追加することができます。
BlueやOrangeなど、いくつかの色は追加しなくても使用できますが、背景や文字の色などに、もっとおしゃれな色も使いたいな、という時は、Assetsに登録するだけで使えるようにできます。

開発環境バージョン
Xcode13.2.1
macOSMonterey12.1
スポンサーリンク

使いたい色の番号を調べる

まずは色を探して決める必要があります。

色が見つかるおすすめフリーサイト

フリーサイトで色を見つけて、RGB(赤・緑・青)の番号を調べましょう。

色のトーンや明るさなどの組み合わせも選びやすく掲載してくれていて、大変ありがたい色見本サイトさんです。

色をAssetsに登録する

通常モードとダークモード用にセットすると、ダークモード対応アプリも簡単に作ることができます。

  1. Assets.xcassetsを開く
  2. 左下の「+」をクリック
  3. 「ColorSet」を選択
  4. 追加されたカラーAssetsの名前を好きな名前に変える
  5. 左が通常モード、右がダークモードのカラーを登録できる
  6. 5を選択した状態で、右の設定アイコンを選択
  7. 「Color」欄でRGBを選択し、「Red」「Green」「Blue」にそれぞれ調べた3桁の数字を入力して色を設定する

使いたい場所で登録した色名を指定する

あとは背景やパーツなどの色を指定する際に、登録したAssetsの色名を指定するだけです。
とても簡単に使える色を増やすことができました。
ダークモードにも簡単に対応できるのでとても便利です。

タイトルとURLをコピーしました