iOS11适配UIToolbar无法点击问题

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

前言

一个简单的浏览器,使用到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,如若转载,请注明来源。

目录
相关文章
|
29天前
|
IDE API Android开发
安卓与iOS开发环境的差异及适配策略
在移动应用开发的广阔舞台上,Android和iOS两大操作系统各据一方,各自拥有独特的开发环境和工具集。本文旨在深入探讨这两个平台在开发环境上的关键差异,并提供有效的适配策略,帮助开发者优化跨平台开发流程。通过比较Android的Java/Kotlin和iOS的Swift/Objective-C语言特性、IDE的选择、以及API和系统服务的访问方式,本文揭示了两个操作系统在开发实践中的主要分歧点,并提出了一套实用的适配方法,以期为移动开发者提供指导和启示。
|
3月前
|
iOS开发
SwiftUI适配iOS16导航控制器引起的闪退
SwiftUI适配iOS16导航控制器引起的闪退
46 0
|
3月前
|
监控 iOS开发
iOS15适配问题:viewForSupplementaryElementOfKind表头和表尾复用闪退,UITableView section header多22像素等问题
iOS15适配问题:viewForSupplementaryElementOfKind表头和表尾复用闪退,UITableView section header多22像素等问题
38 0
|
9月前
|
小程序 开发工具 Android开发
Donut多端框架小程序打包适配ios和安卓app
腾讯新出了一个 Donut 多端框架,可以直接将微信小程序转成 ios 和 安卓 app,小程序开发者工具里也集成了 app 相关升级、调试和打包的功能,终于可以一套代码开发出3个客户端了!
201 0
Donut多端框架小程序打包适配ios和安卓app
|
10月前
|
安全 前端开发 开发工具
iOS12、iOS11、iOS10、iOS9常见适配
iOS12、iOS11、iOS10、iOS9常见适配
194 0
|
11月前
|
小程序 iOS开发
uniapp中IOS端小程序底部黑线适配的方法(整理)
uniapp中IOS端小程序底部黑线适配的方法(整理)
vue--ios手机input点击手机输入键盘顶起页面解决方案
vue--ios手机input点击手机输入键盘顶起页面解决方案
|
开发工具 iOS开发 开发者
iOS 暗黑模式的适配总结
iOS 暗黑模式的适配总结
|
前端开发 JavaScript Android开发
【前端】IOS微信浏览器点击右上角遮罩实现
现在有一个需求,通过公众号或者链接,下载app应用,大家都知道,安卓和ios下载对应的版本都不一样。并且,ios 微信浏览器不支持应用下载,需要实现一个遮罩功能,提示用户通过浏览器下载,效果如下:
188 0
【前端】IOS微信浏览器点击右上角遮罩实现
|
移动开发 JavaScript Android开发
iOS12网页视频播放点击全屏按钮会导致闪退
iOS12网页视频播放点击全屏按钮会导致闪退
281 0