iOS 3DTouch

1. 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更加簡潔大方,交互性也更強。

2. 3D Touch的三大模塊

在我們的app中使用3D Touch功能,主要分為以下三個模塊:

1、Home Screen Quick Actions

通過主屏幕的應用Icon,我們可以用3D Touch呼出一個菜單,進行快速定位應用功能模塊相關功能的開發。如上面的日歷。

2、peek and pop

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

(1)提示用戶這里有3D Touch的交互,會使交互控件周圍模糊


(2)繼續深按,會出現預覽視圖


(3)通過視圖上的交互控件進行進一步交互


這個模塊的設計可以在網址連接上進行網頁的預覽交互。

3.Force Properties

iOS9為我們提供了一個新的交互參數:力度。我們可以檢測某一交互的力度值,來做相應的交互處理。例如,我們可以通過力度來控制快進的快慢,音量增加的快慢等。

靜態3Dtouch 在info.plist中配置


必填項(下面兩個鍵值是必須設置的):

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

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

選填項(下面這些鍵值不是必須設置的):

UIApplicationShortcutItemSubtitle 設置標簽的副標題

UIApplicationShortcutItemIconType 設置標簽Icon類型

UIApplicationShortcutItemIconFile? 設置標簽的Icon文件

② 動態在 appdelegate 中實現

動態標簽是我們在程序中,通過代碼添加的,與之相關的類,主要有三個:

UIApplicationShortcutItem 創建3DTouch標簽的類

UIMutableApplicationShortcutItem 創建可變的3DTouch標簽的類

UIApplicationShortcutIcon 創建標簽中圖片Icon的類

因為這些類是iOS9中新增加的類,所以其api的復雜程度并不大,下面我們來對其中方法與屬性進行簡要講解:

@interface UIApplicationShortcutItem : NSObject

//下面是兩個初始化方法 通過設置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> *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> *userInfo;

@end

//這個類創建標簽中的icon

@interface UIApplicationShortcutIcon : NSObject

//創建系統風格的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];

}

也可以在appdelegate 中寫

UIApplicationShortcutIcon *icon1 = [UIApplicationShortcutIcon iconWithTemplateImageName:@"iCon1"];

UIApplicationShortcutIcon *icon2 = [UIApplicationShortcutIcon iconWithTemplateImageName:@"iCon2"];

UIApplicationShortcutIcon *icon3 = [UIApplicationShortcutIcon iconWithTemplateImageName:@"iCon3"];

// create several (dynamic) shortcut items

UIMutableApplicationShortcutItem

*item1 = [[UIMutableApplicationShortcutItem

alloc]initWithType:@"com.test.dynamic" localizedTitle:@"Dynamic

Shortcut" localizedSubtitle:@"available after first launch" icon:icon1

userInfo:nil];

UIMutableApplicationShortcutItem

*item2 = [[UIMutableApplicationShortcutItem

alloc]initWithType:@"com.test.deep1" localizedTitle:@"Deep Link 1"

localizedSubtitle:@"Launch Nav Controller" icon:icon2 userInfo:nil];

UIMutableApplicationShortcutItem

*item3 = [[UIMutableApplicationShortcutItem

alloc]initWithType:@"com.test.deep2" localizedTitle:@"Deep Link 2"

localizedSubtitle:@"Launch 2nd Level" icon:icon3 userInfo:nil];

// add all items to an array

NSArray *items = @[item1, item2, item3];

// add this array to the potentially existing static UIApplicationShortcutItems

NSArray *existingItems = [UIApplication sharedApplication].shortcutItems;

NSArray *updatedItems = [existingItems arrayByAddingObjectsFromArray:items];

[UIApplication sharedApplication].shortcutItems = updatedItems;

- (void)application:(UIApplication *)application

performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem

completionHandler:(void (^)(BOOL))completionHandler

在控制器中pop peek

首先控制器該繼承UIViewControllerPreviewingDelegate應該判斷該控制器當前是否實現了3dtouch手勢 如果實現的話最好禁用長按手勢 (如果你的添加了該手勢的話)

if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {

[self registerForPreviewingWithDelegate:(id)self sourceView:self.view];

NSLog(@"3D Touch is available! Hurra!");

// no need for our alternative anymore

self.longPress.enabled = NO;

} else {

NSLog(@"3D Touch is not available on this device. Sniff!");

// handle a 3D Touch alternative (long gesture recognizer)

self.longPress.enabled = YES;

}

點擊進入預覽模式: 實現該協議方法

- (UIViewController *)previewingContext:(id)previewingContext viewControllerForLocation:(CGPoint)location

繼續按壓進入:實現該協議

- (void)previewingContext:(id)previewingContext commitViewController:(UIViewController *)viewControllerToCommit

預覽模式上拉實現 :

我們預覽模式下上拉 出現一個視圖? 該視圖類 apple提供了 UIPreviewAction 該類來實現,調用

UIPreviewAction *action1 = [UIPreviewAction actionWithTitle:@"Action 1" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {

NSLog(@"Action 1 triggered");

}];

回調中實現你要操作的行為

這個方法在 - (NSArray> *)previewActionItems? 中返回action 的數組

有趣的是 如果我們對action 繼續包裝一個數組 還是可以的

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,517評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,087評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,521評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,493評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,207評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,603評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,624評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,813評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,364評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,110評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,305評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,874評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,532評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,953評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,209評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,033評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,268評論 2 375

推薦閱讀更多精彩內容