1. 程式人生 > >設定小程式的狀態列、導航條、標題、視窗背景色[Window]。

設定小程式的狀態列、導航條、標題、視窗背景色[Window]。

window

用於設定小程式的狀態列、導航條、標題、視窗背景色。

屬性型別預設值描述最低版本
navigationBarBackgroundColorHexColor#000000導航欄背景顏色,如"#000000"
navigationBarTextStyleStringwhite導航欄標題顏色,僅支援 black/white
navigationBarTitleTextString導航欄標題文字內容
navigationStyleStringdefault導航欄樣式,僅支援 default/custom。custom 模式可自定義導航欄,只保留右上角膠囊狀的按鈕微信版本 6.6.0
backgroundColorHexColor#ffffff視窗的背景色
backgroundTextStyleStringdark下拉背景字型、loading 圖的樣式,僅支援 dark/light
enablePullDownRefreshBooleanfalse
onReachBottomDistanceNumber50頁面上拉觸底事件觸發時距頁面底部距離,單位為px

注:HexColor(十六進位制顏色值),如"#ff00ff"

注:navigationStyle 只在 app.json 中生效。開啟 custom 後,低版本客戶端需要做好相容。開發者工具基礎庫版本切到 1.7.0(不代表最低版本,只供除錯用) 可方便切到舊視覺

如 app.json :

{
  "window"
:{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信介面功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" } }

相關推薦

設定程式狀態導航標題視窗景色[Window]

window用於設定小程式的狀態列、導航條、標題、視窗背景色。屬性型別預設值描述最低版本navigationBarBackgroundColorHexColor#000000導航欄背景顏色,如"#000000"navigationBarTextStyleStringwhite

android介面UI美化:沉浸模式全透明或半透明狀態導航欄的實現

android api19開始我們就能對頂部狀態列和底部導航欄進行半透明處理了,而api21開始則可以實現全透明狀態列與導航欄以及開啟沉浸模式,至於什麼是沉浸模式,大家百度一下應該就都知道了,有一點需要強調的是全透明不是沉浸模式,前者只是將狀態列、導航欄的背景設定為完全透明,而後者則是完全將狀態列與

狀態導航欄的設定

其中有些值是要相互配合使用,單一使用沒有效果,需要的時候查詢文件,都有解釋, 或是多嘗試幾次,也就知道該用哪個了。 // 沉浸式狀態列 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

Android關於全屏設定和隱藏狀態沉浸式狀態的總結

1.全屏和推出全屏   實現全屏  getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.Layo

Android 通過 style 設定狀態導航欄等的顏色

我們在有些時候會有這個樣的需求,需要修改狀態列,導航欄。系統控制元件的顏色。我們可以先定義一個style,然後在這個style中設定我們需要顏色的屬性,最後在清單檔案中來給某個Activity設定主題即可。程式碼如下: <style name="

(七十)Xcode5及以上對於狀態導航欄樣式的設定方法

【狀態列】 在Xcode5以前,狀態列是通過UIApplication單例來管理的,而在此後,預設情況下狀態列通過控制器來管理,而且如果控制器有NavigationController,那麼設定狀態列的操作在NavigationController中進行,呼叫的方法為: -

程式 投票或砍價進度

示例圖: 上程式碼: index.wxml: <view class='clo_jdt'> <view style='width:{{width}}'></view> </view> <view>進度

vue專案 使用Hbuilder打包app 設定沉浸式狀態

使用 Hbuilder新建好移動app專案後,mainfest.json這個檔案裡的 plus裡設定 statusbar ..... "plus": { "statusbar": { "immersed": true },

程式學習之旅----基礎內容元件icon text rich-textprogress

Page({ data: { motto: 'Hello World', nodes: [{ name: 'h2', attrs: { class: 'h2_class', style: 'line-height: 60p

Android狀態導航

1.隱藏狀態列或導航欄 View decordView = getWindow().getDecorView(); /*SYSTEM_UI_FLAG_HIDE_NAVIGATION和SYSTEM_UI_FLAG_FULLSCREEN 分別代表隱藏導航欄和狀態列

android4.4以上沉浸式狀態導航欄實現以及Bar的其他管理

自從android4.4開始,android手機狀態列再也不是一成黑的時代,之前叫做變色龍,miui6釋出會把他叫做沉浸式,之後大家就自然而然的接受了沉浸式這個名稱,其實實際應該叫做Translucent Bar,即為透明狀態列。   沉浸式實現原理其實是使整個activity佈局延伸到整個螢幕,然

獲取狀態導航欄高度

獲取狀態列高度 public static int getStatusHeight(Context context) { int status_bar_height = 0; int h = context.getResources().getDimensionPixel

修改狀態導航欄顏色

1.修改狀態列 可進行自定義 public class StatusBarView extends View { private Context context; public StatusBarView(Context context) { this(con

【實戰乾貨】透明狀態導航欄的終極解決方案

本文主要分享了透明狀態列和導航欄的終極解決方案。以後這類問題,一文搞定 這個技術痛點遇到過的都懂~本文幫你徹底解決這個痛點~還不快收藏   背景   在我做 Android 開發之前,我就發現有些 App 的狀態列和導航欄有透明效果,或者是沉浸式效果,比如說酷

android系統版本6.0及以上設定沉浸式狀態

系統版本6.0及以上設定沉浸式狀態列程式碼。   requestWindowFeature(Window.FEATURE_NO_TITLE); //系統版本6.0及以上設定沉浸式狀態列 if (RomUtil.hasM()) { int flag = getWindow().get

Android—設定沉浸式狀態

public class MainActivity extends AppCompatActivity { private ViewGroup title_bar; @Override protected void onCreate(Bundle s

程式多行對稱flex佈局

容器 .container-box{ width: 100%; margin-top: 36rpx;   display: flex; flex-direction: row;   flex-wrap: wrap;   justify-content: spac

微信程式——自定義底部導航樣式切換

1、以下截圖是靜態展示部分 解析: 1、catchtap='goHome' 是點選事件,點選的時候傳遞data-num='1',點選事件方法名都是一樣的,只是傳入的data-num值不同,通過這個不同的值,使用三元運算子來判斷需要顯示的樣式和圖示 2、圖示切換,通過

程式】獲取使用者資訊儲存到本地全域性變數

微信小程序升級後,獲取 wx.getUserInfo 介面後續將不再出現授權彈窗,所以需要使用 button 元件,並將 open-type 指定為 getUserInfo 型別,獲取使用者基本資訊。 微信小程式與小遊戲獲取使用者資訊介面調整說明 1.在頁面上建立一個button標籤

kotlin設定actionbar和狀態顏色一致

首先在mainfest檔案中設定主題: android:theme="@style/AppTheme 接下來去看看:這個主題繼承了theme.M。。。的樣式 下面item是自定義的會覆蓋父類樣式,