Android 沉浸式狀態(tài)欄與隱藏導(dǎo)航欄實(shí)例詳解
1 前言
一般我們?cè)贏ndroid的APP開(kāi)發(fā)中，APP的界面如下：
可以看到，有狀態(tài)欄、ActionBar(ToolBar)、導(dǎo)航欄等,一般來(lái)說(shuō)，APP實(shí)現(xiàn)沉浸式有三種需求：沉浸式狀態(tài)欄，隱藏導(dǎo)航欄，APP全屏
沉浸式狀態(tài)欄是指狀態(tài)欄與ActionBar顏色相匹配，
隱藏導(dǎo)航欄不用多說(shuō)，就是將導(dǎo)航欄隱藏，去掉下面的黑條。
APP全屏是指將狀態(tài)欄與導(dǎo)航欄都隱藏，例如很多游戲界面，都是APP全屏。
所以，在做這一步時(shí)，關(guān)鍵要問(wèn)清楚產(chǎn)品狗的需求，免得白費(fèi)功夫。
下面，分別來(lái)介紹這三種方式的實(shí)現(xiàn)。
2 沉浸式狀態(tài)欄
沉浸式狀態(tài)欄效果一般如下：
關(guān)于沉浸式狀態(tài)欄網(wǎng)上的方案很多，比如android 5.0 以上的MD設(shè)計(jì)，或者修改activiyty的window的setStatusBarColor()方法，設(shè)置顏色。需要說(shuō)明一點(diǎn)的時(shí)，沉浸式狀態(tài)欄只對(duì)API19以上有效。
這里我依然采用的是設(shè)置Activity的Window設(shè)置setStatusBarColor()的方法。代碼如下：
/**
* 設(shè)置狀態(tài)欄的顏色
*/
@TargetApi(Build.VERSION_CODES.KITKAT)
public static void statusBarTintColor(Activity activity, int color) {
// 代表 5.0 及以上
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
activity.getWindow().setStatusBarColor(color);
return;
}
// versionCode > 4.4 and versionCode < 5.0
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
//透明狀態(tài)欄
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
ViewGroup androidContainer = (ViewGroup) activity.findViewById(android.R.id.content);
// 留出高度 setFitsSystemWindows true代表會(huì)調(diào)整布局，會(huì)把狀態(tài)欄的高度留出來(lái)
View contentView = androidContainer.getChildAt(0);
if (contentView != null) {
contentView.setFitsSystemWindows(true);
}
// 在原來(lái)的位置上添加一個(gè)狀態(tài)欄
View statusBarView = createStatusBarView(activity);
androidContainer.addView(statusBarView, 0);
statusBarView.setBackgroundColor(color);
}
}
/**
* 創(chuàng)建一個(gè)需要填充statusBarView
*/
private static View createStatusBarView(Activity activity) {
View statusBarView = new View(activity);
ViewGroup.LayoutParams statusBarParams = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
statusBarView.setLayoutParams(statusBarParams);
return statusBarView;
}
/**
* 獲取狀態(tài)欄的高度
*/
public static int getStatusBarHeight(Context context) {
int result = 0;
int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
result = context.getResources().getDimensionPixelSize(resourceId);
}
return result;
}
3 隱藏導(dǎo)航欄
隱藏導(dǎo)航欄就是使用了UI Flag
/**
*
* @param activity
* @param
*/
public static void setNavigationBar(Activity activity,int visible){
View decorView = activity.getWindow().getDecorView();
//顯示NavigationBar
if (View.GONE == visible){
int option = SYSTEM_UI_FLAG_HIDE_NAVIGATION;
decorView.setSystemUiVisibility(option);
}
}
4 APP全屏
這里的APP全屏又分為隱藏狀態(tài)欄與ActionBar，與隱藏導(dǎo)航欄，狀態(tài)欄。
隱藏狀態(tài)欄：
/**
* 設(shè)置Activity的statusBar隱藏
* @param activity
*/
public static void statusBarHide(Activity activity){
// 代表 5.0 及以上
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
View decorView = activity.getWindow().getDecorView();
int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
decorView.setSystemUiVisibility(option);
activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
ActionBar actionBar = activity.getActionBar();
actionBar.hide();
return;
}
// versionCode > 4.4 and versionCode < 5.0
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}
效果如下：
這里先調(diào)用getWindow().getDecorView()方法獲取到了當(dāng)前界面的DecorView，然后調(diào)用它的setSystemUiVisibility()方法來(lái)設(shè)置系統(tǒng)UI元素的可見(jiàn)性。其中，SYSTEM_UI_FLAG_FULLSCREEN表示全屏的意思，也就是會(huì)將狀態(tài)欄隱藏。另外，根據(jù)Android的設(shè)計(jì)建議，ActionBar是不應(yīng)該獨(dú)立于狀態(tài)欄而單獨(dú)顯示的，因此狀態(tài)欄如果隱藏了，我們同時(shí)也需要調(diào)用ActionBar的hide()方法將ActionBar也進(jìn)行隱藏。
隱藏導(dǎo)航欄，狀態(tài)欄：
一般游戲需要這種界面，代碼如下：
在Activity的onWindowFocusChanged（）中去設(shè)置界面完全全屏。
/**
* 導(dǎo)航欄，狀態(tài)欄隱藏
* @param activity
*/
public static void NavigationBarStatusBar(Activity activity,boolean hasFocus){
if (hasFocus && Build.VERSION.SDK_INT >= 19) {
View decorView = activity.getWindow().getDecorView();
decorView.setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}
}
效果如下：
可以看到，界面默認(rèn)情況下是全屏的，狀態(tài)欄和導(dǎo)航欄都不會(huì)顯示。而當(dāng)我們需要用到狀態(tài)欄或?qū)Ш綑跁r(shí)，只需要在屏幕頂部向下拉，或者在屏幕右側(cè)向左拉，狀態(tài)欄和導(dǎo)航欄就會(huì)顯示出來(lái)，此時(shí)界面上任何元素的顯示或大小都不會(huì)受影響。過(guò)一段時(shí)間后如果沒(méi)有任何操作，狀態(tài)欄和導(dǎo)航欄又會(huì)自動(dòng)隱藏起來(lái)，重新回到全屏狀態(tài)。
透明狀態(tài)欄,導(dǎo)航欄：
另外，通過(guò)設(shè)置UI Flag，可以讓導(dǎo)航欄，狀態(tài)欄都透明化。
/**
* 導(dǎo)航欄，狀態(tài)欄透明
* @param activity
*/
public static void setNavigationBarStatusBarTranslucent(Activity activity){
if (Build.VERSION.SDK_INT >= 21) {
View decorView = activity.getWindow().getDecorView();
int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
decorView.setSystemUiVisibility(option);
activity.getWindow().setNavigationBarColor(Color.TRANSPARENT);
activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
}
ActionBar actionBar = activity.getActionBar();
actionBar.hide();
}
效果如下：
以上所述是小編給大家介紹的Android 沉浸式狀態(tài)欄與隱藏導(dǎo)航欄實(shí)例詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- Android 中使用RadioGroup和Fragment實(shí)現(xiàn)底部導(dǎo)航欄的功能
- 性能分析:指如何快速定位SQL問(wèn)題
- android中Fragment+RadioButton實(shí)現(xiàn)底部導(dǎo)航欄
- Android自定義ViewPagerIndicator實(shí)現(xiàn)炫酷導(dǎo)航欄指示器（ViewPager+Fragment）
- Android程序開(kāi)發(fā)之Fragment實(shí)現(xiàn)底部導(dǎo)航欄實(shí)例代碼
- Android實(shí)現(xiàn)沉浸式通知欄通知欄背景顏色跟隨app導(dǎo)航欄背景顏色而改變
- Android實(shí)現(xiàn)底部導(dǎo)航欄功能（選項(xiàng)卡）
- 超簡(jiǎn)單的幾行代碼搞定Android底部導(dǎo)航欄功能
- Android 彈出Dialog時(shí)隱藏狀態(tài)欄和底部導(dǎo)航欄的方法
- android 全屏去掉底部虛擬導(dǎo)航欄的方法
- 解決android 顯示內(nèi)容被底部導(dǎo)航欄遮擋的問(wèn)題
- Android仿今日頭條頂部導(dǎo)航欄效果的實(shí)例代碼
- Android仿網(wǎng)易客戶端頂部導(dǎo)航欄效果
- Android?Fragment實(shí)現(xiàn)頂部、底部導(dǎo)航欄
相關(guān)文章
Android 重寫ViewGroup 分析onMeasure()和onLayout()方法
這篇文章主要介紹了Android 重寫ViewGroup 分析onMeasure()和onLayout()方法的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細(xì)解析了Android組件content provider的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
Android實(shí)現(xiàn)3D標(biāo)簽云效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)3D標(biāo)簽云效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
這篇文章主要介紹了Android Toast通知用法,集合實(shí)例形式詳細(xì)分析了Toast通知的基本使用方法與常見(jiàn)顯示布局效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-07-07
android開(kāi)發(fā)教程之實(shí)現(xiàn)toast工具類
這篇文章主要介紹了android開(kāi)發(fā)中需要的toast工具類,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了android studio廣播機(jī)制的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
仿餓了嗎點(diǎn)餐界面ListView聯(lián)動(dòng)的實(shí)現(xiàn)
這篇文章主要介紹了仿餓了嗎點(diǎn)餐界面ListView聯(lián)動(dòng)的實(shí)現(xiàn)的相關(guān)資料,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
Android使用MediaCodec將攝像頭采集的視頻編碼為h264
這篇文章主要為大家詳細(xì)介紹了Android使用MediaCodec將攝像頭采集的視頻編碼為h264，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
Android實(shí)現(xiàn)Listview異步加載網(wǎng)絡(luò)圖片并動(dòng)態(tài)更新的方法
這篇文章主要介紹了Android實(shí)現(xiàn)Listview異步加載網(wǎng)絡(luò)圖片并動(dòng)態(tài)更新的方法,結(jié)合實(shí)例形式詳細(xì)分析了ListView異步加載數(shù)據(jù)的操作步驟與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了Android中View繪制流程詳細(xì)介紹，涉及創(chuàng)建ViewRoot并關(guān)聯(lián)View，ViewRoot等相關(guān)內(nèi)容，具有一定參考價(jià)值，需要的朋友可以了解下。2017-11-11