关于iOS中的布局向导(Layout Guide)和安全区域(Safe Area)

本文探讨了iOS中TopLayoutGuide和BottomLayoutGuide的概念,及其在界面布局中的应用。随着iOS11的发布,Apple引入了SafeArea的概念,用于指示界面中不被遮挡的安全区域。文章详细解释了安全区域的特点及其实现方式,并提供了如何根据安全区域建立布局约束的指导。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

iOS在默认情况下,竖屏会显示状态栏,横屏自动隐藏状态栏。而视图控制器的主视图默认位于屏幕顶端,在竖屏时会被顶部状态栏遮挡。如果我们希望不被状态栏遮挡,则需要先判断横竖屏,然后动态显示隐藏状态栏。如果界面中还存在导航栏、分页栏,情况就更复杂一些。总之,自己处理是一件很麻烦的事情。

布局向导

在iOS 7中,苹果引入了Top Layout Guide(顶部布局向导)和Bottom Layout Guide(底部布局向导)的概念,它们是界面中的两个隐藏视图,分别指示当前界面中被顶部条形区域(如状态栏StatusBar、导航栏NavigationBar)和被底部条形区域(如分页栏TabBar)占据的区域。

在这里插入图片描述
topLayoutGuide和bottomLayoutGuide是视图控制器的两个属性(上图中的self是当前的ViewController)。其中顶部布局向导的底部为顶部条形区域的最下方,即:

  • 如果没有状态栏和导航栏,则为屏幕顶端。
  • 如果只有状态栏,则为状态栏下方(20px)。
  • 如果只有导航栏,则为导航栏下方(44px)。
  • 如果同时有状态栏和导航栏,则为导航栏下方(64px)。

同理,底部布局向导的顶部为下方条形区域的最上方。
这两个布局向导会根据界面的情况动态调整其高度。我们就可以参照这两个布局

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值