前言:Google从android kitkat(Android 4.4)开始,给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏,这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了,还可以调成跟Activity一样的样式,形成一个完整的主题,和IOS7.0以上系统一样了。
1.首先看看沉浸式状态栏的效果
步骤1
在BaseActivity的里面加入判断系统版本,方便其他的Activity使用
public class BaseActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initState();
setContentView(R.layout.activity_base);
}
private void initState() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
Window window = getWindow();
window.setFlags( WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}
}
步骤2 MainActivity的xml文件,我在里面写了一个通用的title,请注意title里面的两个属性
android:fitsSystemWindows=”true”
android:clipToPadding=”true”
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.hyyx.testdemo.MainActivity">
<include layout="@layout/title_bar" />
<Button
android:id="@+id/btn_main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="跳转"/>
</LinearLayout>
title的xml文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorAccent"
android:fitsSystemWindows="true"
android:clipToPadding="true"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="45dp"
>
<TextView
android:id="@+id/title_bar_tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="标题"
android:textColor="@color/colorPrimaryDark"
android:textSize="18sp" />
</RelativeLayout>
</LinearLayout>
对了,还需要在AndroidManifest对app的theme进行一个更换
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
经过上面的操作,你的app就可以完成简单沉浸式的效果了。
2.很多人在activty中嵌套fragment时,进行沉浸式的时候标题栏可能会被顶上去,造成沉浸式效果很难看。咱们先看个效果图,是不是遇到过?
这里我有一个简单的解决方案,仅供大家参考,就是在放fragment的布局上面,加一个view,不废话看代码。
先看xml的代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.hyyx.testdemo.SecActivity">
<View
android:id="@+id/statu_bar"
android:layout_width="match_parent"
android:layout_height="20dp"
android:background="@color/colorPrimary" />
<FrameLayout
android:id="@+id/frame"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"></FrameLayout>
<Button
android:id="@+id/btn_one"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Fragment-1" />
<Button
android:id="@+id/btn_two"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Fragment-2" />
</LinearLayout>
activit里面的代码
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_sec);
statusBar = findViewById(R.id.statu_bar);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
statusBar.setVisibility(View.VISIBLE);
setTranslucentStatus(true);
//还有设置View的高度,因为每个型号的手机状态栏高度都不相同
} else {
statusBar.setVisibility(View.GONE);
}
fragmentManager = this.getSupportFragmentManager();
transaction = fragmentManager.beginTransaction();
transaction.add(R.id.frame, new MyFragment());
transaction.commit();
((Button) findViewById(R.id.btn_one)).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
statusBar.setBackgroundColor(getResources().getColor(R.color.colorPrimary));
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.replace(R.id.frame, new MyFragment());
transaction.commit();
}
}
);
((Button) findViewById(R.id.btn_two)).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
statusBar.setBackgroundColor(getResources().getColor(R.color.colorAccent));
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.replace(R.id.frame, new MyFragmentTwo());
transaction.commit();
}
}
);
}
@TargetApi(19)
private void setTranslucentStatus(boolean on) {
Window win = getWindow();
WindowManager.LayoutParams winParams = win.getAttributes();
final int bits = WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
if (on) {
winParams.flags |= bits;
} else {
winParams.flags &= ~bits;
}
win.setAttributes(winParams);
}
}
这个方法比较投机耍滑,判断SDK版本是否大于等于19,大于就让他显示,小于就要隐藏,然后根据fragment的标题颜色,改变view的背景,实现沉浸式状态栏的效果。我也看过很多资料,很少有人分享解决这个问题的方法,所以各位看官先将就的看看,毕竟也是个解决办法。如果有什么问题,欢迎大家指点和一起谈论,小弟拜谢!