开始用Swift开发iOS 10 - 25 使用3D Touch

接着上一篇 开始用Swift开发iOS 10 - 24 使用TestFlight进行Beta测试 ,这一篇学习使用3D Touch

自从iPhone 6s和iPhone 6s Plus开始,Apple介绍了一种新的交互方式就是3D Touch。这新的特性需要硬件的支持,是iPhone屏幕不仅能感应到触摸,还能感应到压力。

现在3D Touch主要有三类交互方式:

  • Quick Action :点击应用图标后的快捷操作。👇是例子:


  • Peek(preview) 和 Pop(commit)一般是一起的 :主要应用于app中快速查看详细内容。
    自带的Photos app是很好的例子:

微信公众号也是不错的例子:

Home Screen Quick Action

  • Quick Action分两种:
    • 静态的:在Info.plist中编写,固定不变的。
    • 动态的:在代码中创建和更新。以自带的News app为例:

不同的频道是随着时间而变化的。

  • 静态的Quick Action
    静态的Quick Action只需要在Info.plist中配置UIApplicationShortcutItems数组就可以了,数组的每一项(字典)就是一个Action,每一个Action有6个类型的字段配置:
    • UIApplicationShortcutItemType(必须)
    • UIApplicationShortcutItemTitle(必须)
    • UIApplicationShortcutItemSubtitle(可选)
    • UIApplicationShortcutItemIconType(可选)
    • UIApplicationShortcutItemIconFile(可选)
    • UIApplicationShortcutItemUserInfo(可选)
      如果是下面配置:

结果就是:

  • 动态的Quick Action
    动态的的Quick Action配置只要在AppDelegate.swiftapplication(:didFinishLaunchingWithOptions)中添加如下代码即可:
        let shortcutItem = UIApplicationShortcutItem(type: "com.andyron.NewRestaurant", localizedTitle: "New Restaurant", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(type: .add), userInfo: nil)
        UIApplication.shared.shortcutItems = [shortcutItem]
  • 使用动态的Quick Action配置我的FoodPin应用
    由于我之前使用UIPageViewController创建了开始结束页面,如果在在AppDelegate.swiftapplication(:didFinishLaunchingWithOptions)中添加动态的Quick Action就会出现直接跳过介绍页面的情况,所以要在看完结束也之后再添加Quick Action。
    • 下载图标,拖进Assets.xcassets
    • WalkthroughContentViewControllernextButtonTapped方法的case 2: 里添加3个Action:
      // 1
      if traitCollection.forceTouchCapability == UIForceTouchCapability.available {
          let bundleIdentifier = Bundle.main.bundleIdentifier
          // 2
          let shortcutItem1 = UIApplicationShortcutItem(type: "\(bundleIdentifier).OpenFavorites", localizedTitle: "Show Favorites", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(templateImageName: "favortie-shortcut"), userInfo: nil)
          
          let shortcutItem2 = UIApplicationShortcutItem(type: "\(bundleIdentifier).OpenDiscover", localizedTitle: "Discover restaurants", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(templateImageName: "discover-shortcut"), userInfo: nil)
          
          let shortcutItem3 = UIApplicationShortcutItem(type: "\(bundleIdentifier).NewRestaurant", localizedTitle: "New Restaurant", localizedSubtitle: nil, icon: UIApplicationShortcutIcon(type: .add), userInfo: nil)
          // 3
          UIApplication.shared.shortcutItems = [shortcutItem1, shortcutItem2, shortcutItem3]
      }
      
      • 1 判断设备是否支持3D Touch
      • 2 UIApplicationShortcutIcon可以使用系统的图标,也可以使用外部图标
      • 3 shortcutItems数组顺序对应从靠近图标开始向上或向下显示
  • 实现Quick Action的具体跳转动作
    UIApplicationDelegate协议中的application(_:performActionFor:completionHandler:)方法会在Quick Action被点击后调用。
    • AppDelegate.swift文件中定义一个QuickAction枚举。列举出quick action相关动作。
      enum QuickAction: String {
          case OpenFavorites = "OpenFavorites"
          case OpenDiscover = "OpenDiscover"
          case NewRestaurant = "NewRestaurant"
          
          init?(fullIdentifier: String) {
              guard let shortcutIdentifier = fullIdentifier.components(separatedBy: ".").last else {
                  return nil
              }
              self.init(rawValue: shortcutIdentifier)
          }
      }
    
    • AppDelegate中实现application(_:performActionFor:completionHandler:)方法:
      func application(_ application: UIApplication, performActionFor shortcutItem: UIApplicationShortcutItem, completionHandler: @escaping (Bool) -> Void) {
          
          completionHandler(handleQuickAction(shortcutItem: shortcutItem))
      }
      
      private func handleQuickAction(shortcutItem: UIApplicationShortcutItem) -> Bool {
          let shortcutType = shortcutItem.type
          guard let shortcutIdentifier = QuickAction(fullIdentifier: shortcutType) else {
                  return false
          }
          guard let tabBarController = window?.rootViewController as? UITabBarController else {
                  return false
          }
          switch shortcutIdentifier {
          case .OpenFavorites:
              tabBarController.selectedIndex = 0
          case .OpenDiscover:
              tabBarController.selectedIndex = 1
          case .NewRestaurant:
              if let navController = tabBarController.viewControllers?[0] {
                  let restaurantTableViewController = navController.childViewControllers[0]
                  restaurantTableViewController.performSegue(withIdentifier: "addRestaurant", sender: restaurantTableViewController)
              } else {
                  return false
              }
          }
          return false
      }
    

