沉浸式狀態欄


1、沉浸式狀態欄

如果頁面頂部是圖片,一般會把狀態欄變成透明。

首先可以檢測下當前環境是否支持沉浸式狀態欄,檢測語句:

//是否支持沉浸式狀態欄 alert(plus.navigator.isImmersedStatusbar());

默認是不支持的,會彈出false. 想讓環境支持,需要修改項目下的配置文件manifest.json

"plus":{ "statusbar": { "immersed": true }, ... } 

修改完成后,會彈出true.效果如下:

終端支持:

  • Android4.4及以上系統支持;

  • iOS7.0及以上系統支持。

2、狀態欄全屏

全屏並非狀態欄透明或變色,而是沒有狀態欄,也就是看不見電量、信號那條了。
設置語句:

//參數:true - 全屏;false - 不全屏 plus.navigator.setFullscreen(true);

效果如下:

終端支持:
沒有終端類型限制

3、狀態欄背景色

修改背景色一般用於頁面頂部背景色為純色的場景,修改成和頁面一致的背景色,使頁面更和諧。

修改語句:

//設置系統狀態欄背景色 plus.navigator.setStatusBarBackground('#6495ED'); 

效果如下:

終端支持:

  • Android5及以上系統支持;

  • iOS7.0及以上系統支持。

4、狀態欄文字顏色

與背景色調整相同,如果背景圖顏色不當,會造成前景的信號欄文字顏色與背景太相近,看不清前景,此時需要調整前景色。
前景色的使用限制更多些,只能設置黑或白,設置語句:

//參數:dark - 黑色; light - 白色 plus.navigator.setStatusBarStyle('light');

效果如下:

終端支持:

    • Android5只有小米和魅族支持,Android6及以上所有安卓支持;

    • iOS7及以上支持


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM