3D觸摸(3D Touch)

3D Touch

Repo(備用): https://github.com/EddyVerbruggen/cordova-plugin-3dtouch

Installation(安裝)

1.安裝Cordoba和Ionic原生插件:

$ ionic cordova plugin add cordova-plugin-3dtouch
$ npm install --save @ionic-native/three-dee-touch

2.添加插件 app's module

Supported platforms(支持平臺(tái))

iOS

Usage(用法)

更多用法請(qǐng)?jiān)敿?xì)參考原始插件備用版。 這里的使用示例可能不足。

import { ThreeDeeTouch, ThreeDeeTouchQuickAction, ThreeDeeTouchForceTouch } from '@ionic-native/three-dee-touch';

constructor(private threeDeeTouch: ThreeDeeTouch) { }

...

this.threeDeeTouch.isAvailable().then(isAvailable => console.log('3D Touch available? ' + isAvailable));

this.threeDeeTouch.watchForceTouches()
  .subscribe(
    (data: ThreeDeeTouchForceTouch) => {
      console.log('Force touch %' + data.force);
      console.log('Force touch timestamp: ' + data.timestamp);
      console.log('Force touch x: ' + data.x);
      console.log('Force touch y: ' + data.y);
    }
  );


let actions: Array<ThreeDeeTouchQuickAction> = [
  {
    type: 'checkin',
    title: 'Check in',
    subtitle: 'Quickly check in',
    iconType: 'Compose'
  },
  {
    type: 'share',
    title: 'Share',
    subtitle: 'Share like you care',
    iconType: 'Share'
  },
  {
    type: 'search',
    title: 'Search',
    iconType: 'Search'
  },
  {
    title: 'Show favorites',
    iconTemplate: 'HeartTemplate'
  }
];

this.threeDeeTouch.configureQuickActions(actions);

this.threeDeeTouch.onHomeIconPressed().subscribe(
 (payload) => {
   // returns an object that is the button you presed
   console.log('Pressed the ${payload.title} button')
   console.log(payload.type)

 }
)

Instance Members(實(shí)例成員)

isAvailable()

您需要使用iPhone 6S或?qū)?lái)的技術(shù)才能使用此插件的功能,因此您可以在運(yùn)行時(shí)檢查用戶(hù)的設(shè)備是否受支持。
返回一個(gè)promise ,使用一個(gè)布爾值來(lái)表示插件是否可用

watchForceTouches()

當(dāng)用戶(hù)強(qiáng)制觸及網(wǎng)絡(luò)視圖時(shí),您可以收到通知。 當(dāng)至少75%的最大力量施加到屏幕時(shí),該插件定義了力觸摸。 您的應(yīng)用程序?qū)⑹盏絰和y坐標(biāo),因此您必須找出哪個(gè)UI元素被觸摸。
返回發(fā)送ThreeDeeTouchForceTouch的observable對(duì)象

configureQuickActions(type, title, subtitle, iconType, iconTemplate)

設(shè)置3D-Touch操作,使用以下對(duì)象的數(shù)組

參數(shù) 類(lèi)型 詳情
type string (可選)可以在HomeIconPressed回調(diào)上使用的類(lèi)型
title string 執(zhí)行動(dòng)作的標(biāo)題
subtitle string (可選)執(zhí)行動(dòng)作的副標(biāo)題
iconType string (可選) 選擇 Prohibit, Contact, Home, MarkLocation, Favorite, Love, Cloud, Invitation, Confirmation, Mail, Message, Date, Time, CapturePhoto, CaptureVideo, Task, TaskCompleted, Alarm, Bookmark, Shuffle, Audio, Update
iconTemplate string (可選)可以用來(lái)提供你自己的圖標(biāo)

onHomeIconPressed()

當(dāng)按住主圖標(biāo)時(shí),您的應(yīng)用程序?qū)?dòng)并調(diào)用此JS回調(diào)。
返回一個(gè)Observable,當(dāng)用戶(hù)按下主屏幕圖標(biāo)時(shí)通知您

enableLinkPreview()

啟用鏈接預(yù)覽。 UIWebView和WKWebView(提供Cordova應(yīng)用程序的網(wǎng)絡(luò)瀏覽功能)不允許iOS9的漂亮的新鏈接預(yù)覽功能。

disableLinkPreview()

禁用鏈接預(yù)覽功能,如果啟用。

ThreeDeeTouchQuickAction

參數(shù) 類(lèi)型 詳情
type string 可以在onHomeIconPressed回調(diào)中使用的類(lèi)型(可選)
title string 標(biāo)題
subtitle string 副標(biāo)題(可選)
iconType string 圖標(biāo)類(lèi)型。 不區(qū)分大小寫(xiě)(可選)
iconTemplate string 圖標(biāo)模板(可選)

ThreeDeeTouchForceTouch

參數(shù) 類(lèi)型 詳情
force number 觸摸力
timestamp number 行為時(shí)間
x number 行為X坐標(biāo)
y number 行為Y坐標(biāo)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,555評(píng)論 19 139
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,039評(píng)論 25 709
  • 我從去年開(kāi)始使用 RxJava ,到現(xiàn)在一年多了。今年加入了 Flipboard 后,看到 Flipboard 的...
    Jason_andy閱讀 5,763評(píng)論 7 62
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,315評(píng)論 4 61
  • 看了那么多的別人的文字,可是寫(xiě)不出自己的文章。 不是不想寫(xiě),是寫(xiě)不出。 不是沒(méi)有觀點(diǎn),是沒(méi)有拿得出手的觀點(diǎn)。 不是...
    言不相喻閱讀 239評(píng)論 0 0

友情鏈接更多精彩內(nèi)容