Android沉浸式状态栏的开发

今天要记录的是Android沉浸式状态栏的开发，看到别的应用都有沉浸式状态栏，是不是感觉很爽，今天我也来做一个沉浸式状态栏的例子，如下图所示：

Android沉浸式状态栏的开发_第1张图片

哇擦，图好大，就不改了。。。

下面记录一下实现过程：

1、首先在需要使用沉浸式状态栏的Activity里，加上如下代码：

package com.example.translucentstatusbar;import android.annotation.SuppressLint;import android.app.Activity;import android.os.Build.VERSION;import android.os.Build.VERSION_CODES;import android.os.Bundle;import android.view.WindowManager;public class MainActivity extends Activity {@SuppressLint("InlinedApi")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//判断当前SDK版本号，如果是4.4以上，就是支持沉浸式状态栏的if (VERSION.SDK_INT >= VERSION_CODES.KITKAT) {            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);        }}}

主要是onCreate方法中的两句代码。

2、修改Activity对应的布局文件，加上两个属性，如下代码所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:clipToPadding="true"    android:fitsSystemWindows="true"    android:orientation="vertical" ></LinearLayout>

关键是clipToPadding和fitsSystemWindows这两个属性，如果不加这两个属性，你会看到沉浸式的状态栏，但是Activity中的内容会整体上移状态栏高度的距离，

3、如果你的AndroidManifest.xml文件中给Activity设置的主题带有ActionBar，或者有titleBar，那也需要改一下，设置下面的theme吧：

<application    android:allowBackup="true"    android:icon="@drawable/ic_launcher"    android:label="@string/app_name"    android:theme="@android:style/Theme.Light.NoTitleBar" ></application>

有了上面三个地方的配置，基本上就没问题了，沉浸式的状态栏就完成了，下面美化一下界面，给出MainActivity整个的布局文件
，如下代码所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:clipToPadding="true"    android:fitsSystemWindows="true"    android:background="#6699ff"    android:orientation="vertical" >        <RelativeLayout         android:layout_width="fill_parent"        android:layout_height="50dp"        android:orientation="vertical"        >        <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="20sp"            android:layout_centerInParent="true"            android:textColor="#ffffff"            android:text="标题"            />        <Button             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            android:paddingLeft="20dp"            android:paddingRight="20dp"            android:textSize="16sp"            android:textColor="#ffffff"            android:text="返回"            android:background="#00000000"            />        <Button             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:paddingLeft="20dp"            android:paddingRight="20dp"            android:textSize="16sp"            android:textColor="#ffffff"            android:text="设置"            android:background="#00000000"            />    </RelativeLayout>        <LinearLayout         android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:background="#ffffff"        android:orientation="vertical"        android:gravity="center"        >        <TextView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="28sp"            android:textColor="#000000"            android:text="Hello World"            android:textStyle="italic"            />    </LinearLayout>    </LinearLayout>

大功告成了，沉浸式状态栏的界面出来了，确实比黑底的状态栏好看多了！！！

源代码下载点击这里

更多相关文章

随机推荐