Android4.4+ 實現半透明狀態(tài)欄（Translucent Bars）

更新時間：2017年09月19日 16:20:39 作者：李濟洲

這篇文章主要為大家詳細介紹了Android4.4+ 實現半透明狀態(tài)欄，對狀態(tài)欄(Status Bar)和下方導航欄(Navigation Bar)進行半透明處理，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Android從4.4(KitKat) 開始進行了一些視覺上的改善和提升，其中包括讓狀態(tài)欄(Status Bar)和下方導航欄(Navigation Bar)進行半透明處理，可以使APP內容向上下延伸，使整個畫面的利用度大幅度提升，本篇就來說說這個“半透明狀態(tài)欄”（Translucent Bars）。

簡單做了個Demo效果如下圖

*這里解釋個誤區(qū)，國內開發(fā)者和設計師經常把這種半透明效果稱為沉浸式狀態(tài)欄這是不對的，沉浸式Immersive mode，官方解釋為hiding all system UI根本不是這種半透明的效果。

下面說說如何使用這種效果：

1、在onCreate里面代碼設置半透明的屬性，由于只有Android 4.4以上才支持這種效果，所以代碼需要判斷下

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      //透明狀態(tài)欄
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      //透明底部導航欄
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
     }

2、在這個界面上我去掉了Actionbar，實現方式有很多，這里我使用的是在Style里去掉。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
  </style>

3、這個部分需要留意一下，如果希望APP的顯示內容正常和滾動透明化需要加上android:fitsSystemWindows=”true”和android:clipToPadding=”false”的屬性，建議你把這兩個屬性好好試試加上與否的區(qū)別。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true"
  android:clipToPadding="false"
  android:background="#795548"
  tools:context=".DefaultActivity" >

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:textColor="#ffffff"
    android:text="@string/str" />

</ScrollView>

這樣一個簡單的半透明化效果就實現了

詳細源碼：

Layout

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true"
  android:clipToPadding="false"
  android:background="#795548"
  tools:context=".DefaultActivity" >

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:textColor="#ffffff"
    android:text="@string/str" />

</ScrollView>

Style

<resources>

  <!-- Base application theme. -->
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
  </style>

</resources>

MainActivity

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      //透明狀態(tài)欄
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      //透明導航欄
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
     }

    setContentView(R.layout.activity_main);



  }

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: