实现沉浸式的三种方式

首先说一下我对沉浸式状态栏的理解,在4.4之前,状态栏都是黑乎乎的,看起来很不美观,在4.4之后可以将状态栏设置成透明并和标题栏同一种颜色。以下是我总结的实现沉浸式的几种方式。

第一种方式:使用系统API实现沉浸式

1.1、首先看布局文件

添加android:fitsSystemWindows=”true”, android:clipToPadding=”true”两个属性

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="teststatusbar.com.xn.teststatusbar.MainActivity">

    <TextView
        android:background="@android:color/holo_blue_dark"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clipToPadding="true"
        android:fitsSystemWindows="true"
        android:onClick="firstWay"
        android:text="第一种方式实现沉浸式状态栏" />

</LinearLayout>

或者直接设置属性:

<item name="android:statusBarColor">@color/system_bottom_nav_color</item>,

这个属性是直接设置状态栏的颜色,这个属性是在style中设置的。或者直接用代码来改变颜色,只在5.0及以上才能起作用。

//5.0+可以直接用API来修改状态栏的颜色。    getWindow().setStatusBarColor(getResources().getColor(R.color.material_blue_grey_800));
    <item name="android:windowTranslucentStatus">true</item>

这个属性就是设置状态栏为透明,同样在style文件中来设置的,但是有个弊端就是状态栏会往上移,所以标题栏的高度会减少,减少的高度为状态栏的高度,大概是24dp。这时我们通过反射机制来动态增加高度,或者给Toolbar设置android:fitsSystemWindows=”true”,或者给最外层的容器设置这个属性,这样也可以将减少的高度补回来。

1.2、java代码如下:
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initStatusbar();
    }

    /**
     * 初始化状态栏
     */
    private void initStatusbar() {
       //这里是判断当前的目标版本是否在4.4及以上,如果在4.4之上我们才设置沉浸式
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            //透明状态栏
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            //透明导航栏
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        }
    }
}

效果如下:
这里写图片描述

第二种方式:使用反射机制动态加载标题栏

思路是这样的:先获取到状态栏的高度,再获取到我们自定义的标题栏的高度,然后将我们的标题栏的高度设置为两者之和,在这之前需要将我们原本的状态栏设为透明。这样就完成了我们的沉浸式状态栏。

2.1:在布局文件中定义好自定义的标题栏
<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="teststatusbar.com.xn.teststatusbar.SecondActivity">

    <LinearLayout
        android:id="@+id/line"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="@android:color/holo_blue_dark">

        <TextView
            android:layout_gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第二种方式实现沉浸式状态栏" />
    </LinearLayout>
</LinearLayout>

高度我们设置的80dp。

2.2、在java代码中动态设置状态栏的高度
public class SecondActivity extends AppCompatActivity {
    LinearLayout lin;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        lin = (LinearLayout) findViewById(R.id.line);
        setStatus();
    }

    /**
     * 设置沉浸式状态栏
     */
    private void setStatus() {
        //判断是否是大于当前版本4.4,如果大于则实现沉浸式
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//标题栏透明
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//导航栏透明
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

            lin.post(new Runnable() {
                @Override
                public void run() {
                    final int statusheight = getLayoutHeight();
                    final int linHeight = lin.getHeight();
                    Log.e("statusheight linHeight", ""+statusheight+":"+linHeight);
                    ViewGroup.LayoutParams layoutParams = lin.getLayoutParams();
                    layoutParams.height = statusheight + linHeight;
                    lin.setLayoutParams(layoutParams);
                }
            });
        }
    }

    /**
     * 获取状态栏的高度
     *
     * @return
     */
    public int getLayoutHeight() {
        try {
            Class<?> clazz = Class.forName("com.android.internal.R$dimen");
            Object obj = clazz.newInstance();
            Field field = clazz.getField("status_bar_height");
            int height = Integer.parseInt(field.get(obj).toString());
            return getResources().getDimensionPixelSize(height);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return 0;
    }
}

这里需要注意的是,获取我们自定义的状态栏的高度设置参数的代码,我们是放在view.post(new Runnable…)中的,为什么要放在这里面而不直接写呢,如果直接在onCreate方法里面获取一个view的参数如宽高等,是获取不到的,一直会是0,因为在onCreate方法中,也许view还没执行测量方法。

那为什么放在post方法中就能获取到了呢?这里是将Runnable添加到消息队列中,保证在UI线程中执行,这里就能保证在View绘制完成之后获取到宽高,就能取到值了。
最终的执行效果如下:
这里写图片描述

第三种方式:使用Toolbar自动带有沉浸式的效果

Toolbar的具体使用方式详见:http://blog.csdn.net/sinat_35159441/article/details/76794117
其实本质就是5.0自动实现了沉浸式的效果,通过主题的设置来改变状态栏的颜色。colorPrimaryDark这个属性就是用来显示状态栏的颜色的。

 <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
        <item name="android:textColor">@color/mytextcolor</item>
        <item name="colorPrimary">@color/colorPrimary_pink</item>
        <item name="colorPrimaryDark">@color/colorPrimary_pinkDark</item>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值