2017-10-27 23 views
0

iPhone Xを横向きにして熟考します。iPhone Xを念頭に置いて設計するとき、対称的な安全領域を避ける

安全領域が対称であるように見えるため、ノッチがどちら側にあるかに関係なく、安全領域のインセットは右側と同じように大きくなります。

ノッチがオンになっていない側の画面の端までさらに安全領域を伸ばしたいとします。誰でもそれには良いアプローチがありますか?私は、自動レイアウトで動作するものがほしいと思っています。

enter image description here

ここノッチは左側にあります。反対側の余白は小さくしたいと思っています。なぜなら、より多くのコンテンツを表示できるように感じるからです。

答えて

0

それがこれを行うことは可能ですが、Appleはあなたが彼らの​​でそれをしないことを助言:クリッピングを防止する

挿入図本質的な内容。一般に、のコンテンツ は、中心に配置され、対称的にが挿入されているので、 の向きで大きく見え、コーナーやデバイスのセンサー の筐体では切り取られず、ホーム画面にアクセスするためのインジケータで隠されます。 最良の結果を得るには、標準のシステム提供のインターフェイス要素と 自動レイアウトを使用してインターフェイスを構築します。すべてのアプリは、 の安全領域とUIKitで定義されたレイアウトマージンに準拠する必要があります。 はデバイスとコンテキストに基づいて適切なインセットを行います。セーフエリア は、コンテンツがステータスバー、ナビゲーション バー、ツールバー、およびタブバーにアンダーラップしないようにします。

私は完全に余分なスペースを使いたいと思っています。

HIGのこの部分を理解しようとしているので、このようにしてみましょう。風景を見ているゲームがある場合、コントロールは対称である必要があります。したがって、ユーザーがゲームを持っているかどうかはlandscapeLeftまたはlandscapeRightの場合、ボタンは同じ量だけ挿入されます。コントロールを非対称的に実装すると、ユーザーの筋肉のメモリは、ある向きと別の向きで一致しません。

Mike Stern(Appleのデザインエバンジェリスト)は、この概念をWWDCのビデオ(2017年秋のタイトル"Designing for iPhone X")で聞くことができます。 (このリンクには、マイクが風景の対称性を詳しく説明するタイムスタンプがあります)

+0

ありがとうございました。私はそのビデオを見ました。ほとんどの人が同意すると確信しているユースケースがあります。多分。とにかく私たちのランドスケープアプリでチャットしています - チャットは上から下に向かって走っているテーブルビューで、画面の右側につながっています。スペースは限られているので、今まではチャットテキストを画面の右端までずっと走らせてから次の行に折り返しました。これをiPhone Xでよく見えるようにするには、テーブルビューの[セーフエリアへの挿入]をオフにする必要があります。景観の右側でうまく動作しますが、ノッチが右側に来る左の風景では、ノッチが表示されます。 – Jonny

+0

はもちろん、テーブルビューの行を実行します。それで、 "Insets To Safe Area"をチェックする必要があります。しかし、景観の権利はひどく詰まっており、私たちのレイアウトには大きなスペースがあります。私たちのデザインを枝分かれさせたくないのであれば、この場合は非対称の自動レイアウト、あるいは何かが良いと思います。私はiPhone Xを大嫌いだが、うん: - P – Jonny

関連する問題