1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Xcode】背景画像をダークモードに対応させる

Last updated at Posted at 2020-06-07

##背景画像を変更したい!
iOS13からダークモードが搭載されましたね!
今更ですが、背景画像をダークモードと通常モード(ライトモード)で変更させてみました。

##1.まずはImage Viewを配置
Image Viewを配置して、各Contstrainsを設定します。

※ Constrainsは設定しなくても大丈夫ですが、設定しないとSimulator上で背景画像がずれてしまうので、一応設定しましょう!スクリーンショット 2020-06-07 20.52.01.png
スクリーンショット 2020-06-07 21.16.32.png

##2.Assets.xcassetsに背景にしたい画像を追加
Assets.xcassetsに背景にしたい画像を追加します。
今回はAdobe illustratorで作成したvectorイメージ画像を使用しているので、インスペクタのScalesを「Single」にしています。(デフォルトでは「Individual Scales」になっています)
スクリーンショット 2020-06-07 21.28.24.png

##3.【重要】ダークモードに対応させる!
①インスペクタのAppearancesを「Any, Dark」に変更します
②Dark Appearanceにダークモードで使用した画像を追加します
スクリーンショット 2020-06-07 21.34.25.png

※注意事項
青枠部分の「Preserve Vector Data」にチェックを入れると
2020.6.7時点ではXcode上でダークモードにしても、上手く背景画像が切り替わりません。
Stack Overflowなどで調べてみましたが、どうやらバグ?のようです、、、

##4.ダークモード対応完了!
Simulatorでダークモードに対応できていることが確認できます!

  • ライトモード
Simulator Screen Shot - iPhone SE (2nd generation) - 2020-06-07 at 21.43.28.png
  • ダークモード
Simulator Screen Shot - iPhone SE (2nd generation) - 2020-06-07 at 21.43.47.png
1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?