iOS11适配UIToolbar无法点击问题

本文介绍了一个在iOS11中遇到的UIToolbar点击无响应的问题及解决方案。原因是iOS11默认在UIToolbar上添加了_UIToolbarContentView,导致自定义按钮被覆盖而无法响应。解决方法是在添加UIToolbar到视图层级后立即调用layoutIfNeeded方法。

前言

一个简单的浏览器,使用到UIToolbar做底部工具栏,在 iOS11 上就有点击无响应的问题。现在发现苹果一到大系统版本,很多 UIView的实现和生命周期都变化,他们系统不用兼容 iOS10,想怎么改就怎么改,没有顾虑,但是我们作为开发者只能受累。


img_2b151784da0d8962d4f99438603b4994.png
C93266DA-14DD-46E0-9064-F5F5728E67EF.png

iOS 11

原因:Toolbar 在iOS11默认添加有_UIToolbarContentView,_UIToolbarContentView _UIButtonBarStackView覆盖在自定义的按钮上面,导致按钮无响应。

img_5f65eb7332425ecae3a55f14c5863f6c.png
在Toolbar 上有_UIButtonBarStackView.png

img_d52d6b658b252e2b3884798f43d0532d.png
在 Toolbar 上层有_UIToolbarContentView.png

解决

为了解决iOS11(与较低版本兼容)的问题,您只需要在UIToolBar被添加为UI层次结构的子视图之后,调用 layoutIfNeeded方法,UIToolbarContentView会降低到UIToolBar的第一个子视图,然后你就可以将所有的子视图添加到最顶层。

For example in ObjC,

    UIToolbar *toolbar = [UIToolbar new];
    [self addSubview: toolbar];
    [toolbar layoutIfNeeded];

    <here one can add all subviews needed>

在创建成功后,使用layoutIfNeeded方法,让_UIToolbarContentView马上生效,这样在添加子视图就没有问题啦。


img_f5f9035205f90b2d21a29a9195deadd9.png
正常后_UIToolbarContentView.png

总结

iOS11 上的 NavigationBar 好像也有相似的结构变化,每一次新系统,用户无愿意升级,开发者为适配要付出更多,一方面是苹果的改变压力在加大,系统的维护也是一个很大工作;另一方面 App 的界面越来越复杂,如果在搭建时没有设计好 UI 框架,部分依赖系统组件功能,导致受到影响也比较大。

参考阅读


注:本文首发于 iHTCboy's blog,如若转载,请注明来源。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值