iOS 13 ダーク モード用にアプリを設定する方法

Apple は、待望の iOS 13 アップデートを 9 月 19 日に、過去 4 年間 (iPhone 6s に遡る) 内に発売されたすべての iPhone でグローバルにリリースしました。

このアップデートの最大の機能の 1 つは、システム全体の iOS 13 ダーク モードでした。スマートフォンのディスプレイから放出される白色光によって引き起こされる眼精疲労に役立つことが期待されています.

この機能は、Apple デバイスを使用する最終消費者にとっては喜ばしいことですが、iOS 開発者にとっては、iOS 13 ダーク モードに対応したアプリを準備する作業です。

iOS 13 ダーク モード用にアプリを設定する方法

この問題について開発者を支援するために、iOS 13 ダーク モード用に既存の iOS アプリを準備する方法を示す役立つ情報と手順を以下に示します。

• iOS 13 のダークモードの実装は、システム全体のスケールにもかかわらず、それほど難しくありません。
• 最新の iOS 13 SDK のおかげで、既存のアプリで iOS 13 ダークモードを有効にすることも簡単です。

最新バージョンを使用して iOS 13 ダーク モード用のアプリをビルドすると、OS は他のシステム コントロールの中でスイッチ、ボタン、およびテーブル ビューを自動的に更新します。ただし、画像とテキストの色はダーク モードに合わせて自動的に調整されないことに注意してください。

ただし、ダークモードなどのシステム全体の変更が非常に簡単に実装できることは驚くべきことです.節約された時間内に、iOS 13 ダーク モードで完了できるコードの変更が少なくなり、より多くの作業が行われます。

iOS 13 ダーク モードの色を適応させる方法

まず、iOS 13 ダーク モードのシステム カラーの変更から始めましょう:

UIColor に新しいシステム カラーが追加されました。その 1 つがラベル カラーです。これらの新しい色を使用すると、iOS 13 でダーク モードやその他のハイ コントラスト モードをサポートするのに役立ちます。

label.color = UIColor.secondaryLabel

通常、iOS 13 のダーク モードにはシステム カラーを使用する必要があります。システム カラーは、アプリ間の一貫性を維持するためにインターフェイスの変更に自動的に適応します。ただし、開発者は、カスタム カラーを使用してダーク モードを実装することもできます。

iOS 11 で導入されたアセット カタログの色は、色のカスタム セットのダーク バージョンを追加することで、ダーク モードのサポートをより簡単にします。

カタログから好みの色を選択し、属性インスペクターから外観を任意、暗いに変更するだけです。

それでおしまい！これで、モバイル アプリ用のカスタム iOS 13 ダーク モードの準備が整いました。

iOS 13 ダーク モードのトラブルシューティング

アプリが iOS 13 ダーク モードに従っていないとします。あなたは何をしますか？この問題を解決するための簡単な手順を次に示します。

ステップ 1

アプリが更新されているかどうかを知る必要があります。

アプリが iOS 13 ダーク モードで動作しない、またはサポートしていない場合は、Apple Store からアプリを更新してください。

ステップ 2

iOS アプリのダーク モードが有効になっているかどうかを確認します。

そうでない場合は、[設定] - [表示と明るさ] に移動し、[暗い] が有効になっているかどうかを確認してください。

ステップ 3

アプリが完全に更新されているにもかかわらず、iOS 13 ダーク モードで動作しない場合は、アプリ内の設定を確認してください。 画像を見る:

iOS 13 のダーク モードの設定についてさらにサポートが必要な場合は、専任の開発チームから入手してください。そして、それが私があなたを助ける方法です。

また、iOS でのモバイル アプリ開発のヒントもお読みください。このすべての情報がお役に立てば幸いです。

次に何をしなければならないか見てみましょう.

iOS 13 ダーク モードに画像を適応させる

ほとんどの画像は iOS 13 のダーク モードで見栄えがよく、時には詳細を際立たせる方法で飛び出します。ただし、少し見た目が悪い、またはダークモードに適していない画像が見つかる可能性があります.

良いニュースは、テキストを調整するのと同じ方法で、ダーク モードの画像を調整できることです。

カタログで画像を選択し、前に行ったように、属性インスペクターで属性を Any, Dark に変更するだけです。画像の暗い外観を追加したら、完了です。

iOS 13 ダーク モードでのプログラムによる変更の検出

開発者は、iOS 13 ダーク モードの外観の変更をプログラムで実装する必要がある状況に直面する可能性があります。方法は次のとおりです:

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) 
{
    super.traitCollectionDidChange(previousTraitCollection)

    let userInterfaceStyle = traitCollection.userInterfaceStyle // Either .unspecified, .light, or .dark
    // Update your user interface based on the appearance
}

traitCollectionDidChange をオーバーライドすると、外観の変化を検出するのに役立ちます。

あとは、traitCollection.userInterfaceStyle を開くだけです。

また、実装したばかりの新しい方法を既存の外観が使用しているかどうかを確認することもできます:

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)

    let hasUserInterfaceStyleChanged = previousTraitCollection.hasDifferentColorAppearance(comparedTo: traitCollection) // Bool
    // Update your user interface based on the appearance
}

ユーザー インターフェース スタイルのオーバーライド

完全なアプリ

システムは、iOS 13.0 以降の SDK にリンクされたすべてのアプリを、明るい外観と暗い外観の両方に自動的にオプトインします。

アプリのダーク モードのサポートに取り組むために余分な時間が必要な場合、またはアプリを 1 つのスタイルに維持したい場合は、アプリの Info.plist ファイルに UIUserInterfaceStyle キー (Light または Dark の値を持つ) を含めることでオプトアウトできます。 .

このキーを設定すると、システムはユーザーの設定を無視し、常に特定の外観をアプリに適用します。

注: iOS 13 ダーク モードのサポートを強くお勧めします。 UI UserInterfaceStyle キーを使用して、アプリのダーク モード サポートの改善に取り組んでいる間、一時的にのみオプトアウトしてください。

特定の画面

iOS 13 では、特定のビューまたはビュー コントローラーでユーザー インターフェイス スタイルをオーバーライドできるようになりました。たとえば、特定のビュー コントローラーのみを iOS 13 ダーク モードにして、アプリの残りの部分をライト モードにすることができます。

ユーザー インターフェース スタイルをオーバーライドするには、トップ ビューまたはビュー コントローラーでこの変数をオーバーライドするだけで、サブビューに反映されます:

// Inside a UIViewController
override func viewDidLoad() 
{
    super.viewDidLoad()

    // Always adopt a dark interface style.    
    overrideUserInterfaceStyle = .dark
}

結びのメモ

記事を読んでいただきありがとうございます！ここでは、iOS 13 のダーク モード用にアプリをセットアップする方法について説明しました。

iOS 13のダークモードは、スマートフォンならではのストレスフリーな使い方をもたらします。おそらく、ダークモードがデフォルトモードをより白い背景に置き換える未来を見るでしょう.

これらのコーディング ガイドラインとヒントに従うことで、iOS 13 のダーク モード用にアプリを簡単に設定できます。

専門家の助けが必要な場合は、iOS 13 ダーク モード関連のクエリについて、iOS デベロッパーにお気軽にお問い合わせください。

Twitter でフォローしてください その他の更新: https://twitter.com/ValueCoders