3D Touch 簡(jiǎn)單應(yīng)用與分析

1.什么是3D Touch?

3D Touch屬于一種人機(jī)交互的一種方式锈遥,具體點(diǎn)用戶與手機(jī)屏幕的一種交互方式甜攀。在3D Touch出現(xiàn)前看看現(xiàn)有的一些用戶與手機(jī)屏幕的交互方式有哪些饼记?

現(xiàn)有的交互方式:點(diǎn)按新荤,雙擊,長(zhǎng)按小作,捏合亭姥,旋轉(zhuǎn),拖動(dòng)顾稀,輕掃达罗,快速滑動(dòng)

官方介紹:iOS Human Interface GuidelinesBeta Gesture

總結(jié)以上的交互都是在一個(gè)二維的界面上根據(jù)接觸的區(qū)域、時(shí)間静秆、速度粮揉、方向,次數(shù)等維度抚笔,計(jì)算得出一種用戶的手勢(shì)操作

3D Touch是從一個(gè)新的維度出創(chuàng)建一種交互方式

3D Touch是觸摸屏的壓力感應(yīng)功能扶认。是在二維的Multi-Touch觸摸屏基礎(chǔ)上添加了可以對(duì)用戶按壓屏幕的力度大小作出響應(yīng)于反饋的功能。3D Touch不是Apple的一個(gè)使用壓力感應(yīng)的產(chǎn)品殊橙,之前已經(jīng)在MacBook和Apple Watch上使用辐宾,不過(guò)之前的叫Force Touch.Force Touch是3D Touch的雛形。他只可以區(qū)分輕觸和重壓膨蛮。

官方介紹:iOS Human Interface GuidelinesBeta 3D Touch

這里提及一下Android平臺(tái)上的壓力感應(yīng)功能叠纹。華為 128GB Mate S支持Force Touch技術(shù),這是Force Touch 第一次應(yīng)用在手機(jī)(比蘋(píng)果還早鸽疾,蘋(píng)果之前使用在了電腦上)吊洼。Synaptics(新思國(guó)際)提供完整的解決方案Clear Force。

2.3D Touch應(yīng)用場(chǎng)景分析

應(yīng)用外的快速導(dǎo)航

在桌面時(shí)制肮,用力按app icon冒窍,會(huì)彈出一個(gè)快速導(dǎo)航的列表,點(diǎn)擊相應(yīng)的選項(xiàng)會(huì)進(jìn)入相應(yīng)的頁(yè)面

應(yīng)用內(nèi)的預(yù)覽于選擇

某音樂(lè)類(lèi)APP 首頁(yè)點(diǎn)擊一個(gè)歌單豺鼻,會(huì)有這個(gè)歌單的預(yù)覽于一些操作

3.3D Touch Demo

以上講的都是一些感念于效果表現(xiàn)综液,現(xiàn)在是代碼層面的分析。主要是以下四種情況:

Home Screen Quick Actions? (應(yīng)用外的快速導(dǎo)航)

Static quick actions靜態(tài)標(biāo)簽

Static quick actions are available to the userimmediately upon app installation. Define Home screen static quick actions in your app’sInfo.plistfile in theUIApplicationShortcutItemsarray.

就是在info.plist的文件中添加UIApplicationShortcutItems數(shù)組就可以使用了儒飒,具體數(shù)組里面的配置下面會(huì)有說(shuō)明谬莹,還有一點(diǎn)需要強(qiáng)調(diào)的是,使用靜態(tài)標(biāo)簽是程序安裝以后就可以立即使用了桩了。

UIApplicationShortcutItemType(required) 這個(gè)鍵值設(shè)置一個(gè)快捷通道類(lèi)型的字符串

UIApplicationShortcutItemTitle(required) 這個(gè)鍵值設(shè)置標(biāo)簽的標(biāo)題

UIApplicationShortcutItemSubtitle 設(shè)置標(biāo)簽的副標(biāo)題

UIApplicationShortcutItemIconType 設(shè)置標(biāo)簽Icon類(lèi)型

UIApplicationShortcutItemIconFile設(shè)置標(biāo)簽的Icon文件

UIApplicationShortcutItemUserInfo 設(shè)置信息字典(用于傳值)

Dynamic quick actions動(dòng)態(tài)標(biāo)簽

Dynamic quick actions are available to the userafter first launch. Define Home screen dynamic quick actions with theUIApplicationShortcutItem,UIMutableApplicationShortcutItem, andUIApplicationShortcutIconclasses. Add dynamic quick actions to your app’s shared UIApplication object using theshortcutItemsproperty.

動(dòng)態(tài)標(biāo)簽是在程序初始化之后附帽,才可以去配置的,UIApplicationShortcutItem, UIMutableApplicationShortcutItem, and UIApplicationShortcutIcon classes這3個(gè)類(lèi)創(chuàng)建一個(gè)標(biāo)簽井誉,UIApplication的shortcutItems管理整個(gè)app的標(biāo)簽蕉扮。

動(dòng)態(tài)標(biāo)簽需要注意的兩點(diǎn):1.動(dòng)態(tài)的標(biāo)簽修改不了已有的靜態(tài)標(biāo)簽2.動(dòng)態(tài)標(biāo)簽初始化一次以后會(huì)保留在shortcutItems不需要每次都創(chuàng)建

Home Screen Quick Actions?的樣式


標(biāo)簽的個(gè)數(shù)是有限制的,最多4個(gè)

圖標(biāo)在那邊展示是系統(tǒng)根據(jù)當(dāng)前app icon的位置決定的颗圣,會(huì)自動(dòng)調(diào)整喳钟,圖標(biāo)只能使用系統(tǒng)的圖片或者是打包在bundle中的圖片屁使。

Home Screen Quick Actions?的響應(yīng)方法

類(lèi)似推送,當(dāng)我們點(diǎn)擊標(biāo)簽進(jìn)入應(yīng)用程序時(shí)奔则,也可以進(jìn)行一些操作蛮寂,我們可以在AppDelegate中增加了這樣一個(gè)方法,在方法中可以做一些頁(yè)面跳轉(zhuǎn)等需求:

- (void)application:(UIApplication*)application performActionForShortcutItem:(UIApplicationShortcutItem*)shortcutItem completionHandler:(void(^)(BOOL))completionHandler;

UIKit Peek and Pop

To supportpeek and popon 3D Touch-capable devices, the iOS 9 SDK includes:

New methods in theUIViewControllerclass forregisteringandunregisteringa view controller for participation in 3D Touch

New view controller protocols (UIViewControllerPreviewingDelegate) to support 3D Touch

To supportpeek quick actions, the iOS 9 SDK includes:

The newUIPreviewActionandUIPreviewActionGroupclasses

The newUIPreviewActionItemprotocol

增加了一個(gè)protocol UIViewControllerPreviewingDelegate

在UIViewController類(lèi)中增加了注冊(cè)和取消注冊(cè)的Delegate的方法

具體看代碼demo

Web View Peek and Pop

safari瀏覽器易茬,3D Touch一個(gè)鏈接時(shí)

導(dǎo)入WebKit的文件酬蹋,


創(chuàng)建一個(gè)WKWebView對(duì)象,設(shè)置allowsLinkPreview=true

WKWebView和SFSafariViewController#importWKWebView *webView =

[[WKWebView alloc]initWithFrame:self.view.bounds];

[self.view addSubview:webView];

