Android開發中怎么實現一個沉浸式通知欄

Android開發中怎么實現一個沉浸式通知欄？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

①DrawerLayout+Toolbar

添加依賴庫(谷歌提供)

compile 'com.android.support:design:25.3.1'

布局代碼1:使用 DrawerLayout做最外層，引入NavigationView側邊抽屜控件

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/id_drawerlayout"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.tnnowu.android.demo17032801.MainActivity">

 <include layout="@layout/content_layout" />

 <android.support.design.widget.NavigationView
 android:id="@+id/id_navigationview"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_gravity="left"
 app:itemTextColor="@color/c_light_gray3" />

</android.support.v4.widget.DrawerLayout>

布局代碼2：里層嵌套Toolbar

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">

 <android.support.v7.widget.Toolbar
 android:id="@+id/toolbar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="#30469b"
 android:paddingTop="@dimen/toolbar_padding_top"
 app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
 app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:text="ToolBar版"
  android:textSize="20sp" />

 </android.support.v7.widget.Toolbar>

 <!--內容顯示布局-->
 <RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <Button
  android:id="@+id/goToActionBar"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"
  android:text="切換到ActionBar版" />
 </RelativeLayout>

</LinearLayout>

Style樣式：無ActionBar

<style name="AppThemeNoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
 <!-- Customize your theme here. -->
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
</style>

主程序代碼：除了要在onCreate()里面初始化 DrawerLayout、NavigationView、Toolbar控件 即initViews()，還要在onCreate()里面添加手機系統版本判斷和相應的樣式適配initImmersive()

private void initViews() {
 mDrawerLayout = (DrawerLayout) findViewById(R.id.id_drawerlayout);
 mNagigationView = (NavigationView) findViewById(R.id.id_navigationview);
 mNagigationView.inflateHeaderView(R.layout.header_nav);
 mNagigationView.inflateMenu(R.menu.menu_nav);
 mToolbar = (Toolbar) findViewById(R.id.toolbar);
 mBtn = (Button) findViewById(R.id.goToActionBar);
 mToolbar.setTitle("");
 if (mToolbar != null) {
  setSupportActionBar(mToolbar);
 }
 ActionBarDrawerToggle mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, R.string.open, R.string.close);
 mActionBarDrawerToggle.syncState();
 mDrawerLayout.setDrawerListener(mActionBarDrawerToggle);
 mBtn.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  startActivity(new Intent(MainActivity.this, DemoActionBarActivity.class));
  }
 });
 }

private void initImmersive() {
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
  WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();
  localLayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);
  if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
  //將側邊欄頂部延伸至status bar
  mDrawerLayout.setFitsSystemWindows(true);
  //將主頁面頂部延伸至status bar;雖默認為false,但經測試,DrawerLayout需顯示設置
  mDrawerLayout.setClipToPadding(false);
  }
 }
 }

這樣Drawlayout + Toolbar就實現了樣式改變。

 ②ActionBar

布局代碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/colorPrimary"
 android:fitsSystemWindows="true"
 android:orientation="vertical">

 <!--內容顯示布局-->
 <RelativeLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/c_light_white">

 <Button
  android:id="@+id/goBack"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerInParent="true"
  android:text="返回到ToolBar版" />
 </RelativeLayout>

</LinearLayout>

Style樣式：有ActionBar

<style name="AppThemeActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
 <!-- Customize your theme here. -->
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
</style>

主程序代碼：

public class DemoActionBarActivity extends AppCompatActivity {

 private Button mBtn;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main_actionbar);

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
  WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();
  localLayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);

 }

 initView();
 }

 private void initView() {
 mBtn = (Button) findViewById(R.id.goBack);
 mBtn.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  finish();
  }
 });
 }

}

看完上述內容，你們掌握Android開發中怎么實現一個沉浸式通知欄的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！