【iOS特性】3D Touch主屏交互

最新推荐文章于 2025-05-08 11:41:54 发布
最新推荐文章于 2025-05-08 11:41:54 发布
阅读量122 收藏
点赞数
分类专栏： iOS学习笔记 文章标签： ios 交互 3D Touch
原文链接：https://mp.weixin.qq.com/s/obFf5qab1RD91rG63wjglg?token=1721184981&lang=zh_CN
版权

3D Touch简介

3D Touch 是苹果推出的一项屏幕技术，它通过识别用户按压屏幕的力度，提供更丰富的交互体验。

3D Touch的主要表现形式有三种：

  1. 主屏交互(Home Screen Interaction)：在手机桌面上，用户可以通过用力按压应用图标来快速访问该应用的快捷操作菜单，这种方式可以在应用图标上静态或动态地添加快捷操作。

  2. 预览和跳转(Peek and Pop)：用户在手机屏幕上用力按压想要预览的选项位置，可以弹出一个可以预览二级页面的预览窗口，如果继续用力，就可以直接打开或“Pop”进入该选项。

  3. Live Photo：这是3D Touch技术的延伸，允许用户拍摄带有动态效果的照片。在待机画面上，通过3D Touch可以操作通知，而且可以将动态图片（Live Photo）设置为锁屏壁纸，通过不同力度的按压来预览动态效果。

3D Touch效果预览

在这里插入图片描述

主屏交互(Home Screen Interaction)

注意：

当我们长按手机屏幕上的一些应用图标时，常会看到应用下方弹出的快捷菜单。这些菜单提供了快速入口，让我们能够立即打开应用并跳转到特定的功能页面，这就是 3D Touch 技术中的“主屏交互”功能。

在这里插入图片描述

主屏交互特点：

  • 主屏交互的按钮有指定的模型类 UIApplicationShortcutItem，每个选项都是一个 UIApplicationShortcutItem。
  • 主屏交互有两种配置方式，一种是 静态添加，一种是 动态添加。

1.静态添加

在项目工程的 info.plist 文件中添加 UIApplicationShortcutItems 属性。

在这里插入图片描述

这里配置了5项，长按应用图标实际只展示出来了4项（主屏交互快捷菜单限制4项没问题）

在这里插入图片描述

在 info.plist下 UIApplicationShortcutItems 列表内容

  • UIApplicationShortcutItemType：快捷可选项中按钮的唯一标示，用作判断点击了哪一个快捷按钮（必填）
  • UIApplicationShortcutItemTitle：快捷可选项中按钮名称（必填）
  • UIApplicationShortcutItemSubtitle：快捷可选项的子标题(可选)
  • UIApplicationShortcutItemIconType：快捷可选项的图标(可选)
  • UIApplicationShortcutItemIconFile：快捷可选项的自定义图标名（可选）
  • UIApplicationShortcutItemUserInfo：快捷可选项的附加信息(可选)

2.动态添加

动态添加就是通过生成 shortcutItem 对象数组，添加给 UIApplication 单例对象的 shortcutItems

使用系统icon，代码配置如下：

// 首页
UIApplicationShortcutItem *homeShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.home" localizedTitle:@"首页" localizedSubtitle:nil icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeHome] userInfo:nil]; 
// 我的
UIApplicationShortcutItem *carShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.qiche" localizedTitle:@"车辆" localizedSubtitle:@"" icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeCompose] userInfo:nil];
// 发现
UIApplicationShortcutItem *disShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.faxian" localizedTitle:@"发现" localizedSubtitle:nil icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeSearch] userInfo:nil];
// 我的
UIApplicationShortcutItem *myShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.wode" localizedTitle:@"我的" localizedSubtitle:@"" icon:[UIApplicationShortcutIcon iconWithType:UIApplicationShortcutIconTypeTask] userInfo:nil];
// 赋值给Application的shortcutItems  
[UIApplication sharedApplication].shortcutItems = @[homeShoreItem, carShoreItem, disShoreItem, myShoreItem];

在这里插入图片描述

使用自定义icon，代码配置如下：

// 首页
UIApplicationShortcutItem *homeShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.home" localizedTitle:@"首页" localizedSubtitle:nil icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_shouye_normal"] userInfo:nil];  
// 我的
UIApplicationShortcutItem *carShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.qiche" localizedTitle:@"车辆" localizedSubtitle:@"" icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_che_normal"] userInfo:nil];
// 发现
UIApplicationShortcutItem *disShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.faxian" localizedTitle:@"发现" localizedSubtitle:nil icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_discover_normal"] userInfo:nil];    
// 我的
UIApplicationShortcutItem *myShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.wode" localizedTitle:@"我的" localizedSubtitle:@"" icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_wode_normal"] userInfo:nil];
// 赋值给Application的shortcutItems  
[UIApplication sharedApplication].shortcutItems = @[homeShoreItem, carShoreItem, disShoreItem, myShoreItem];

