查看: 454|回复: 0

[IOS开发教程] iOS11适配工作及导航栏影藏返回文字的解决方法

发表于 2017-11-29 08:00:04

前言

本文主要介绍了关于iOS11适配及导航栏影藏返回文字的解决方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

一、iOS11适配工作

这是一篇 WWDC Session 204 "Updating Your App for iOS 11" 的总结,里面的内容涉及到了产品、设计以及开发需要了解的内容。

在 "iPad" 以及 "iPhone 的 Landscape" 下, UITabBarItem 图片和文字并排排列了,并且长按 UITabBarItem 会有一个大的 HUD 显示在中间

通过设置 UIBarItem.largeContentSizeImage 可以设置 Tabbar 长按之后显示在中间的图片
(这个功能我在 Beta 2 中没有试出来,只能截取官方的图片)

iOS 11 为我们带来了 "Large Title",效果如下,当 "ScrollView" 向上滑动时,"Large Title" 会跟着改变, 效果如下:

"SearchBar" 被移植到了 "NavigationBar" 上面, 提供两种模式,一种是滚动后隐藏 searchBar(如上图), 另外一种就是保留 searchBar 在 Navigation 上。通过以下代码控制

  1. navigationItem.hidesSearchBarWhenScrolling = false
复制代码

UIToolbar, UINavigationBar 支持 Auto Layout

UIView.layoutMargins 被扩展到了 UIView.directionalLayoutMargins, 支持 Right to Left 语言(和我们关系不大,除非某天我们进军中东的某些国家了)。并且,这两个属性会互相同步

UIViewController 添加 systemMinimumLayoutMargins 属性(说实话,我们布局真的很少用到这个东西,不过可以作为了解)

新增 UIView.safeAreaLayoutGuide,同时废弃 UIViewController.topLayoutGuide 和 UIViewController.bottomLayoutGuide。如果你之前处理过 UINavigationBar 的translucent,你就会发现 topLayoutGuide 的表现只能用差强人意来形容,希望这次新增的 safAreaLayoutGuide 能够彻底改变这个现状

  1. ///safeAreaLayoutGuide 取代 topLayoutGuide 的代码
  2. //subview.topAnchor.constraint(equalTo: self.topLayoutGuide.bottomAnchor).isActive = true
  3. subview.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
复制代码

蓝色区域即:UIView.safAreaLayoutGuide

UIScrollView 新增 adjustedContentInset

UIScrollView 新增 frameLayoutGuide 和 contentLayoutGuide, 目的是为了降低 ScrollView Auto Layout 的难度

UITabelViewCell 的 rowHeight 默认变成 UITableViewAutomaticDimension, 意味着自动算高会更普及了

UITableView 开放了 "Full Swipe", 就像删除邮件的操作一样


  1. func tableView(_ tableView: UITableView, leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
  2. return nil
  3. }
  4. func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
  5. let action = UIContextualAction(style: UIContextualAction.Style.destructive, title: "Delete") { (action, view, completionHandler) in
  6. self.tableView.beginUpdates()
  7. self.data.remove(at: indexPath.row)
  8. self.tableView.deleteRows(at: [indexPath], with: UITableViewRowAnimation.left)
  9. self.tableView.endUpdates()
  10. completionHandler(true)
  11. }
  12. let configuration = UISwipeActionsConfiguration(actions: [action])
  13. return configuration
  14. }
复制代码

二、导航栏影藏返回文字的解决方法

如果要只保留返回按钮的文字,不需要"返回"文字

iOS11之前,在 全局函数执行的地方使用一下代码:

  1. // barBtn.setBackButtonTitlePositionAdjustment( UIOffset(horizontal:0 , vertical: -70), for: .default) //设置取消返回按钮的字体
复制代码

iOS11之后,我的解决办法为,在push的父页面将title设为空

例如:

  1. self.title = ""
  2. self.navigationController?.pushViewController(workDetail, animated: true)
复制代码

这样的话就需要在viewWillAppear方法中每次都设置控制器的title,不然就会导致返回这个页面的时候title不见的。

综合的解决办法,手动添加一个只含返回图标的button,然后在push到目的页面的时候添加。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对程序员之家的支持。



回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条