設定小程式的狀態列、導航條、標題、視窗背景色[Window]。
window
用於設定小程式的狀態列、導航條、標題、視窗背景色。
屬性 | 型別 | 預設值 | 描述 | 最低版本 |
---|---|---|---|---|
navigationBarBackgroundColor | HexColor | #000000 | 導航欄背景顏色,如"#000000" | |
navigationBarTextStyle | String | white | 導航欄標題顏色,僅支援 black/white | |
navigationBarTitleText | String | 導航欄標題文字內容 | ||
navigationStyle | String | default | 導航欄樣式,僅支援 default/custom。custom 模式可自定義導航欄,只保留右上角膠囊狀的按鈕 | 微信版本 6.6.0 |
backgroundColor | HexColor | #ffffff | 視窗的背景色 | |
backgroundTextStyle | String | dark | 下拉背景字型、loading 圖的樣式,僅支援 dark/light | |
enablePullDownRefresh | Boolean | false | ||
onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發時距頁面底部距離,單位為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-text、progress
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是自定義的會覆蓋父類樣式,