自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

PhoneGap API介紹:Notification

移動(dòng)開發(fā)
本文將介紹PhoneGap API——Notification:設(shè)備的視覺、聲音和觸覺提醒。PhoneGap API Notification設(shè)備的視覺、聽覺和觸覺通知。

方法

 notification.alert

  • 顯示一個(gè)定制的警告或?qū)υ捒颉?/li>
  1. navigator.notification.alert(message, alertCallback, [title], [buttonName]); 
  • message:對(duì)話框信息。(字符串類型)
  • alertCallback:當(dāng)警告對(duì)話框被忽略時(shí)調(diào)用的回調(diào)函數(shù)。(函數(shù)類型)
  • title:對(duì)話框標(biāo)題。(字符串類型)(可選項(xiàng),默認(rèn)值為“Alert”)
  • buttonName:按鈕名稱(字符串類型)(可選項(xiàng),默認(rèn)值為“OK”)

說(shuō)明

  • 大多數(shù)PhoneGap使用本地對(duì)話框?qū)崿F(xiàn)該功能。然而,一些平臺(tái)只是簡(jiǎn)單的使用瀏覽器的alert函數(shù),而這種方法通常是不能定制的。

支持的平臺(tái)

  • Android
  • BlackBerry (OS 4.6)
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例

  1. // Android / BlackBerry WebWorks (OS 5.0 and higher) // iPhone 
  2. function alertDismissed() { 
  3.     // 進(jìn)行處理 
  4.  
  5. navigator.notification.alert( 
  6.     'You are the winner!',  // 顯示信息 
  7.        alertDismissed,         // 警告被忽視的回調(diào)函數(shù) 
  8.        'Game Over',            // 標(biāo)題 
  9.        'Done'                  // 按鈕名稱 
  10. ); 
  11.  
  12. // BlackBerry (OS 4.6) // webOS 
  13. navigator.notification.alert('You are the winner!'); 

完整的范例

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>Notification Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     // 等待加載PhoneGap 
  10.     document.addEventListener("deviceready", onDeviceReady, false); 
  11.      
  12.     // PhoneGap加載完畢 
  13.     function onDeviceReady() { 
  14.         // 空 
  15.     } 
  16.      
  17.     // 警告對(duì)話框被忽視 
  18.     function alertDismissed() { 
  19.         // 進(jìn)行處理 
  20.     } 
  21.      
  22.     // 顯示一個(gè)定制的警告框 
  23.     function showAlert() { 
  24.         navigator.notification.alert( 
  25.             'You are the winner!',  // 顯示信息 
  26.             alertDismissed,         // 警告被忽視的回調(diào)函數(shù) 
  27.             'Game Over',            // 標(biāo)題 
  28.             'Done'                  // 按鈕名稱 
  29.         ); 
  30.     } 
  31.  
  32. </script> 
  33. </head> 
  34. <body> 
  35.     <p><a href="#" onclick="showConfirm(); return false;">Show Confirm</a></p> 
  36. </body> 
  37. </html> 

notification.confirm

  • 顯示一個(gè)可定制的確認(rèn)對(duì)話框。
  1. navigator.notification.confirm(message, confirmCallback, [title], [buttonLabels]); 
  • message:對(duì)話框信息。(字符串類型)
  • confirmCallback:按下按鈕后觸發(fā)的回調(diào)函數(shù),返回按下按鈕的索引(1、2或3)。(函數(shù)類型)
  • title:對(duì)話框標(biāo)題。(字符串類型)(可選項(xiàng),默認(rèn)值為“Confirm”)
  • buttonLabels:逗號(hào)分隔的按鈕標(biāo)簽字符串。(字符串類型)(可選項(xiàng),默認(rèn)值為“OK、Cancel”)

說(shuō)明

  • notification.confirm函數(shù)顯示一個(gè)定制性比瀏覽器的confirm函數(shù)更好的本地對(duì)話框。

支持的平臺(tái)

  • Android
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例

  1. // 處理確認(rèn)對(duì)話框返回的結(jié)果 
  2. function onConfirm(button) { 
  3.     alert('You selected button ' + button); 
  4.  
  5. // 顯示一個(gè)定制的確認(rèn)對(duì)話框 
  6. function showConfirm() { 
  7.        navigator.notification.confirm( 
  8.            'You are the winner!',  // 顯示信息 
  9.            onConfirm,              // 按下按鈕后觸發(fā)的回調(diào)函數(shù),返回按下按鈕的索引 
  10.            'Game Over',            // 標(biāo)題 
  11.            'Restart,Exit'          // 按鈕標(biāo)簽 
  12.        ); 
  13.  } 

完整的范例

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>Notification Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.      
  9.     // 等待加載PhoneGap 
  10.     document.addEventListener("deviceready", onDeviceReady, false); 
  11.      
  12.     // PhoneGap加載完畢 
  13.     function onDeviceReady() { 
  14.         // 空 
  15.     } 
  16.      
  17.     // 處理確認(rèn)對(duì)話框返回的結(jié)果 
  18.     function onConfirm(button) { 
  19.         alert('You selected button ' + button); 
  20.     } 
  21.      
  22.     // 顯示一個(gè)定制的確認(rèn)對(duì)話框 
  23.     function showConfirm() { 
  24.         navigator.notification.confirm( 
  25.             'You are the winner!',  // 顯示信息 
  26.             onConfirm,              // 按下按鈕后觸發(fā)的回調(diào)函數(shù),返回按下按鈕的索引     
  27.             'Game Over',            // 標(biāo)題 
  28.             'Restart,Exit'          // 按鈕標(biāo)簽 
  29.         ); 
  30.     } 
  31.  
  32. </script> 
  33. </head> 
  34. <body> 
  35.     <p><a href="#" onclick="showConfirm(); return false;">Show Confirm</a></p> 
  36. </body> 
  37. </html> 


notification.beep

  • 設(shè)備將發(fā)出蜂鳴聲。
  1. navigator.notification.beep(times); 
  • times:蜂鳴聲的重復(fù)次數(shù)。(數(shù)字類型)

支持的平臺(tái)

  • Android
  • BlackBerry (OS 4.6)
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例

  1. // 蜂鳴2次! 
  2. navigator.notification.beep(2); 

完整的范例

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>Notification Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9. // 等待加載PhoneGap 
  10. document.addEventListener("deviceready", onDeviceReady, false); 
  11.  
  12. // PhoneGap加載完畢 
  13. function onDeviceReady() { 
  14.        // 空 
  15.  
  16. // 顯示一個(gè)定制的警告框 
  17. function showAlert() { 
  18.        navigator.notification.alert( 
  19.            'You are the winner!',  // 顯示信息 
  20.            'Game Over',            // 標(biāo)題 
  21.            'Done'                  // 按鈕名稱 
  22.        ); 
  23.  
  24. // 蜂鳴三次 
  25. function playBeep() { 
  26.        navigator.notification.beep(3); 
  27.  
  28. // 震動(dòng)兩秒 
  29. function vibrate() { 
  30.        navigator.notification.vibrate(2000); 
  31.  
  32. </script> 
  33. </head> 
  34. <body> 
  35.     <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> 
  36.     <p><a href="#" onclick="playBeep(); return false;">Play Beep</a></p> 
  37.     <p><a href="#" onclick="vibrate(); return false;">Vibrate</a></p> 
  38. </body> 
  39. </html> 

Android的特異情況

  • Androids會(huì)播放在“設(shè)置/音效及顯示”面板中指定的默認(rèn)“通知鈴聲”。

iPhone的特異情況

  • 忽略蜂鳴次數(shù)參數(shù)。
  • iPhone沒有本地的蜂鳴API。
  • PhoneGap通過(guò)多媒體API播放音頻文件來(lái)實(shí)現(xiàn)蜂鳴。
  • 用戶必須提供一個(gè)包含所需的蜂鳴聲的文件。
  • 此文件播放時(shí)長(zhǎng)必須短于30秒,位于www/root,并且必須命名為beep.wav。

notification.vibrate

  • 使設(shè)備震動(dòng)指定的時(shí)長(zhǎng)。
  1. navigator.notification.vibrate(milliseconds); 
  • time:以毫秒為單位的設(shè)備震動(dòng)時(shí)長(zhǎng),1000毫秒為1秒。(數(shù)字類型)

支持的平臺(tái)

  • Android
  • BlackBerry (OS 4.6)
  • BlackBerry WebWorks (OS 5.0或更高版本)
  • iPhone

簡(jiǎn)單的范例

  1. // 震動(dòng)2.5秒 
  2. navigator.notification.vibrate(2500); 

完整的范例

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head>     
  4. <title>Notification Example</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"
  8.  
  9. // 等待加載PhoneGap 
  10. document.addEventListener("deviceready", onDeviceReady, false); 
  11.  
  12. // PhoneGap加載完畢 
  13. function onDeviceReady() { 
  14.        //空 
  15.  
  16. // 顯示定制警告框 
  17. function showAlert() { 
  18.        navigator.notification.alert( 
  19.            'You are the winner!',  // 顯示信息 
  20.            'Game Over',            // 標(biāo)題 
  21.            'Done'                  // 按鈕名稱 
  22.        ); 
  23.  
  24. // 響三次 
  25. function playBeep() { 
  26.        navigator.notification.beep(3); 
  27.  
  28. // 震動(dòng)兩秒 
  29. function vibrate() { 
  30.        navigator.notification.vibrate(2000); 
  31.  
  32. </script> 
  33. </head> 
  34. <body> 
  35.     <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> 
  36.     <p><a href="#" onclick="playBeep(); return false;">Play Beep</a></p> 
  37.     <p><a href="#" onclick="vibrate(); return false;">Vibrate</a></p> 
  38. </body> 
  39. </html> 

iPhone的特異情況

  • time:忽略時(shí)長(zhǎng)參數(shù),震動(dòng)時(shí)長(zhǎng)為預(yù)先設(shè)定值。

簡(jiǎn)單的范例

  1. navigator.notification.vibrate(); 
  2. navigator.notification.vibrate(2500);   // 2500被忽略掉 

 

責(zé)任編輯:佚名 來(lái)源: PhoneGap中國(guó)
相關(guān)推薦

2011-09-13 13:47:56

PhoneGap AP

2011-12-20 11:20:46

PhoneGap APCompass

2011-12-19 16:09:32

PhoneGap APCamera

2011-12-19 15:30:25

AccelerometPhoneGap AP

2011-12-20 15:34:55

PhoneGap APConnection

2011-12-20 17:15:52

PhoneGap APEvents

2011-12-22 10:45:32

PhoneGap APStorage

2011-12-21 21:56:45

PhoneGap APFile

2011-12-19 16:26:39

PhoneGap APCapture

2011-12-20 13:32:52

PhoneGap APContacts

2011-12-20 16:09:57

PhoneGap APDevice

2011-12-22 09:27:36

PhoneGap APGeolocation

2011-12-22 09:54:40

PhoneGap APMedia

2011-12-30 13:47:57

PhoneGap AP視頻Contacts

2011-12-30 14:09:32

PhoneGap APCompass視頻

2011-12-30 13:59:38

PhoneGap APDevice視頻

2011-12-30 14:05:17

PhoneGap APConnection視頻

2011-12-30 14:13:05

PhoneGap APCamera視頻

2011-12-30 14:16:02

AccelerometPhoneGap AP視頻

2011-07-05 17:29:53

PhoneGapevents
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)