網頁

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


沒有留言:

張貼留言