iOS9系列專題一——3D Touch

新的觸摸體驗——iOS9的3D Touch

1、引言

        在iphone6s問世以後，不少果粉都爭先要體驗3D Touch給用戶帶來的額外維度上的交互，這個設計之因此叫作3D Touch，其原理上是增長了一個壓力的感觸，經過區分輕按和重按來進行不一樣的用戶交互。

2、在模擬器上學習和測試3D Touch

        3D Touch是一個很新穎的設計，但是蘋果文檔有言：

•  

• With Xcode 7.0 you must develop on a device that supports 3D Touch. Simulator in Xcode 7.0 does not support 3D Touch.

 

看到這句話心是否是涼了一半，是的，xcode7是支持3D Touch開發的，但是模擬器並不支持這個手勢，咱們只能在真機上進行學習與測試，可是在IT的世界，歷來都不缺拯救世界的人物，github上有人爲咱們提供了這樣的一個插件，可讓咱們在模擬器上進行3D Touch的效果測試：

git地址：https://github.com/DeskConnect/SBShortcutMenuSimulator。

附.SBShortcutMenuSimulator的安裝和使用

        其實安裝和使用並不須要怎麼介紹，git主頁裏介紹的很清楚，這裏在記錄一遍，其中只有一點須要注意，若是你像我同樣，電腦中裝有Xcode6和Xcode7兩個版本，那個Xcode的編譯路徑，須要作一下修改。

安裝：

在終端中一次運行以下指令：

git clone https://github.com/DeskConnect/SBShortcutMenuSimulator.git
cd SBShortcutMenuSimulator
make

若是電腦中有多個Xcode版本，先作以下操做，若是隻有Xcode7，則能夠跳過

sudo xcode-select -switch /Applications/Xcode2.app/Contents/Developer/

注意：上面命令中，Xcode2.app是你電腦中Xcode的名字，這裏如要特別注意，若是名字中有空格，須要修改一下，把空格去掉，不然會影響命令的執行。

以後在SBShortcutMenuSimulator的目錄中執行以下操做：

xcrun simctl spawn booted launchctl debug system/com.apple.SpringBoard --environment DYLD_INSERT_LIBRARIES=$PWD/SBShortcutMenuSimulator.dylib
xcrun simctl spawn booted launchctl stop com.apple.SpringBoard

若是沒有報錯，咱們能夠經過向指定端口發送消息的方法來在模擬器上模擬3D Touch的效果：

echo 'com.apple.mobilecal' | nc 127.0.0.1 8000

其中，com.apple.mobilecal是應用的Bundle ID ，若是要測試咱們的應用，將其改成咱們應用的BundleID便可，上面的示例應用是系統日曆，能夠看到模擬器的效果以下：

3、3D Touch的主要應用

        文檔給出的應用介紹主要有兩塊：

 

• 1.A user can now press your Home screen icon to immediately access functionality provided by your app.

• 2.Within your app, a user can now press views to see previews of additional content and gain accelerated access to features.

 

        第一部分的應用是咱們能夠經過3D手勢，在主屏幕上的應用Icon處，直接進入應用的響應功能模塊。這個功能就例如咱們上面的日曆示例，會在Icon旁邊出現一個菜單，點擊菜單咱們能夠進入相應的功能單元。

        我我的理解，這個功能，push消息功能加上iOS8推出的擴展today功能，這三個機制使iOS應用變得無比靈活方便，用戶能夠不需付出尋找的時間成原本快速使用本身須要的功能。

        第二部分是對app的一個優化，用戶能夠經過3D Touch手勢在view上來預覽一些預加載信息，這樣的設計可使app更加簡潔大方，交互性也更強。

4、3D Touch的三大模塊

        在咱們的app中使用3D Touch功能，主要分爲如下三個模塊：

一、Home Screen Quick Actions

        經過主屏幕的應用Icon，咱們能夠用3D Touch呼出一個菜單，進行快速定位應用功能模塊相關功能的開發。如上面的日曆。

二、peek and pop

        這個功能是一套全新的用戶交互機制，在使用3D Touch時，ViewController中會有以下三個交互階段：

        （1）提示用戶這裏有3D Touch的交互，會使交互控件周圍模糊

        （2）繼續深按，會出現預覽視圖

        （3）經過視圖上的交互控件進行進一步交互

這個模塊的設計能夠在網址鏈接上進行網頁的預覽交互。

3.Force Properties

        iOS9爲咱們提供了一個新的交互參數:力度。咱們能夠檢測某一交互的力度值，來作相應的交互處理。例如，咱們能夠經過力度來控制快進的快慢，音量增長的快慢等。

5、Home Screen Quick Action使用與相關api詳解

    iOS9爲咱們提供了兩種屏幕標籤，分別是靜態標籤和動態標籤。

一、靜態標籤

    靜態標籤是咱們在項目的配置plist文件中配置的標籤，在用戶安裝程序後就可使用，而且排序會在動態標籤的前面。

咱們先來看靜態標籤的配置：

首先，在info.plist文件中添加以下鍵值（我在測試的時候，系統並無提示，只能手打上去）：

先添加了一個UIApplicationShortcutItems的數組，這個數組中添加的元素就是對應的靜態標籤，在每一個標籤中咱們須要添加一些設置的鍵值：

必填項（下面兩個鍵值是必須設置的）：

UIApplicationShortcutItemType 這個鍵值設置一個快捷通道類型的字符串 

UIApplicationShortcutItemTitle 這個鍵值設置標籤的標題

