ios13アプリdarkmode対応

lina_dicto for ios でダークモードに対応しました。
https://github.com/MichinariNukazawa/lina_dicto_for_ios/commit/533fcddb03f75a2e71d56e708174b0f1e4c8ef9b



ios13.3・xcode11.3にて。

# storyboard

###
基本的にSystem Colorsを使う。xcode11以降で作ったAPPで単純なものなら、それだけで済む。
色をcustomなどにしていなければ自動でダークモードに変化する。
必要ならユーザ色としてColor SetをAssets Catalogに定義できる
それ以外のものはコードでなんとかする。
https://qiita.com/tamappe/items/3bf89a55ab85d0488b8a

### Color Set
 カラーアセットの新規作成
https://dev.classmethod.jp/smartphone/iphone/xcode-9-asset-catalogs-support-named-colors/



### 動作確認 simulatorでのdarkmode
「設定」に実機の「画面表示と明るさ」はないが「デベロッパ」の方にdarkmode設定がある。
https://qiita.com/p_on_ro/items/91e6659fda662fb2aac0

xcodeからもEnvironment Overridesから操作できる。
https://qiita.com/hirothings/items/4834481d170332e173f5



# code
darkmode判定。状態取得。
```
        if self.traitCollection.userInterfaceStyle == .dark {
        }
```

コールバック
```
class ViewController: UIViewController, UISearchBarDelegate{
     
     @IBOutlet weak var searchBar: UISearchBar!
     @IBOutlet weak var textView: UITextView!
     @IBOutlet weak var scrollView: UIScrollView!
+    var prevUserInterfaceStyle = UIUserInterfaceStyle.unspecified
~

    override func viewDidLoad() {
+        prevUserInterfaceStyle = traitCollection.userInterfaceStyle
~

+    override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
+        let userInterfaceStyle = traitCollection.userInterfaceStyle // Either .unspecified, .light, or .dark
+        if(prevUserInterfaceStyle != userInterfaceStyle){
+            // styleで埋め込んだCSSを全て置換するのは大変手間なので諦めて全て消去する。
+            textView.text = "";
+
+        }
+        prevUserInterfaceStyle = userInterfaceStyle
+    }

```

darkmode変化の通知コールバックは traitCollectionDidChange() で取れるのだけれど一工夫必要で、画面回転などと区別する。(再描画するだけなら不要かも。本APPは必要だったのでやった)



アイコンは偶然にもdarkmodeと共通で問題なかった。
TextViewはplaintテキストならsystem色が使えるが、Attributedの場合はコードから制御しないといけない模様。

0 件のコメント:

コメントを投稿

TIGORA(ティゴラ)のトレッキング シューズ

 TIGORA(ティゴラ)の トレッキング シューズを買いました。 メインの靴がアシックスウォーキングで街歩き用なのですが、これまではこれで高尾山などの軽い山も登っていました。 今回、靴底があまりに摩耗したこともあってアシックスウォーキングを買い替えたのですが、ついでに消耗が激...