android 沉浸式布局， 仿QQ微信，title和状态栏同一颜色

2023年4月3日 180次阅读 来源: 唠嗑008

我们看到QQ和微信对于状态栏和title是一个颜色，这样的界面感觉更加大气，也是界面设计采用比较多的方式，

其实我们客户端实现也特别简单
在主类中添加如下代码

//透明状态栏        
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
//透明导航栏         
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

然后在对应布局文件中的title布局中，加入下代码，这样做的目的就是为了让你title中的内容和状态栏不会重叠

android:fitsSystemWindows="true"  
 android:clipToPadding="true"

如下是完整代码

MainActivity

public class MainActivity extends AppCompatActivity {

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

        //透明状态栏  
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        //透明导航栏  
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    }
}

activity_main.xml

<?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"
    android:orientation="vertical"
    tools:context="com.zx.statubardemo.MainActivity">
    
    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#7583ed"
       android:fitsSystemWindows="true"  
        android:clipToPadding="true">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ffffff"
            android:textSize="18sp"
            android:text="沉浸式状态栏" />
    </android.support.v7.widget.Toolbar>
    
</LinearLayout>
    原文作者：唠嗑008
    原文地址: https://www.jianshu.com/p/b77355ae4080
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