iOS 11 适配工作

作者: Pikachuqiu | 来源:发表于2017-06-30 20:21 被阅读4003次

    这是一篇 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 上。通过以下代码控制
    navigationItem.hidesSearchBarWhenScrolling = false 
    
    • UIToolbar, UINavigationBar 支持 Auto Layout

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

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

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

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

    蓝色区域即:UIView.safAreaLayoutGuide

    • UIScrollView 新增 adjustedContentInset
    • UIScrollView 新增 frameLayoutGuidecontentLayoutGuide, 目的是为了降低 ScrollView Auto Layout 的难度
    • UITabelViewCell 的 rowHeight 默认变成 UITableViewAutomaticDimension, 意味着自动算高会更普及了

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

        func tableView(_ tableView: UITableView, leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
            return nil
        }
        
        func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
            let action = UIContextualAction(style: UIContextualAction.Style.destructive, title: "Delete") { (action, view, completionHandler) in
                self.tableView.beginUpdates()
                self.data.remove(at: indexPath.row)
                self.tableView.deleteRows(at: [indexPath], with: UITableViewRowAnimation.left)
                self.tableView.endUpdates()
                completionHandler(true)
            }
            let configuration = UISwipeActionsConfiguration(actions: [action])
            return configuration
        }
    

    相关文章

      网友评论

        本文标题:iOS 11 适配工作

        本文链接:https://www.haomeiwen.com/subject/kcvicxtx.html