📐

填充 Indicator 周围区域

在为全面屏 iPhone 设计 Scrollview 时,由于限制,Scrollview 的 Bottom 是不能设置到整个屏幕的 Bottom 的,只能设置到 Safe Area 的 Bottom,导致最后的效果就像这样

image

解决这个问题有几个方法,其中个人认为最安全的方法就是设置底部图片(假设图片名称为 footer)的 Bottom 和它的 Superview 的 Bottom 的距离。原来我们设置的是 Superview.Bottom = footer.Bottom。这边其实只要设置一个负值就可以。

通过软件测量空白区域高度为 34

image

软件这边推荐 PixelSnap,包含在 Setapp 订阅中,前端、设计必备工具。

image

只需要把这里改成-34即可

image

但与之而来的问题是老 iPhone 的屏幕下,这张图下方 34px 的高度都会被裁掉,所以这个图建议选一个稍高一点的。

image

现在就没问题了