Hatena::ブログ(Diary)

hishidaのblog このページをアンテナに追加 RSSフィード

プロフィール

hishida

hishida

EB series support page 管理人 ブログ

2018-01-07

[][] iPhone X の解像度の問題

「EBPocket が iPhone Xに対応していない」というご意見を頂いたので、Xcode 9 のエミュレータで確認したところ、横画面のときに検索一致リストと本文の横幅がイビツになっていることがわかった。次のスクリーンショットのように、本文の方が幅が狭くなっている。本当は横位置の時は本文の幅を広く取りたい。

f:id:hishida:20180107233012p:image

これはiPhone X だけアスペクトレシオが2:1と縦長であることが原因だ。

デバイス画面サイズ画面解像度アスペクト比
iPhone X5.8 inch2436 x 11252:1
iPhone 8 Plus/ 7 Plus/ 6s Plus/ 6 Plus/ 5.5 inch1920 x 108016:9
iPhone 8 / 7 /6s / 64.7 inch1334 x 75016:9
iPhone5/5S/5c/SE4.0 inch1136 x 64016:9
iPhone4/4S3.5 inch960 x 6403:2
iPhone3G/3GS3.5 inch480 x 3203:2

これまでは短辺側の幅が必ず本文の幅だったが、iPhoneXだと横位置の時は、検索一致リスト側を短辺の幅にしないといけない。修正後はこんな感じ。

f:id:hishida:20180107233006p:image

エミュレータでしか検証していないので不安だが、とりあえず修正版を提出してみた。

P.S.

当方の開発環境は未だにOS X El CapitanおよびXcode8だが、どうやらXcode8でビルドして提出すると、iPhone X の全画面にならず、上下に黒い領域が表示されるらしい。Xcode9 はmacOS Sierra以上の対応なので、Xcode9 で本番用のプログラムビルドして提出するには、メインのMacbook promacOS Sierraか High Sierraアップデートし、Xcode9をインストールしなければならない。環境を完全にバックアップする必要もあるので、たぶん1日がかりの仕事になる。対応にはまだしばらく時間がかかる模様。