1. 程式人生 > >解決WeX5中IOS裝置應用標題欄被系統狀態列覆蓋的BUG

解決WeX5中IOS裝置應用標題欄被系統狀態列覆蓋的BUG

//  處理ios裝置中,應用標題欄被系統狀態列覆蓋的bug

第一步:引入外掛

require("cordova!cordova-plugin-statusbar");

第二步:在“var Model = function(){}”函式中加入以下程式碼:

/*
* 設定狀態列的背景顏色,雙引號內設定顏色;
* 取值範圍:
* black, darkGray, lightGray, white, gray, red, green, 
* blue, cyan, yellow, magenta, orange, purple, brown。
* 注意:Android5.0系統以上支援設定狀態列顏色。
*/
    

StatusBar.backgroundColorByName("black"); // 將狀態列背景色改為黑色

// 設定狀態列是否重疊(true / false)。   注:false(不覆蓋標題欄),true(覆蓋標題欄);

StatusBar.overlaysWebView(false); // 將狀態列設定為false。

以上程式碼即可解決問題。

------------------------------------------------------------------------------------------------------------------

順便介紹另外兩個函式:

(1)StatusBar.show(); // 顯示狀態列

(2)StatusBar.hide(); // 隱藏狀態列

注:show、hide是Android的方法,overlaysWebView是IOS的方法,backgroundColorByName是Android和IOS通用的 

相關推薦

解決WeX5IOS裝置應用標題系統狀態覆蓋BUG

//  處理ios裝置中,應用標題欄被系統狀態列覆蓋的bug; 第一步:引入外掛 require("cordova!cordova-plugin-statusbar"); 第二步:在“var Mod

Flutter自定義標題之處理狀態高度

App在很多情況下由於各種需求需要自定義標題欄,而在能夠構建Android和IOS應用的Flutter中,如果不在Scaffold中使用AppBar會發現預設是沉浸式。 猜想:我們使用自定義標題欄好像需要知道狀態列的高度,我看到網上很多人想要自定義標題欄,卻老是去找怎麼獲取狀態列的高度 解惑:其

android UI 的去標題和去狀態(全屏)

Android 設定隱藏標題欄和狀態列有兩種方法: 第一:在程式碼中實現 PS:設定隱藏標題欄和狀態列的程式碼一定要寫在 setContentView(R.layout.activity_main)前面,否則會報錯。 protected void onCreate(Bund

將android佈局自帶的標題去掉

大家在做android開發的時候肯定會遇到需要自己做自定義標題欄的時候,下面我就教大家自己做一個介面並運用自己做的自定義標題欄。 廢話不多說直接上效果圖~ 注意看最頂上的Face&Door那塊即為我做的標題欄。其實挺簡單的只需三步即可。 一、做好自己需要的標題欄: 新建

佈局同時使用Toolbar和EditText時,點選鍵盤彈出時標題拉伸

在Toolbar中新增 android:fitsSystemWindows="true" 這時,如果我們的layout中包含可滾動的控制元件如ListView、ScrollView(即在鍵盤彈出時會

解決安卓虛擬鍵盤把標題頂出螢幕外

其實就一行程式碼。在AndroidManifest中加一行程式碼就行。 <activity android:name=".MainActivity" android:theme="@style/AppTheme.NoAc

android如何自定義標題

          首先,修改標題欄的寬度和背景,在strings.xml中新增: <item name="android:background">@drawable/title_bg</item> </style> &l

Java如何更換視窗標題圖示

思路——呼叫Frame(Jframe從Frame繼承)類的setIconImage方法,     方法宣告如下:public void setIconImage(Image image) 關鍵是要獲取Image物件例項,提供以下兩種方法作為參考:     方法(一):使用ImageIcon物件的 get

Android去掉或更改標題TitleBar,theme的更改

       最近在android的學習中,想去掉標題欄(將下圖顯示效果由左改為右),讓顯示效果更美觀。作為一個初學者,在本博文中會詳寫一些高手覺得沒必要的東西,但對於初學者的我來說,這些確實我所不會

從一道hive面試題的解決思路理解hive應用

Hive面試題—理清hive應用思路 問題:有一張很大的表:TRLOG該表大概有2T左右。 TRLOG: CREATE TABLE TRLOG (PLATFORM string, USER_ID int, CLICK_TIME string, CLICK_URL strin

Android 狀態應用標題顏色保持一致

該功能只用在Android 4.4之後的版本使用 5.0以上系統很簡單,直接設定: try { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { Windo

Material Design 實戰 之 第六彈 —— 可摺疊式標題(CollapsingToolbarLayout) & 系統差異型的功能實現(充分利用系統狀態空間)...

本模組共有六篇文章,參考郭神的《第一行程式碼》,對Material Design的學習做一個詳細的筆記,大家可以一起交流一下: Material Design 實戰 之第一彈——Toolbar(即本文) Material Design 實戰 之第二彈——滑動選

Android 5.0以上除去標題並設定狀態列為黑色

 修改colors.xml檔案 <?xml version="1.0" encoding="utf-8"?> <resources> <color name="co

系統狀態設定背景顏色和APP標題一致(非全屏)

可以把方法寫在BaseActivity中 public void initSystemBar(Boolean isLight) { if (Build.VERSION.SDK_INT >= 21) { //LAYOUT_FUL

解決Cordova開發的iOS的app介面狀態覆蓋

   在使用cordova6.0的過程中,編譯好的APP執行在IOS7+系統上預設是與狀態列重疊的,而執行在IOS6及老版本中時是於狀態列分離的。    解決辦法如下:    把檔案MainViewController.m中的方法viewWillAppear進行相關修改如下

React Native:自定義一個導航,改變狀態背景,隱藏狀態

設計開發過程中,導航欄都會有所不同,這時候使用RN就需要自定義一個想要的導航欄了,RN中文網有講專門ios的導航欄(NavigatorIOS),可以不用自定義。 首先定義自定義導航欄的一些屬性的約束,記得npm install --save prop-types然後引入import Prop

Android 系統狀態沉浸式/透明化完整解決方案

前言 網上已經有很多有關於系統狀態列的解決方案,這篇文章也不會有什麼新奇的解決方案,都是本人經過自己試驗,統計提煉出來的相對靠譜的一套解決方案.   關於術語 網上有很多爭論: 你這狀態列是變色龍狀態列,不是沉浸式的 這應該是沉浸式的狀態列吧,系統欄與actionb

(轉)Android系統狀態的隱藏和顯示

Android中系統狀態列的隱藏和顯示 尤其視訊類APP,需要實現切換到橫屏後,隱藏系統狀態列,全屏顯示,以實現看更大畫面的視訊。當切換回豎屏後,又顯示狀態列。那麼如何實現呢? 網上流傳著很多種做法。比如:  1、在AndroidManifest.xml檔案中修改theme為andro

Recat Native:自定義一個導航,改變狀態背景,隱藏狀態

設計開發過程中,導航欄都會有所不同,這時候使用RN就需要自定義一個想要的導航欄了,RN中文網有講專門ios的導航欄(NavigatorIOS),可以不用自定義。 首先定義自定義導航欄的一些屬性的約束,記得npm install --save prop-types然後引入im

ios開發-設定內容置頂,狀態懸浮可見

先說效果,是很常見的個人中心主頁,內容從頂部開始,狀態列懸浮在上面可見 再說思路:把表格frame上移20單位,隱藏導航欄,設定狀態列白色透明 隱藏導航欄 -(void)viewW