wap2app(二)-- 設置APP系統狀態欄

来源:https://www.cnblogs.com/wangxiaoling/archive/2018/10/24/9845577.html
-Advertisement-
Play Games

準備 工具:HBuilder 一、全屏設置,不顯示系統狀態欄 這裡所說的系統狀態欄就是包括了:信號、運營商、電量等信息手機屏幕最頂部信息。 全屏並非狀態欄透明或變色,而是沒有狀態欄,也就是看不見電量、信號那條了,部分項目需要這樣的場景。 全屏設置方法: 新建一個wap2app項目並完成各項配置後,打 ...


準備

工具:HBuilder

一、全屏設置,不顯示系統狀態欄

這裡所說的系統狀態欄就是包括了:信號、運營商、電量等信息手機屏幕最頂部信息。

全屏並非狀態欄透明或變色,而是沒有狀態欄,也就是看不見電量、信號那條了,部分項目需要這樣的場景。

全屏設置方法:

  新建一個wap2app項目並完成各項配置後,打開 manifest.json --> 基礎配置 ,找到如下圖選擇框

勾選此選項,真機運行後在手機上顯示如下圖:

標題之上沒有顯示狀態欄。

二、顯示系統狀態欄,並自定義系統狀態欄的背景色和字體顏色

  首先,同“全局設置的方法”,打開 manifest.json --> 基礎配置並去掉 “應用是否全局顯示”的勾選,此時在真機上運行,發現標題欄和系統狀態欄重疊了,如下圖:

翻閱資料之後,發現,打開 manifest.json -> 源碼視圖,找到 statusbar;將 immersed的值改為 false 或者none,在真機上調試,結果如下圖:

發現系統狀態欄和標題欄不再重疊了,但是又出現新的問題,系統狀態欄背景色變成了灰色,與標題顏色不符合。

接著,打開文件client_index.html,在html中添加代碼:

<script type="text/javascript">        
    if(window.plus){
        plusReady()
    }else{
        document.addEventListener('plusready',plusReady,false)
    }
    function plusReady(){
        plus.navigator.setStatusBarBackground('#FFFFFF');
        plus.navigator.setStatusBarStyle('dark');
    }
</script>

保存之後,在真機上調試運行,結果如下:

這樣就解決了所有問題。

設置系統狀態欄的字體顏色:

plus.navigator.setStatusBarStyle('dark');

在sitemap.json文件中也可以修改statusbar(系統狀態欄)的值,但是在修改了 statusbar的immersed的值改為 false 或者none之後,這裡修改的值就沒有效果了,需要js動態修改其值。

statusbar的style(字體)的值只有 dark 和 light兩種。

設置系統狀態欄的背景色:

plus.navigator.setStatusBarBackground('#FFFFFF');

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 有些App在點擊下載按鈕的時候,可以在按鈕上顯示進度,我們可以通過繼承原生Button,重寫onDraw來實現帶進度條的按鈕。 Github:https://github.com/imcloudfloating/ProgressBar 1.效果: 2.原理: 創建三個GradientDrawable ...
  • 這次想來講講系統應用集成過程中遇到的一些坑,尤其是 so 文件相關的坑。 背景 埋這些坑的最初來源是由於測試人員在集成新終端設備時提了個 bug: app 在這個設備上無法啟動。 隨後拋來了一份日誌,過濾了下,最重要的其實就一條,crash 日誌: app 使用了 fresco 圖片庫,最初猜想是不 ...
  • 歡迎大家前往 "騰訊雲+社區" ,獲取更多騰訊海量技術實踐乾貨哦~ 本文由 "WeTest質量開放平臺團隊" 發表於 "雲+社區專欄" 作者:陳裕發, 騰訊系統測試工程師 商業轉載請聯繫騰訊WeTest獲得授權,非商業轉載請註明出處。 原文鏈接: " http://wetest.qq.com/lab ...
  • 如果你的項目中有模塊跟二維碼相關的話,那你一定聽過或者用過大名鼎鼎的zxing開源庫。 什麼是zxing? ZXing是一個開源的,用Java實現的多種格式的1D/2D條碼圖像處理庫,它包含了聯繫到其他語言的埠。zxing可以實現使用手機的內置的攝像頭完成條形碼的掃描及解碼。 本篇文章就來學習zx ...
  • 筆者在看了相關的教程之後發現教程當中的資源已經過時了。當我們在創建了一個新的空白的工程之後,會發現其文件夾下麵的分文件夾目錄和官方的教程文件結構完全不同,因此會引起很多誤解。筆者使用的是最新版的Android Stuidio,其目錄結構如下圖所示: 一.創建主活動(First活動) 從中我們可以得到 ...
  • 一,首先,我們在菜單欄上找到這一欄: 然後點擊build,再點擊generate apk,然後出現以下界面: 由於之前我們並沒有進行apk文件的生成,因此需要這個apk key做一個驗證,以防您的app上線之後被別人盜用,同時證明自己對這個app的擁有權。key store path就是您app k ...
  • Android json支持五種數據類型 String / int(float)/bool / null / object 今天說 object : ...
  • 歡迎大家前往 "騰訊雲+社區" ,獲取更多騰訊海量技術實踐乾貨哦~ 本文由 "elson" 發表於 "雲+社區專欄" 目前在不考慮IE以及低端安卓機(4.3 )的相容下,已經可以放心使用flex進行佈局了。什麼是flex佈局以及它的好處,這裡就不再贅述。 在這篇文章里,想說說flex佈局的屬性語法及 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...