私はHuman Interface Guidelines for iPhone Xを読んでおり、特に「安全な領域」(iPhone Xの上のノッチと下のバーの両方を満たす領域)は明記していません。私はこの領域のピクセルの大きさを知りたいと思います。トップノッチとボトムバーの要因となるiPhone Xの「安全領域」(ピクセル単位)とは何ですか?
答えて
現在のウィンドウのセーフエリアのインセットを次のコードで印刷すると、上部と下部のセーフエリアのポイント寸法を取得できます。
if #available(iOS 11.0, *) {
UIApplication.shared.keyWindow?.safeAreaInsets
// ...
}
先頭領域に44点長さで、底面積は34点長さです。
@ 1X =指す @ 2X =点導入* 2 @ 3X =ポイント* 3
Xcodeの9 safe-:
は、デバイスの画面解像度に依存するであろう実際のピクセル寸法を取得しますエリアレイアウトガイドをインターフェイスビルダに表示します。ストーリーボードのファイルインスペクタに移動して、それらを有効にすることができます。 ticking the checkbox labelled "Use Safe Area Layout Guides"そこから、ルートビューに制約を追加するたびに、代わりに安全領域に制約するオプションがあります。 In this photoの場合、オレンジ色のビューは安全領域のエッジに制限され、青色のビューはスーパービューのエッジに制限されます。
- オレンジビューのフレーム:(0.0、44.0、375.0、734.0)
- ブルービューのフレーム:(0.0、0.0、375.0、812.0)
そこから私たちは、44個のピクセルがあったと計算することができます上部の安全領域には34ピクセルが下部領域に使用されました。
44でどのようにピクセルで知っていますか?私がsafeareainsets.topに電話すると、それは私に与えられる88 –
@PabloMartinezあなたはあなたのUIにナビゲーションバーがあるので、88ピクセルを得る理由があります。セーフエリアレイアウトガイドは、ナビゲーションバーやタブバーなどの他のUIエレメントによって妨げられないことが保証されています。詳細は、今年のWWDCから[Interface Builderの自動レイアウトテクニック](https://developer.apple.com/videos/play/wwdc2017/412/)を参照してください。 –
風景モードでも同様の画像がありますか? –
TL; DR:ポートレートで
- トップ:44pt
- 下:34pt
- 左/右:
風景の中に
0pt- トップ:
- 左/右を24pt:44pt
出典:iOSのシミュレータで、この寸法と...練習について20のリソースを掘り下げる:)
- 1. xcode 9のxibの安全領域とは何ですか?
- 2. Ionic iPhone X安全領域が正しく動作しない
- 3. iOS 11 iPhone用安全領域のレイアウトガイド
- 4. iPhone Xの安全領域外の上下の領域に異なる色を設定する方法
- 5. iOS 11 iPhone Xのツールバーが安全な領域を尊重していない
- 6. サブエリアがビューエリアにないときに安全領域がiPhone Xで正常に機能しない
- 7. iPhone Xを念頭に置いて設計するとき、対称的な安全領域を避ける
- 8. 安全で安全なセッション名とは何ですか?
- 9. 安全なセッションシークレットとは何ですか?
- 10. ステータスバーを隠すと安全な領域のインセットが変わりますiOS 11
- 11. iOS 11安全領域対UIViewアニメーション
- 12. 数学領域エラーの原因は何ですか?
- 13. 重要な領域とモニタの重要性と同期メカニズム
- 14. 安全な通信iPhoneとデータベース
- 15. ナビゲーションバーがiPhoneアプリケーションに表示されるときの作業領域とは何ですか?
- 16. GridStackアイテムの高さと幅(ピクセル単位)
- 17. x軸とxティックの間の領域を削除
- 18. 安心して管理領域を実装するためのセキュリティ上のリスクとは何ですか?
- 19. Amazon AWS Lambdaをトラステッド・コンピューティングの安全な領域として使用できますか?
- 20. プリムアルゴリズムで安全なエッジとは何ですか?
- 21. 安全でないHTMLとは何ですか?
- 22. 隣接するメモリ領域のmemcpy()安全性
- 23. geom_lineとx軸の間の領域を陰影付けする
- 24. CSS - 測定と画面解像度の単位:とにかく参照ピクセルは何ですか?
- 25. 閉領域の黒でないピクセルの数を計算する最適なアルゴリズムは何ですか?
- 26. iPhoneの生産コードで一定のx/y座標を使用することは安全ですか
- 27. メモリの安全性の脆弱性とは何ですか?
- 28. RTCのリポジトリ作業領域の必要性は何ですか?
- 29. 異なる領域でVNETの領域を重複することはできますか?
- 30. 要素の位置は、別の位置とピクセルの位置として表現できますか?