仿IOS沉浸式状态栏实现

最新推荐文章于 2021-05-26 19:51:36 发布

晨风的小窝

最新推荐文章于 2021-05-26 19:51:36 发布

阅读量6.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签：沉浸式状态栏

本文链接：https://blog.csdn.net/Gold_brick/article/details/53516247

Android 专栏收录该内容

89 篇文章

订阅专栏

该博客介绍了如何在Android中实现类似iOS的沉浸式状态栏效果。通过在BaseActivity中添加代码，调整TitleBuilder.java和root_view.xml，设置适当的paddingTop属性来避免标题栏侵入状态栏区域。同时，文章提醒注意状态栏颜色的设定，并推荐使用paddingTop方法，因为这种方法简单且易于操作。附带了一个DEMO供读者下载参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很简单，在BaseActivity添加代码：

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

        //判断当前SDK版本号，如果是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);
        }

        TitleBuilder titleBuilder = new TitleBuilder(this);
        titleBuilder.setTitleText(res.getString(R.string.app_name));

   }

TitleBuilder.java

public TitleBuilder(final Activity context) {
        View root = TypefaceUtil.getRootView(context);
        isLinearLayout = root instanceof LinearLayout;
        if (isLinearLayout) {
            LinearLayout rootView = (LinearLayout) root;
//          rootView.setClipToPadding(true);
//          rootView.setFitsSystemWindows(true);
//          rootView.setBackgroundColor(context.getResources().getColor(R.color.subject_bg));
            view = LayoutInflater.from(context).inflate(R.layout.top_toolbar, null);
            view.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ConstantValue.TitleHeight));
            rootView.addView(view, 0);
          }

    }

getRootView方法：

/**
     * 从Activity 获取 rootView 根节点
     * @param context
     * @return 当前activity布局的根节点
     */
    public static View getRootView(Activity context)
    {
        return ((ViewGroup)context.findViewById(android.R.id.content)).getChildAt(0);
    }

top_toolbar.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_toolbar"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="@dimen/y30"
    android:background="@color/subject_bg"
    android:gravity="center_vertical"
    android:paddingTop="@dimen/y10">

    <LinearLayout
        android:id="@+id/rl_toolbar_left"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:paddingLeft="@dimen/x10"
        android:gravity="left|center_vertical">
        <ImageView
            android:id="@+id/iv_toolbar_left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/common_back"/>
        <TextView
            android:id="@+id/tv_toolbar_left"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textColor="#fff"
            android:textSize="18sp"
            android:visibility="gone"
            android:gravity="center_vertical"
            android:layout_marginLeft="@dimen/x10"/>
    </LinearLayout>

    <RelativeLayout
        android:id="@+id/rl_toolbar_center"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:gravity="center">
        <TextView
            android:id="@+id/tv_toolbar_center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="18sp"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="#fff"/>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/rl_toolbar_right"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:paddingRight="@dimen/x10">
        <ImageView
            android:id="@+id/iv_toolbar_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:visibility="gone"
            android:src="@mipmap/common_back"/>
        <TextView
            android:id="@+id/tv_toolbar_right"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textColor="#fff"
            android:textSize="18sp"
            android:gravity="center"
            android:layout_alignParentRight="true"
            android:layout_toLeftOf="@+id/iv_toolbar_right"/>
    </RelativeLayout>
</LinearLayout>

这里根view一定要有个android:paddingTop=”@dimen/y10”属性，用来是标题栏看起来不会渗进状态栏里边。

注意到，TitleBuilder注释掉这两句话：

rootView.setClipToPadding(true);
rootView.setFitsSystemWindows(true);

大概意思就是在标题栏上方留出状态栏位置，但是光有这个的话状态栏的颜色是透明的，一定要和设置Activity的rootView背景色搭配使用。但是这样整个页面的背景色都变成主题色了，还得辛辛苦苦的将View的背景设置一番。

rootView.setBackgroundColor(context.getResources().getColor(R.color.subject_bg));

推荐使用paddingTop方式，简单易上手。

DEMO下载