網頁

2015年9月12日 星期六

【APP】PhoneGap Confirm視窗(Native Confirm/ Dialog)

張貼者： 標籤： , , , 於 沒有留言:
Ref: Cordova Plugin APIs Ctrl+F "Dialogs"
Cordova-plugin-dailogs
安裝方式請參考連結

 Android
結合關閉App的應用:
function show_CloseConfirm(){
      navigator.notification.confirm(
            'Do you really want to exit?',  // message
            close_app,         // callback to invoke with index of button pressed
            "Exit",               // title
            ['Cancel','OK']  // buttonLabels
      );
}

function close_app(buttonIndex){
      if (buttonIndex==2){
            navigator.app.exitApp();
      }
}

 iOS
還沒想到要應用在哪裡，未有實際應用範例…
Ps. iOS不允許App關閉任何App(包括App自身)

【APP】PhoneGap Icon

張貼者： 標籤： , , , 於 沒有留言:
Ref: Cordova Icons and Splash Screens
Icon檔案路徑:
[PhoneGap專案路徑]\www\res\icon\
[PhoneGap專案路徑]\platforms\android\res\


Android
請修改原本的PhoneGap config.xml
尋找(Crtl+F): <icon gap:platform="android"
取代: gap:qualifier => density
修改前:

修改後:

iOS
iOS的設定值不需要特別修改
<platform name="ios">
<allow-intent href="itms:*" />
  <allow-intent href="itms-apps:*" />
  <icon src="www/res/icon/android/icon-36-ldpi.png" density="ldpi" />
  <icon src="www/res/icon/android/icon-48-mdpi.png" density="mdpi" />
  <icon src="www/res/icon/android/icon-72-hdpi.png" density="hdpi" />
  <icon src="www/res/icon/android/icon-96-xhdpi.png" density="xhdpi" />
</platform>

【APP】PhoneGap 開場畫面(Splash Screen)

張貼者： 標籤： , , , 於 沒有留言:
Ref: Cordova-plugin Splash Screen
安裝PhoneGap plugin:
phonegap plugin add cordova-plugin-splashscreen
開場畫面的圖片檔存放路徑如下:
[PhoneGap專案路徑]\www\res\screen\
[PhoneGap專案路徑]\platforms\android\res\

 Android
修改PhoneGap config.xml 找到下列設定值
  • SplashScreen value="screen"
    <preference name="SplashScreen" value="screen" />
    screen: 設定開場畫面的Resource
  • SplashScreenDelay value="2000"
    <preference name="SplashScreenDelay" value="2000" />
     顯示開場畫面的時間    (單位: 毫秒)

iOS
修改PhoneGap config.xml找到下列設定值
  • ShowSplashScreenSpinner value="true"
    <preference name="ShowSplashScreenSpinner" value="true" />
    True:     在開場畫面出現時，顯示iOS Loading圖樣
  • AutoHideSplashScreen value="true"
    <preference name="AutoHideSplashScreen" value="true" />
    True:     自動隱藏開場畫面
iOS預設2秒，iOS開場畫面顯示秒數僅能透過下列方式客製:
config.xml的AutoHideSplashScreen 改為false
index.html頁面中加入下列這段
<script>
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady(){
         setTimeout(function(){
    navigater.splashscreen.hide();
window.location='./lmain.html';
}, 3500);

}
</script>

【APP】PhoneGap Plugin Install(add)/ Remove/ List

張貼者： 標籤： , , , 於 沒有留言:
Ref: Cordova Command-Line Interface
開啟cmd
cd至PhoneGap專案目錄
安裝: phonegap plugin add [plugin-name]
移除: phonegap plugin rm [plugin-name]
檢視plugin清單: phonegap plugin -l

2015年8月10日 星期一

【APP】PhoneGap設定iOS APP全螢幕，但必須顯示狀態列。 (set iOS app fullscreen but show the status bar.)

張貼者： 標籤： , 於 沒有留言:
要怎麼像上圖?可以在執行APP的時候又要顯示完整的狀態列(Status Bar)?
  1. 安裝PhoneGap PlugIn
    打開[終端機]切換到PhoneGap APP目錄之下
    輸入[phonegap plugin add cordova-plugin-statusbar]按下[Enter]開始安裝

  2. 修改Config.xml
    在PhoneGap的Config.xml加上下列設定值：
    StatusBarOverlaysWebView = true / false?
    　true: 代表APP的最頂端要一直延伸螢幕邊緣，也就是說APP最頂端會被狀態列蓋住
    　false: 代表APP最頂端會在狀態列的下緣之外
    StatusBarBackgroundColor
    　狀態列的背景色，沒設定的話就會是白色...
    StatusBarStyle
    　狀態列的樣式，iOS7有好幾種設定值可以選擇
    　　default, lightcontent, blacktranslucent, blackopaque.
    　　default = lightcontent
  3. 重新編譯APP


訂閱： 文章 (Atom)