轉帖|行業資訊|編輯:龔雪|2015-09-30 11:02:37.000|閱讀 326 次
概述: iOS9新增加的觸摸機制3D Touch,可以帶給用戶輕按重按的不同觸摸體驗。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在iphone6s問世之前,朋友們都已經知道新一代的蘋果會增加一項非常重要的功能—3D Touch,新品發布后很多果粉都爭先要體驗3D Touch給用戶帶來的額外維度上的交互,這個設計之所以叫做3D Touch,其原理上是增加了一個壓力的感觸,通過區分輕按和重按來進行不同的用戶交互,那么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地址:。
其實安裝和使用并不需要怎么介紹,git主頁里介紹的很清楚,這里在記錄一遍,其中只有一點需要注意,如果你像我一樣,電腦中裝有Xcode6和Xcode7兩個版本,那個Xcode的編譯路徑,需要做一下修改。
安裝:
在終端中一次運行如下指令:
git clone //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即可,上面的示例應用是系統日歷,可以看到模擬器的效果如下:
文檔給出的應用介紹主要有兩塊:
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更加簡潔大方,交互性也更強。
在我們的app中使用3D Touch功能,主要分為以下三個模塊:
通過主屏幕的應用Icon,我們可以用3D Touch呼出一個菜單,進行快速定位應用功能模塊相關功能的開發。如上面的日歷。
這個功能是一套全新的用戶交互機制,在使用3D Touch時,ViewController中會有如下三個交互階段:
(1)提示用戶這里有3D Touch的交互,會使交互控件周圍模糊
(2)繼續深按,會出現預覽視圖
(3)通過視圖上的交互控件進行進一步交互
這個模塊的設計可以在網址連接上進行網頁的預覽交互。
iOS9為我們提供了一個新的交互參數:力度。我們可以檢測某一交互的力度值,來做相應的交互處理。例如,我們可以通過力度來控制快進的快慢,音量增加的快慢等。
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
- (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,防止處理邏輯被反復回調。
幾點注意:
1、快捷標簽最多可以創建四個,包括靜態的和動態的。
2、每個標簽的題目和icon最多兩行,多出的會用...省略
關于3DTouch在UIView中的預覽功能和UITouch中新增加的力度屬性的應用,因為不好演示,這里就不再總結,大家可以通過頭文件中相應的類和屬性來了解他們,最后希望大家多多學習,把3DTouch技術運用在自己的作品中去。
本文轉載自開源中國—琿少
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn