F2.12.2no tappables in the home-indicator band设计

底部指示条区域不可放置可点元素

别名: Home Indicator · 底部手势条 · safe area bottom

概念解释

全面屏底部那条指示条所在的带,系统用来上滑回主屏。把「同意并继续」贴在距物理底边 8 px 的地方,点按会和系统手势抢,或被当成回桌面。轮播的页码点放在这带里,同样点不准。这不是看不看得见——按钮可以画得完整——而是点不到、或点了会触发系统

固定底栏和系统手势冲突,是位置族里另一条。这里覆盖任何可点对象:滚动列表的最后一颗按钮、全宽 CTA、页码点,只要落进指示条带,布局就要把它们抬进安全区。

机制

底部大约三十多点(机型不同)是系统手势竞技场,操作系统优先。命中测试和手势识别会把上滑吃掉,短点有时能点到你的按钮,长按或带一点位移就回家。拇指还常停在这带休息,误触率本来就高。

安全区底部 inset 就是把可点布局的地板抬到这条带之上。内容仍可以滚过这带(列表最后一项滚上来),但停稳时的可点目标不能停在带里。

边界

只显示不可点的品牌色、或一条装饰性页脚,可以进这带。游戏用虚拟摇杆占底边,是在和系统手势硬抢,必须按平台的独占全屏规则来,不能当普通 App 的布局惯例。有实体 Home 键的老机没有这条带,底部 inset 接近 0,同一套绝对像素在新机上会翻车——所以要读 inset,不要写死 34。

横屏时指示条仍在短边的「底」,可点目标的禁区跟着转。

怎么落地

  • 主按钮、标签栏、页码点、列表里的操作,底部贴齐安全区 inset,而不是贴齐屏幕底。
  • 滚动内容可以进入该带,但以其为终点的吸附位置(分页、吸底 CTA)要把目标抬出该带。
  • 验证:用色块画出底部 inset。任何可点热区与色块相交即失败。真机上对那个按钮连点十次:记下被系统手势抢走的次数。大于零就把按钮上移,直到十次都进应用。再检查横屏,禁区换了边。

延伸

  • 同组F2.12.1 刘海与圆角会裁切角落内容 · F2.12.3 背景应延伸至安全区外,内容不应
  • 相邻F1.12 固定元素与安全区 · F1.04 拇指热区与关键操作落位 · F2.13 横竖屏适配
  • 站内检索home indicator · safe-area-inset-bottom · system gesture · bottom inset

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F2.12.2