�ݺ�ߣ

Implementing 3D Touch
in iOS 9 - BTTF Style
Andrew Kozlik

Requirements
❖ iOS 9
❖ Xcode 7
❖ iPhone 6S or 6S Plus
❖ ALWAYS check to make sure force touch is available 
func isForceTouchAvailable() -> Bool {
var isForceTouchAvailable = false;
if (self.traitCollection.respondsToSelector("forceTouchCapability")) {
isForceTouchAvailable = self.traitCollection.forceTouchCapability == UIForceTouchCapability.Available
}
return isForceTouchAvailable
}

Static Shortcuts
❖ Shortcuts are added to Info.plist
❖ Array - UIApplicationShortcutItems
❖ Each item contains keys including:
❖ UIApplicationShortcutItemIconFile
❖ UIApplicationShortcutItemTitle
❖ UIApplicationShortcutItemType
❖ UIApplicationShortcutItemUserInfo

Dynamic Shortcuts
❖ Create an array of UIMutableApplicationShortcutItems
❖ Arguments Include:
❖ type
❖ localizedTitle
❖ localizedSubtitle
❖ icon
❖ userInfo
❖ Set UIApplication singleton shorcutItems property

Code Sample
func loadShortcutItems() {
var shortcutItems = [UIMutableApplicationShortcutItem]()
// Loop through each character and create shortcuts
for character in characters! {
let item = UIMutableApplicationShortcutItem(
type: "com.codefortravel.backtothefuture.character",
localizedTitle: character.characterName!,
localizedSubtitle: "Tap for more details",
icon: nil, // No icon
// icon: UIApplicationShortcutIcon(templateImageName: "flux-
capacitor")
// icon: UIApplicationShortcutIcon(type: .Add),
userInfo: ["characterName" : character.characterName!]
)
shortcutItems.append(item)
}
UIApplication.sharedApplication().shortcutItems = shortcutItems
}

Responding to Shortcuts
❖ Application delegate implements
application:performActionForShortcutItem:
❖ Shortcut type identiﬁes different shortcuts
❖ Properties can be passed through userInfo
❖ Usage examples:
❖ Perform UI updates
❖ Handle deeplinking

performActionForShortcutItem
func application(application: UIApplication, performActionForShortcutItem shortcutItem:
UIApplicationShortcutItem, completionHandler: (Bool) -> Void) {
if (shortcutItem.type == "com.codefortravel.backtothefuture.fluxcapacitor") {
let VC = getRootController() as! ViewController
VC.switchTimeTravelButtonLabel()
} else if (shortcutItem.type == "com.codefortravel.backtothefuture.character") {
let characterName = shortcutItem.userInfo!["characterName"] as? String
let VC = getRootController() as! ViewController
VC.loadDetailForCharacter(characterName!)
}
}
func getRootController() -> UIViewController? {
let navVC = self.window?.rootViewController as? UINavigationController
let VCs = navVC?.viewControllers as [UIViewController]?
if (VCs?.count > 0) {
let VC = VCs![0] as! ViewController
return VC
}
return nil
}

Update UI Code Sample
func switchTimeTravelButtonLabel() {
var message = message1985;
if (buttonTimeTravel?.titleLabel?.text == message1985) {
message = message2015
}
buttonTimeTravel?.setTitle(message, forState: UIControlState.Normal)
}

Deeplink Code Sample
func loadDetailForCharacter(characterName : String) {
let filteredCharacters = characters.filter() {
$0.characterName == characterName
}
if (filteredCharacters.count > 0) {
let character = filteredCharacters[0]
let detailVC = storyboard?.instantiateViewControllerWithIdentifier(
"CharacterDetailViewController") as? CharacterDetailViewController
detailVC?.character = character
self.navigationController?.popToRootViewControllerAnimated(false)
self.showViewController(detailVC!, sender: self)
}
}

Shortcut Limitations
❖ Maximum of four menu items
❖ Your app must support deep linking for view controllers
for maximum value
❖ Shortcuts support up to two lines of text and one icon
❖ Icons must be square, single color, and 35x35 points
❖ User may turn 3D touch off, so monitor for changes to
traitCollections
❖ Always test to ensure 3D touch is available

Testing in Simulator
❖ SBShortcutMenuSimulator
❖ https://github.com/DeskConnect/
SBShortcutMenuSimulator
❖ Adds 3D touch ability to simulator

Implementation Steps
❖ Check that 3D touch is available
❖ Register the presenting VC as a preview delegate
❖ Implement
previewingContext:viewControllerForLocation
❖ Implement previewingContext:commitViewController

previewingContext:viewControllerForLocation
❖ Register view with registerForPreviewingWithDelegate
❖ Pass in view to detect force touch
❖ Method returns CGPoint indicating where in the view 3D
touch was implemented
❖ For UITableViews and UICollectionViews, get the cell
located at that point
❖ Handle any business logic
❖ Instantiate the preview view controller and return

Code Sample
func previewingContext(previewingContext: UIViewControllerPreviewing,
viewControllerForLocation location: CGPoint) -> UIViewController? {
let indexPath = tableView?.indexPathForRowAtPoint(location)
let row = indexPath?.row
let character = characters[row!]
let detailVC =
storyboard?.instantiateViewControllerWithIdentifier("CharacterDetailViewCo
ntroller") as? CharacterDetailViewController
detailVC?.character = character
detailVC?.preferredContentSize = CGSize(width: 0, height: 280)
return detailVC
}

previewingContext:viewControllerToCommit
❖ Executed when user does second 3D touch action
❖ Handle any ﬁnal logic
❖ Call showViewController to display the VC in full
screen
func previewingContext(previewingContext: UIViewControllerPreviewing,
commitViewController viewControllerToCommit: UIViewController) {
showViewController(viewControllerToCommit, sender: self)
}

Parting Words of Advice
❖ Never use 3D touch as a primary interaction mechanism
❖ Use it to add optional functionality
❖ Educate your users that it exists
❖ Measure user engagement to determine best shortcuts
❖ Consider long press to replace 3D touch when
unavailable

Resources
❖ Apple - Getting Started with 3D Touch
❖ Laurenz.io - Peek and Pop Tutorial
❖ the-nerd.be - Another Peek and Pop Tutorial

Outta Time
❖ Andrew Kozlik
❖ @codefortravel
❖ UniKey
❖ https://github.com/akozlik/Back-to-the-Future
❖ Code for Orlando

Credits
❖ Icon made by DKNG - http://modular4kc.com/
2014/07/11/17065/

�ݺ�ߣ

3D Touch Implementation for Shortcuts and Peek/Pop Functionality

Recommended

More Related Content

What's hot (10)

Similar to 3D Touch Implementation for Shortcuts and Peek/Pop Functionality (20)

More from Andrew Kozlik (7)

3D Touch Implementation for Shortcuts and Peek/Pop Functionality