[webView loadRequest:

[NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://www.baidu.com/"]]];

// 需要設(shè)置為true才有預(yù)覽的功能

webView.allowsLinkPreview = true;

safari瀏覽器

Force Properties in UITouch Objects

3D Touch在UITouch類(lèi)中增加了兩個(gè)屬性force?和maximumPossibleForce

The force of the touch, where a value of 1.0 represents the force of an average touch (predetermined by the system, not user-specific). (read-only)

Force反應(yīng)當(dāng)前壓力的大小抽莱,1.0標(biāo)示平均值除嘹。如果使用 Apple Pencil時(shí),還需要計(jì)算altitudeAngle

The maximum possible force for a touch. (read-only)

maximumPossibleForce是Force的最大值

如果你監(jiān)控touchesBegan岸蜗,touchesMoved,touchesEnded這3個(gè)放回就可以拿到UITouch叠蝇,從而回到到這兩個(gè)屬性值璃岳。

使用UITouch中的3D Touch的force屬性實(shí)現(xiàn)的畫(huà)筆效果

自己寫(xiě)的demo,文中的展示的程序也使用了apple文檔中的程序悔捶,以下的鏈接中找到铃慷。

寫(xiě)這篇文章時(shí)引用的資料鏈接

2015年蘋(píng)果秋季新品發(fā)布會(huì)(中文翻譯)

一張圖讓你了解3D Touch與Force Touch區(qū)別

Getting Started with 3D Touch

3D Touch開(kāi)發(fā)初體驗(yàn)(模擬器使用3DTouch)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蜕该,隨后出現(xiàn)的幾起案子犁柜,更是在濱河造成了極大的恐慌,老刑警劉巖堂淡,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件馋缅,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡绢淀,警方通過(guò)查閱死者的電腦和手機(jī)萤悴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)皆的,“玉大人覆履,你說(shuō)我怎么就攤上這事》驯。” “怎么了硝全?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)楞抡。 經(jīng)常有香客問(wèn)我伟众,道長(zhǎng),這世上最難降的妖魔是什么拌倍? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任赂鲤,我火速辦了婚禮噪径,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘数初。我一直安慰自己找爱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布泡孩。 她就那樣靜靜地躺著车摄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪仑鸥。 梳的紋絲不亂的頭發(fā)上吮播,一...
    開(kāi)封第一講書(shū)人閱讀 51,125評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音眼俊,去河邊找鬼意狠。 笑死,一個(gè)胖子當(dāng)著我的面吹牛疮胖,可吹牛的內(nèi)容都是我干的环戈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼澎灸,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼院塞!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起性昭,我...
    開(kāi)封第一講書(shū)人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤拦止,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后糜颠,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體汹族,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年括蝠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鞠抑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡忌警,死狀恐怖搁拙,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情法绵,我是刑警寧澤箕速,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站朋譬,受9級(jí)特大地震影響盐茎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜徙赢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一字柠、第九天 我趴在偏房一處隱蔽的房頂上張望探越。 院中可真熱鬧,春花似錦窑业、人聲如沸钦幔。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)鲤氢。三九已至,卻和暖如春西潘,著一層夾襖步出監(jiān)牢的瞬間卷玉,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工喷市, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留相种,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓品姓,卻偏偏與公主長(zhǎng)得像蚂子,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子缭黔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 前言 關(guān)于這篇文章 由于iPhone 6S發(fā)布不到一年的時(shí)間,很多新特性蒂破、新技術(shù)還未普遍馏谨,不管是3D Touch的...
    Tangentw閱讀 4,496評(píng)論 8 18
  • 3D Touch介紹 從iPhone 6s開(kāi)始,產(chǎn)品都添加了一項(xiàng)硬件屬性附迷,叫做3D touch惧互。作為屏幕的一部分,...
    歪筆書(shū)生_閱讀 612評(píng)論 0 0
  • 前言 關(guān)于3D touch蘋(píng)果官方文檔是這么開(kāi)始介紹的: 大意如下:iOS9開(kāi)始喇伯,所有新的手機(jī)都增加了一個(gè)三維的用...
    VV木公子閱讀 2,224評(píng)論 3 39
  • 專(zhuān)著:http://www.reibang.com/p/3443a3b27b2d 1.簡(jiǎn)單的介紹一下3D Touc...
    violafa閱讀 1,014評(píng)論 1 0
  • 一喊儡、3D Touch 介紹 3D Touch 是 Apple 推出的通過(guò)壓力感觸區(qū)分輕按和重按來(lái)進(jìn)行不同的用戶交互...
    Magician閱讀 606評(píng)論 1 6