選填項（下面這些鍵值不是必須設置的）：

UIApplicationShortcutItemSubtitle 設置標籤的副標題

UIApplicationShortcutItemIconType 設置標籤Icon類型

UIApplicationShortcutItemIconFile  設置標籤的Icon文件

UIApplicationShortcutItemUserInfo 設置信息字典(用於傳值)

咱們如上截圖設置後，運行程序，用咱們前面的方法進行測試，效果以下：

二、動態標籤

動態標籤是咱們在程序中，經過代碼添加的，與之相關的類，主要有三個：

UIApplicationShortcutItem 建立3DTouch標籤的類

UIMutableApplicationShortcutItem 建立可變的3DTouch標籤的類

UIApplicationShortcutIcon 建立標籤中圖片Icon的類

由於這些類是iOS9中新增長的類，因此其api的複雜程度並不大，下面咱們來對其中方法與屬性進行簡要講解：

@interface UIApplicationShortcutItem : NSObject <NSCopying, NSMutableCopying>
//下面是兩個初始化方法 經過設置type，title等屬性來建立一個標籤，這裏的icon是UIApplicationShortcutIcon對象，咱們後面再說
- (instancetype)initWithType:(NSString *)type localizedTitle:(NSString *)localizedTitle localizedSubtitle:(nullable NSString *)localizedSubtitle icon:(nullable UIApplicationShortcutIcon *)icon userInfo:(nullable NSDictionary *)userInfo NS_DESIGNATED_INITIALIZER;
- (instancetype)initWithType:(NSString *)type localizedTitle:(NSString *)localizedTitle;
//下面這是一些只讀的屬性，獲取相應的屬性值
@property (nonatomic, copy, readonly) NSString *type;
@property (nonatomic, copy, readonly) NSString *localizedTitle;
@property (nullable, nonatomic, copy, readonly) NSString *localizedSubtitle;
@property (nullable, nonatomic, copy, readonly) UIApplicationShortcutIcon *icon;
@property (nullable, nonatomic, copy, readonly) NSDictionary<NSString *, id <NSSecureCoding>> *userInfo;

//這個類繼承於 UIApplicationShortcutItem，建立的標籤可變
@interface UIMutableApplicationShortcutItem : UIApplicationShortcutItem
@property (nonatomic, copy) NSString *type;
@property (nonatomic, copy) NSString *localizedTitle;
@property (nullable, nonatomic, copy) NSString *localizedSubtitle;
@property (nullable, nonatomic, copy) UIApplicationShortcutIcon *icon;
@property (nullable, nonatomic, copy) NSDictionary<NSString *, id <NSSecureCoding>> *userInfo;

@end

//這個類建立標籤中的icon
@interface UIApplicationShortcutIcon : NSObject <NSCopying>
//建立系統風格的icon
+ (instancetype)iconWithType:(UIApplicationShortcutIconType)type;
//建立自定義的圖片icon
+ (instancetype)iconWithTemplateImageName:(NSString *)templateImageName;
@end

建立好標籤後，將其添加如application的hortcutItems數組中便可，示例以下：

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    //建立
    UIApplicationShortcutItem * item = [[UIApplicationShortcutItem alloc]initWithType:@"two" localizedTitle:@"第二個標籤" localizedSubtitle:@"看我哦" icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypePlay] userInfo:nil];
    添加
    [UIApplication sharedApplication].shortcutItems = @[item];
}

效果以下：

這裏，將系統風格icon的枚舉列舉以下：

typedef NS_ENUM(NSInteger, UIApplicationShortcutIconType) {
    UIApplicationShortcutIconTypeCompose,//編輯的圖標
    UIApplicationShortcutIconTypePlay,//播放圖標
    UIApplicationShortcutIconTypePause,//暫停圖標
    UIApplicationShortcutIconTypeAdd,//添加圖標
    UIApplicationShortcutIconTypeLocation,//定位圖標
    UIApplicationShortcutIconTypeSearch,//搜索圖標
    UIApplicationShortcutIconTypeShare//分享圖標
} NS_ENUM_AVAILABLE_IOS(9_0);

三、響應標籤的行爲

相似推送，當咱們點擊標籤進入應用程序時，也能夠進行一些操做，咱們能夠看到，在applocation中增長了這樣一個方法：

 

- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void(^)(BOOL succeeded))completionHandler NS_AVAILABLE_IOS(9_0);

當咱們經過標籤進入app時，就會在appdelegate中調用這樣一個回調，咱們能夠獲取shortcutItem的信息進行相關邏輯操做。

這裏有一點須要注意：咱們在app的入口函數：

 

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions;

也須要進行一下判斷，在launchOptions中有UIApplicationLaunchOptionsShortcutItemKey這樣一個鍵，經過它，咱們能夠區別是不是從標籤進入的app，若是是則處理結束邏輯後，返回NO，防止處理邏輯被反覆回調。 

幾點注意：

一、快捷標籤最多能夠建立四個，包括靜態的和動態的。

二、每一個標籤的題目和icon最多兩行，多出的會用...省略

6、結語

        關於3DTouch在UIView中的預覽功能和UITouch中新增長的力度屬性的應用，由於很差演示，這裏就再也不總結，你們能夠經過頭文件中相應的類和屬性來了解他們，最後，若有疏漏和錯誤之處，歡迎指正。

 

歡迎轉載 請註明出處

 

專一技術，熱愛生活，交流技術，也作朋友。

——琿少 QQ羣：203317592