在这里插入图片描述

UIApplicationShortcutItem 配置内容

  • type：快捷可选项的特定字符串(必填)
  • localizedTitle：快捷可选项的标题(必填)
  • localizedSubtitle：快捷可选项的子标题(可选)
  • icon：快捷可选项的图标(可选)
  • userInfo：快捷可选项的附加信息(可选)

主屏交互事件处理

注意：

  • 处理主屏交互事件需要实现 AppDelegate 的 **- (void)application: performActionForShortcutItem: completionHandler:**代理方法
  • 如果你项目使用了**SceneDelegate****，那么需要实现- (void)windowScene:performActionForShortcutItem:completionHandler:**代理方法

成功设置好主屏交互的快捷按钮后，剩下要做的就是在APP内监听快捷按钮的点击事件，此时我们就需要用到 UIApplicationShortcutItemType，快捷按钮的唯一标示符。

在 AppDelegate 中实现 -(void)application: performActionForShortcutItem: completionHandler: 代理方法

// AppDelegate.m

#pragma mark - ShortcutItem Click Delegate
- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler {
    //不管APP在后台还是进程被杀死，只要通过主屏快捷操作进来的，都会调用这个方法
    //不管APP在后台还是进程被杀死，只要通过主屏快捷操作进来的，都会调用这个方法
    if ([shortcutItem.type isEqualToString:@"com.touch.home"]) { // 首页
        NSLog(@"首页");
        return;
    }
    if ([shortcutItem.type isEqualToString:@"com.touch.qiche"]) { // 车辆
        NSLog(@"车辆");
        return;
    }
    if ([shortcutItem.type isEqualToString:@"com.touch.faxian"]) { // 发现
        NSLog(@"发现");
        return;
    }
    if ([shortcutItem.type isEqualToString:@"com.touch.wode"]) { // 我的
        NSLog(@"我的");
        return;
    }
}

在 SceneDelegate 中需要实现 **- (void)windowScene: performActionForShortcutItem: completionHandler:**代理方法

    // SceneDelegate.m

    - (void)windowScene:(UIWindowScene *)windowScene performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler {
        //不管APP在后台还是进程被杀死，只要通过主屏快捷操作进来的，都会调用这个方法
        if ([shortcutItem.type isEqualToString:@"com.touch.home"]) { // 首页
            NSLog(@"首页");
            return;
        }
        if ([shortcutItem.type isEqualToString:@"com.touch.qiche"]) { // 车辆
            NSLog(@"车辆");
            return;
        }
        if ([shortcutItem.type isEqualToString:@"com.touch.faxian"]) { // 发现
            NSLog(@"发现");
            return;
        }
        if ([shortcutItem.type isEqualToString:@"com.touch.wode"]) { // 我的
            NSLog(@"我的");
            return;
        }
    }

完整代码

// AppDelegate.m

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    [self createShortcuts];
    
    return YES;
}

#pragma mark - ShortcutItem Click Delegate
- (void)application:(UIApplication *)application performActionForShortcutItem:(UIApplicationShortcutItem *)shortcutItem completionHandler:(void (^)(BOOL))completionHandler {
    //不管APP在后台还是进程被杀死，只要通过主屏快捷操作进来的，都会调用这个方法
    //不管APP在后台还是进程被杀死，只要通过主屏快捷操作进来的，都会调用这个方法
    if ([shortcutItem.type isEqualToString:@"com.touch.home"]) { // 首页
        NSLog(@"首页");
        return;
    }
    if ([shortcutItem.type isEqualToString:@"com.touch.qiche"]) { // 车辆
        NSLog(@"车辆");
        return;
    }
    if ([shortcutItem.type isEqualToString:@"com.touch.faxian"]) { // 发现
        NSLog(@"发现");
        return;
    }
    if ([shortcutItem.type isEqualToString:@"com.touch.wode"]) { // 我的
        NSLog(@"我的");
        return;
    }
}

- (void)createShortcuts {
    if ( @available(ios 9.1, *)) {
        // 首页
        UIApplicationShortcutItem *homeShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.home" localizedTitle:@"首页" localizedSubtitle:nil icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_shouye_normal"] userInfo:nil];
        // 我的
        UIApplicationShortcutItem *carShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.qiche" localizedTitle:@"车辆" localizedSubtitle:@"" icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_che_normal"] userInfo:nil];
        // 发现
        UIApplicationShortcutItem *disShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.faxian" localizedTitle:@"发现" localizedSubtitle:nil icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_discover_normal"] userInfo:nil];
        // 我的
        UIApplicationShortcutItem *myShoreItem = [[UIApplicationShortcutItem alloc] initWithType:@"com.touch.wode" localizedTitle:@"我的" localizedSubtitle:@"" icon:[UIApplicationShortcutIcon iconWithTemplateImageName: @"tab_wode_normal"] userInfo:nil];
        // 赋值给Application的shortcutItems
        [UIApplication sharedApplication].shortcutItems = @[homeShoreItem, carShoreItem, disShoreItem, myShoreItem];
    }
}
@end

友情提示

见原文：【iOS特性】3D Touch主屏交互)

本文同步自微信公众号 “程序员小溪” ，这里只是同步，想看及时消息请移步我的公众号，不定时更新我的学习经验。

iOS 3D Touch超详细入门介绍(附带demo示例代码)
DamonMok的博客
08-30 495
本文主要针对iOS 3D Touch的特性与使用进行详细介绍说明，一步一步带你为你的APP实现3D Touch功能。文末附带GitHub地址，有任何疑问欢迎留言讨论。
swift 长按桌面图标弹出快捷选项
旭日的博客
03-01 1613
UIApplicationShortcutItem：可以看作是3D Touch点击后，弹出菜单每行对应的模型，一行对应一个。主屏交互：就是在手机的桌面页，用力的按压（当然别太用力。按碎了屏幕）应用图标，生成的几个快捷操作按钮的。3D Touch通过屏幕下方的压力感应器来感知不同的压力触控，从而提供预览、操作或关联菜单等功能。动态添加时就是我们可以通过生成shortcutItem对象数组，添加给。在工程的info.plist文件中添加相关的属性。主屏交互的按钮有指定的模型类，，快捷按钮的唯一标示符。
iOS.用3D touch长按图标来实现快捷操作
ForeverMyheart的博客
05-22 3657
自苹果在2015年发布3dtouch功能以来， iPhone 6s之后的机型全都匹配了 3dtouch功能。此功能的发布将手机屏幕的的操作坐标由xy轴扩大至z轴，增加了整整一个维度，这在屏幕时代属于非常伟大的创新。 keep美女邮票镇楼.jpeg 苹果的3dtouch功能主要有3中呈现方式 主屏交互(Home Screen Interaction) 预览和跳转(Peek and Pop) LivePhoto 本文主要讲解一下前两种用法 主屏交互 所谓的主屏交互也就是在手机的桌面页，用..
iOS9 3D Touch入门与实践
lyqfly07的博客
11-19 607
在iOS 9中，新iPhone将第三维度添加到了用户界面。 用户现在可以用力摁下主屏按钮来快捷调出应用提供的功能菜单。 在应用中，用户现在可以用力摁下视图以查看更多内容的预览并且快捷访问一些功能。
3D Touch APIs
风随花落的博客
12-16 369
iOS 9提供了如下3D Touch APIs: Home Screen quick action API，使你可以给应用图标添加快速选项,从而让应用预料和加速其与APP的交互。 UIKit peek and pop API，可让你在应用中为用户提供快速访问更多内容的功能，而无需离开当前上下文环境。使用peek quick actions的API提供的按压功能来替换你应用的
3D Touch入门
风随花落的博客
12-16 491
在iOS 9中，新iPhone将第三维度添加到了用户界面。 用户现在可以用力摁下主屏按钮来快速调出应用提供的功能菜单。 在应用中，用户现在可以用力摁下视图以查看更多内容的预览并且快速访问一些功能。 想查阅示例代码的话,可以下载下面的Xcode工程: ApplicationShortcuts: Using UIApplicationShortc
在iPhone上使用3D Touch
reylen的专栏
04-07 789
本文由CocoaChina译者Creolophus（github主页）翻译自苹果开发者中心原文：Adopting 3D Touch on iPhone重要：这是针对于正在开发中的API或技术的预备文档(预发布版本)。苹果提供这份文档的目的是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化，因此根据本文档的软件开发应当基于最终版本的操作系统和文档进行测试。该文档的新
3D Touch是苹果公司推出的一项基于压力感应的交互技术，主要应用于iPhone手机
BLOG域名:programb.blog.csdn.net
05-03 926
3D Touch是苹果公司于 2015 年推出的一项屏幕交互技术，它通过感知用户按压屏幕的力度，提供更丰富的交互体验。3D Touch 是在 Apple Watch 和 MacBook 的 Force Touch 技术基础上发展而来，增加了对力度和手指面积的感知，能够识别轻压、重压等不同操作。3D Touch 是一项创新的交互技术，通过感知按压力度为用户提供了更丰富的操作体验。它在主屏交互、内容预览和游戏控制等方面表现出色，但因成本和技术复杂性，逐渐被 Haptic Touch 替代。
iOS 3D Touch超详细入门(附带demo示例代码)
iOS_开发
09-18 917
点击上方“iOS开发”，选择“置顶公众号”关键时刻，第一时间送达！一、简介3D Touch是指：通过对屏幕施加不同程度的压力来访问附加功能。应用可以通过显示菜单、展示其他内容和播放动画等形式来表现3D Touch，该功能从6s及其以上机型开始得到支持。3D Touch的主要体现形式有三种：主屏交互(Home Screen Interaction)预览和跳转(Peek and Pop)LivePho
3D Touch
ad4576690的专栏
03-14 133
本文由CocoaChina译者Creolophus（github主页）翻译自苹果开发者中心 原文：Adopting 3D Touch on iPhone 重要：这是针对于正在开发中的API或技术的预备文档(预发布版本)。苹果提供这份文档的目的是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化，因此根据本文档的软件开发应当基于最终版本的操作系统和文档...
ios 3d touch 提纲：1. 主屏交互(Home Screen Interaction)2. 预览和跳转
01-18
在iOS系统中，3D Touch是一项革命性的技术，它为用户带来了更为丰富的触控体验，尤其是在主屏交互和预览跳转方面。本篇将详细阐述这两个关键知识点。 首先，我们来探讨一下“主屏交互(Home Screen Interaction)”。...
3D touch主手
04-02
首先，根据引用[1]，3D Touch有三种主要形式：主屏交互、预览和跳转（Peek and Pop）、以及LivePhoto。这些应该是核心功能点。主屏交互应该是指通过重按应用图标弹出的快捷菜单，比如直接进入某个功能。预览和跳转...
iOS HTTPS 抓包踩坑记：几种方案尝试与替代工具记录
2501_91592143的博客
04-30 859
模拟器能抓不代表真机能抓HTTPS + Pinning 是现在很多 App 的标配，代理类工具逐渐没那么万能了工具没有最好，只有适合自己项目的代理型（如 Charles、Proxyman）用于调试内部测试包非代理型（如 Sniffmaster）用于应对上架版或安全策略更强的场景以上是我这次的一点踩坑记录，希望对同样在调 HTTPS 的开发者有帮助。如果你也有好用的抓包方案或脚本工具，欢迎评论区交流。
前后端分离: vue3+SpringBoot+ElementPlus+Axios+MyBatisPuls
你好, 我在学java的博客
04-28 2158
🌟项目页面🌟技术栈:1.前端技术栈: Vue3+Axios+ElementPlus2.后端技术栈: SpringBoot+MyBatisPlus3.数据库: MySQL4.项目依赖管理: Maven5.分页: MyBatisPlus的分页插件6.切换数据源DruidDataSource7.在LambdaQueryWrapper 引出知识点 lambda方法引用的 类名::实例方法8.前端使用了axios关于request和respones的拦截器, 并且解决了跨域问题。
iOS与HTTPS抓包调试小结
2501_91600889的博客
05-06 630
Charles/Fiddler：老牌稳定，但面对 SSL Pin 或复杂抓包场景无力；Wireshark：适合协议分析，不适合日常应用层调试；Sniffmaster：对开发者特别友好，尤其是做 App、爬虫、接口调试这类工作的人，几乎是即插即用，功能覆盖非常全面。如果你平时需要频繁调试网络请求，特别是对 iOS、HTTPS、双向认证这类需求比较多的，不妨试试第三个，我自己用了大概一周，效率提升真的非常明显。
iOS 模块化开发流程
最新发布
baidu_30087715的博客
05-08 272
通过模块化开发，大型项目可显著降低编译时间（实测降低40%+），同时支持多团队并行开发。建议逐步迁移，优先从基础模块开始拆分，配合严格的接口文档（推荐Swagger或Markdown）管理模块契约。iOS模块化开发是一种将大型项目拆分为独立、可复用模块的开发模式，能够提升代码可维护性、团队协作效率和动态交付能力。持续集成（CI/CD）五、常见问题解决方案。
【iOS】源码阅读(三)——内存对齐原理
2301_80467753的博客
05-07 810
之前学习alloc相关源码，涉及到内存对齐的相关内容，今天笔者详细学习了一下相关内容并写了此篇博客。
初识 iOS 开发中的证书固定
侯仕奇的博客
05-04 580
本文从“为什么要做证书固定”到“核心验证流程”，再到三种主流网络框架（原生、Alamofire、AFNetworking）的实战示例，帮助初学者系统掌握 iOS 证书固定的落地方案。做好 Certificate Pinning，为你的应用网络通信再添一道牢不可破的安全防线。扩展阅读苹果官方文档：Networking and Security → Secure Connections。
iOS启动优化：从原理到实践
画个大饼的博客
05-03 1249
由三个主要部分组成：Header（文件头） Load Commands（加载命令）Data（数据段）iOS启动优化是一个系统工程，需要从多个维度进行考虑和优化。通过理解启动流程、合理使用优化技巧，并持续监控性能，我们可以显著提升应用的启动速度，为用户提供更好的使用体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值