Android沉浸式(侵入式)标題欄(狀态欄)Status（一）



Android沉浸式(侵入式)标題欄(狀态欄)Status（一）

現在越來越多的APP設計采用這種稱之為沉浸式狀态欄（Status）的設計，這種沉浸式狀态欄又稱之“侵入式”狀态欄或标題欄，在Android中實作，方案多，也不難。以下以xml方式實作：

三步：

（1） 我的例子中，Androidmanifest.xml檔案中定義的app的style為AppTheme：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="zhangphil.myapplication">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>           

上面的Androidmanifest.xml是Android Studio自動生成的，同時Android Studio自動在res/values目錄下生成的styles.xml檔案中定義了AppTheme，我把這個AppTheme重新修改為：

<resources>

    <style name="AppTheme" parent="android:Theme.Holo.Light.NoActionBar">

    </style>

</resources>
           

（2）再為Android v19準備一套styles.xml檔案。在res/目錄下建立一個名為values-v19目錄，在res/values-v21目錄下再建一個styles.xml檔案，注意名字和AppTheme相同：

<resources>

    <style name="AppTheme" parent="android:Theme.Holo.NoActionBar.TranslucentDecor">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>

</resources>
           

（3）寫一個簡單的MainActivity.java測試，MainActivity.java代碼（特别注意！本例的MainActivity繼承自Activity而不是AppCompatActivity，如果繼承自AppCompatActivity，顯示結果達不到本例結果）：

package zhangphil.myapplication;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

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

MainActivity.java加載的activity_main.xml代碼：

<?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="@android:color/holo_orange_dark"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@android:color/white"
        android:text="zhang phil @ csdn" />
</LinearLayout>
           

代碼運作結果：

TextView跑到頂部狀态欄下面去了，這顯然不合适，在activity_main.xml代碼中增加android:fitsSystemWindows="true" ：

<?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="@android:color/holo_orange_dark"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@android:color/white"
        android:text="zhang phil @ csdn" />
</LinearLayout>
           

顯示就正常了。

附錄：

1，《Android StatusBarUtil：設定Android系統下方虛拟鍵鍵盤透明度》連結：

http://blog.csdn.net/zhangphil/article/details/51768318