アプリ開発日記 #60 Xamarin.iOSでダークモードに対応する

実際にやったこと

新しいアイコンの作成を行いました。
アイコンは、通常モードとダークモードの2パターン作成しました。

そして、通常モードの時は通常モードのアイコンが、ダークモードの時はダークモードのアイコンが表示できるように設定を行いました。
ちなみに、通常モードおよびダークモードそれぞれでのアイコンの表示は、以下になります。

f:id:b-kimagure:20190928005411p:plain:w150
通常モードの表示
f:id:b-kimagure:20190928005414p:plain:w150
ダークモードの表示

なお、スプラッシュ画面へ表示させたアイコンは通常モードとダークモードで自動で切り替えられるようになりましたが、ホーム画面のアイコンは通常モードのままでした。
また、背景色については、ダークモードが設定できていないため、ダークモードへの切り替えができていません。

通常モードとダークモードのアイコンの設定

1.資産カタログの下にあるファイルを表示する(資産カタログの下にファイルがない場合は追加する)
f:id:b-kimagure:20190928010844p:plain

2.表示したファイルで"+"ボタンを押下し、表示されたメニューから「イメージセットの追加」を選択する
f:id:b-kimagure:20190928010847p:plain

3.追加されたイメージセットのプロパティーを設定する
《設定するプロパティー
Appearance:Any,Dark,Lightを選択する
バイス :ダークモードに対応したいデバイスを"True"にする
f:id:b-kimagure:20190928010849p:plain

明日以降やりたいこと

ラベルの余白が少なく、あまり見栄えが良くないため、余白を十分に表示できるようにする。
ダークモードへ対応する。
他のデバイスでの表示確認を行う。

などなど。。。

過去に作成したアプリ

①概算家計簿
家計簿を毎日つけれれないあなたのための家計簿アプリです。
f:id:b-kimagure:20190722205238p:plain:w150
Google Play で手に入れよう

②ToDoボタン
忙しくてついつい放置してしまう家事
そんな家事の最後にやった日を記録するアプリです。
f:id:b-kimagure:20190805230012p:plain:w150
Google Play で手に入れよう

③がんばる!!その前に
いつも行き当たりばったりになってしまうあなたに。
何かを始める前に自分の強みや周りの状況を客観視し、どうすればうまくいくかを考えてみませんか。
このアプリは、そんなあなたを助けるためのアプリです。
f:id:b-kimagure:20190902202757p:plain:w150
Google Play で手に入れよう

今読んでる本

「ひとり情シス」虎の巻

「ひとり情シス」虎の巻

「ついやってしまう」体験のつくりかた 人を動かす「直感・驚き・物語」のしくみ

「ついやってしまう」体験のつくりかた 人を動かす「直感・驚き・物語」のしくみ