3DTouch簡介
3D Touch的觸控技術(shù)，被蘋果稱為新一代多點(diǎn)觸控技術(shù)。其實(shí)，就是此前在Apple Watch上采用的Force Touch，
屏幕可感應(yīng)不同的感壓力度觸控。
3D Touch ，蘋果iPhone 6s的新功能，看起來類似 PC 上的右鍵。有Peek Pop 兩種新手勢。
實(shí)現(xiàn)效果
效果圖.png
其它不多講,直接上效果
效果一:
當(dāng)點(diǎn)擊AppIcon時(shí)彈出以下效果(起個(gè)專業(yè)點(diǎn)的名稱:AppIcon深按彈窗)
效果.png
該效果實(shí)現(xiàn)分為兩步:
第一步:設(shè)置標(biāo)題
靜態(tài)設(shè)置:通過plist文件方式
動(dòng)態(tài)設(shè)置:通過代碼方式.
第二步:監(jiān)聽標(biāo)題點(diǎn)擊
第一步:設(shè)置標(biāo)題
靜態(tài)設(shè)置:通過plist文件配置,配置信息如果
B6F8D76A-2923-435B-BC03-EAB356DB2DEA.png
動(dòng)態(tài)設(shè)置:通過代碼方式.
實(shí)現(xiàn)步驟:
在AppDelegate當(dāng)中書寫
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
//設(shè)置圖標(biāo)長按時(shí),彈出的樣式.
//iconWithType:圖標(biāo)的類型
UIApplicationShortcutIcon *icon0 =
[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeSearch];
//創(chuàng)建第一個(gè)標(biāo)題
UIApplicationShortcutItem *item0 = [[UIApplicationShortcutItem alloc] initWithType:@"tpye0"
localizedTitle:@"標(biāo)題"
localizedSubtitle:@"我是子標(biāo)題"
icon:icon0
userInfo:@{@"info": @"我是要傳入的信息"}];
//創(chuàng)建第二個(gè)標(biāo)題
UIApplicationShortcutItem *item1 = [[UIApplicationShortcutItem alloc] initWithType:@"tpye0"
localizedTitle:@"標(biāo)題2"
localizedSubtitle:@"我是子標(biāo)題"
icon:icon0
userInfo:@{@"info": @"我是要傳入的信息"}];
//設(shè)置shortcutItems
application.shortcutItems = @[item0,item1];
return YES;
}
第二步:監(jiān)聽標(biāo)題點(diǎn)擊(在Appdelegate中監(jiān)聽)
//當(dāng)點(diǎn)擊AppIcon彈窗口,點(diǎn)擊標(biāo)題時(shí)調(diào)用
//shortcutItem點(diǎn)擊的是哪一個(gè)Item
- (void)application:(UIApplication *)application performActionForShortcutItem:(nonnull UIApplicationShortcutItem *)shortcutItem completionHandler:(nonnull void (^)(BOOL))completionHandler
{
//通過判斷標(biāo)題的類型,執(zhí)行相應(yīng)的操作
if ([shortcutItem.type isEqualToString:@"tpye0"]) {
NSLog(@"%@",shortcutItem.userInfo[@"info"]);
} else {
NSLog(@"asdf");
}
}
效果二:Peek和Pop
效果如下:
點(diǎn)擊一行Cell重按彈出以下效果
.png
點(diǎn)擊peek出來的窗口繼續(xù)重按彈出以下效果
.png
使用步驟:
1:給Cell注冊(cè)3DTouch
2:遵守協(xié)議<UIViewControllerPreviewingDelegate>
3:實(shí)現(xiàn)協(xié)議方法
第1步:給Cell注冊(cè)3DTouch
1.1 判斷是否支持3DTouch
1.2 注冊(cè)Cell支持3DTouch,并設(shè)置代理
實(shí)現(xiàn)代碼如下:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
XqHeroCell *cell = [tableView dequeueReusableCellWithIdentifier:@"CellID"];
//判斷是否支持3DTouch
if (self.traitCollection.forceTouchCapability == UIForceTouchCapabilityAvailable) {
//注冊(cè)Cell支持3DTouch,并設(shè)置代理
[self registerForPreviewingWithDelegate:self sourceView:cell];
}
//取出當(dāng)前行模型
XqHeroItem *item = self.dataArray[indexPath.row];
cell.heroItem = item;
return cell;
}
第2步:遵守協(xié)議<UIViewControllerPreviewingDelegate>
@interface XqViewController ()<UITableViewDataSource,UITableViewDelegate,UIViewControllerPreviewingDelegate>
@property (weak, nonatomic) IBOutlet UITableView *tableView;
@property(nonatomic, strong) NSArray *dataArray;
@end
第3步:實(shí)現(xiàn)協(xié)議方法
//當(dāng)中度按壓時(shí)調(diào)用該方法
//previewingContext:可以從該參數(shù)中獲取之前注冊(cè)的View.
- (nullable UIViewController *)previewingContext:(id <UIViewControllerPreviewing>)previewingContext viewControllerForLocation:(CGPoint)location{
//獲取sourceView
XqHeroCell *cell = (XqHeroCell *)[previewingContext sourceView];
//設(shè)置彈出預(yù)覽的位置(peek是從哪個(gè)位置彈出)
[previewingContext setSourceRect:cell.bounds];
//設(shè)置彈框的View.
XqDetailViewController *detailVC = [[XqDetailViewController alloc] init];
//設(shè)置彈出peek的高度(設(shè)置寬度是沒有效果的)
detailVC.preferredContentSize = CGSizeMake(0, 500);
//取出Cell的模型傳遞給詳情控制器.
detailVC.heroItem = cell.heroItem;
//設(shè)置標(biāo)題
detailVC.title = @“高俊";
//在這里想彈一個(gè)帶有導(dǎo)航條的控制器,控制器里面包裝一個(gè)導(dǎo)航條.直接返回導(dǎo)航控制器.那么就會(huì)peek出一個(gè)導(dǎo)航控制器.
return [[XqNavigationController alloc] initWithRootViewController:detailVC];
}
彈出效果如果下:
//彈框出現(xiàn)后,繼續(xù)重按時(shí)調(diào)用
//viewControllerToCommit:就是上面?zhèn)魅氲腦qDetailViewController的控制器.
//commitViewController默認(rèn)是UIViewController,因?yàn)閜eek時(shí)返回的控制器是一個(gè)導(dǎo)航控制器.那么在這里面自己手動(dòng)改成的導(dǎo)航控制器.
- (void)previewingContext:(id <UIViewControllerPreviewing>)previewingContext commitViewController:(UINavigationController *)viewControllerToCommit{
//獲取導(dǎo)航控制器的根控制器.因?yàn)楫?dāng)前已經(jīng)是一個(gè)導(dǎo)航控制器了,不能再繼續(xù)push一個(gè)導(dǎo)航控制器,所以要先獲取peek的導(dǎo)航控制器里面的根控制器.
//然后再拿當(dāng)前的控制器把獲取的控制器push進(jìn)去.
XqDetailViewController *detailVC = viewControllerToCommit.childViewControllers.lastObject;
[self.navigationController pushViewController:detailVC animated:YES];
//使用show和push是一樣的效果
//[self showViewController:viewControllerToCommit sender:self];
}
執(zhí)行效果如下:
相當(dāng)于點(diǎn)擊cell跳轉(zhuǎn)到下一個(gè)控制器.點(diǎn)擊Cell跳轉(zhuǎn)到下一個(gè)控制器代碼如果:
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
//創(chuàng)建控制器
XqDetailViewController *detailVC = [[XqDetailViewController alloc] init];
//獲取當(dāng)前選中的行模型
XqHeroItem *item = self.dataArray[indexPath.row];
//給詳情控制器模型賦值
detailVC.heroItem = item;
//跳轉(zhuǎn)到詳情控制器 [self.navigationController pushViewController:detailVC animated:YES];
}
效果三:彈窗Peek出現(xiàn)后,向上滑動(dòng),會(huì)出現(xiàn)類似ActionSheet的控件.
效果如下:
實(shí)現(xiàn)該效果必須得要是在peek出來的那個(gè)控制器當(dāng)中實(shí)現(xiàn)以下方法,
(我們這里peek出來的是一個(gè)導(dǎo)航控制器,所以必須得要在導(dǎo)航控制器中實(shí)現(xiàn)該方法)
//設(shè)置控制器在彈窗時(shí)候,下面輸出的數(shù)組
-(NSArray<id<UIPreviewActionItem>> *)previewActionItems{
//彈出的第一個(gè)按鈕
UIPreviewAction *action0 = [UIPreviewAction actionWithTitle:@"action0" style:UIPreviewActionStyleDefault handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
NSLog(@"%s, line = %d, action0 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
}];
UIPreviewAction *action1 = [UIPreviewAction actionWithTitle:@"action1" style:UIPreviewActionStyleDestructive handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
NSLog(@"%s, line = %d, action1 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
}];
UIPreviewAction *action2 = [UIPreviewAction actionWithTitle:@"action2" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
NSLog(@"%s, line = %d, action2 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
}];
UIPreviewAction *action3 = [UIPreviewAction actionWithTitle:@"action3" style:UIPreviewActionStyleSelected handler:^(UIPreviewAction * _Nonnull action, UIViewController * _Nonnull previewViewController) {
NSLog(@"%s, line = %d, action2 = %@, previewViewController = %@", __FUNCTION__, __LINE__, action, previewViewController);
}];
//該按鈕可以是一個(gè)組,點(diǎn)擊該組時(shí),跳到組里面的按鈕.
UIPreviewActionGroup *actionGroup = [UIPreviewActionGroup actionGroupWithTitle:@"actionGroup" style:UIPreviewActionStyleSelected actions:@[action2, action3]];
//直接返回?cái)?shù)組.
return @[action0,action1,actionGroup];
}