Peek 和 Pop

  • RestaurantTableViewControllerviewDidLoad方法中添加如下代码。使用UIViewController中的registerForPreviewing方法注册使用peek和pop。

          // 如果3D Touch可以用,就注册本控制器可以peek和pop
          if traitCollection.forceTouchCapability == .available {
              registerForPreviewing(with: self as! UIViewControllerPreviewingDelegate, sourceView: view)
          }
    
  • RestaurantTableViewController符合UIViewControllerPreviewingDelegate协议:

    class RestaurantTableViewController: UITableViewController, NSFetchedResultsControllerDelegate, UISearchResultsUpdating, UIViewControllerPreviewingDelegate {
    
  • 实现UIViewControllerPreviewingDelegate协议的方法:

      // 当按压时调用(peek)
      func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
          // 1
          guard let indexPath = tableView.indexPathForRow(at: location) else {
              return nil
          }
          // 2
          guard let cell = tableView.cellForRow(at: indexPath) else {
              return nil
          }
          // 3
          guard let restaurantDetailViewController = storyboard?.instantiateViewController(withIdentifier: "RestaurantDetailViewController") as? RestaurantDetailViewController else {
              return nil
          }
          
          let selectedRestaurant = restaurants[indexPath.row]
          restaurantDetailViewController.restaurant = selectedRestaurant
          // 4
          restaurantDetailViewController.preferredContentSize = CGSize(width: 0.0, height: 450.0)
          
          previewingContext.sourceRect = cell.frame
          
          return restaurantDetailViewController
      }
      // pop时调用
      func previewingContext(_ previewingContext: UIViewControllerPreviewing, commit
          viewControllerToCommit: UIViewController) {
          show(viewControllerToCommit, sender: self)
      }
    
    • 1 通过按压的位置获得indexPath
    • 2 通过indexPath获得cell
    • 3 通过控制器的Storyboard ID获得控制器,之前如果没有填写Storyboard ID,现在也可填写合适Storyboard ID
    • 4 给peek的预览页面一个高度限制,非必须。

代码

Beginning-iOS-Programming-with-Swift

说明

此文是学习appcode网站出的一本书 《Beginning iOS 10 Programming with Swift》 的一篇记录

系列文章目录

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容