首页 > 系统 > Android > 正文

Android沉浸式标题栏迄今为止最完美的解决方案

2019-11-06 09:59:14
字体:
来源:转载
供稿:网友

Android在4.4版本才实现沉浸式标题栏方案,所以要适配沉浸式标题栏要大于等于Android4.4版本

类型一:单独一个Activity

这种很简单,需要在Activity的onCreate方法中加入

ViewColor.setColor(this, R.color.red); // 设置颜色

然后在布局文件的根节点加入

android:fitsSystemWindows="true"

ViewColor工具类的代码如下:

public class ViewColor { /** * 生成一个和状态栏大小相同的矩形条 * * @param activity 需要设置的activity * * @param color 状态栏颜色值 * * @return 状态栏矩形条 */ PRivate static View createStatusView(Activity activity, int color) { // 获得状态栏高度 int resourceId = activity.getResources().getIdentifier("status_bar_height", "dimen", "android"); int statusBarHeight = activity.getResources().getDimensionPixelSize(resourceId); // 绘制一个和状态栏一样高的矩形 View statusView = new View(activity); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight); statusView.setLayoutParams(params); statusView.setBackgroundColor(color); return statusView; } /** * 设置状态栏颜色 * * @param activity 需要设置的activity * @param color 状态栏颜色值 */ @TargetApi(Build.VERSION_CODES.ICE_CREAM_SANDWICH) public static void setColor(Activity activity, int color) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { // 设置状态栏透明 activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); // 生成一个状态栏大小的矩形 View statusView = createStatusView(activity, color); // 添加 statusView 到布局中 ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView(); decorView.addView(statusView); // 设置根布局的参数 ViewGroup rootView = (ViewGroup) ((ViewGroup) activity.findViewById(android.R.id.content)).getChildAt(0); rootView.setFitsSystemWindows(true); rootView.setClipToPadding(true); } } }

类型二:一个Activity中有多个Fragment,每个Fragment都有不同的状态栏颜色

1.此方法适合每个fragment的状态栏颜色是一样的

android:fitsSystemWindows="true"

2.此方法适合每个fragment的状态栏颜色都是不一样的

在Activity的布局中根节点下第一个控件上加上属性:android:fitsSystemWindows="true"

一般情况下布局第一个控件位自己的标题栏RelativeLayout或者LinearLayout 可以在title的上面加一个空的view,这个空的view就是用来填充状态栏的

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/title_bar" android:gravity="center" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="25dp" android:background="@color/base_bar_color" android:fitsSystemWindows="true" /> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="vertical"

第一个LinearLayout是根节点,下面的TextView就是用来填充状态栏的,下面的LinearLayout就是我自己的title栏,填充什么样的颜色,自己决定。 如果其中的一个Fragment是一张图片,那么就不需要这个空的TextView了,直接在图片的ImageView中添加属性:

android:fitsSystemWindows="true"

在onCreateview方法中加入透明状态栏的方法

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

需要注意的是,一个Activity中有多个Fragment,而且每个Fragment的状态栏颜色都不一样,在低版本的Android手机上状态栏会出现刚才添加25dp的textview,需要进行版本判断隐藏这个textview

// 获得状态栏高度int resourceId = getActivity().getResources().getIdentifier("status_bar_height", "dimen", "android");int statusBarHeight = getActivity().getResources().getDimensionPixelSize(resourceId); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { tv_top.setHeight(statusBarHeight); tv_top.setVisibility(View.VISIBLE); }else { tv_top.setVisibility(View.GONE); }

最后在Android5.0版本可能会出现状态栏上面有黑色背景条的情况,需要加入版本判断

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { Window window = getWindow(); window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION); window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_STABLE); window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); window.setStatusBarColor(Color.TRANSPARENT); window.setNavigationBarColor(Color.TRANSPARENT); }

类型三、有的需要沉浸式的状态栏颜色可能是很浅的颜色(在此非常鄙视那种在Android上设计标题栏为灰不辣鸡的那种很浅的颜色的设计师,因为在IOS中可以随意设置状态栏的字体颜色,而安卓手机众多没有标准),设置状态栏字体颜色。

设置状态栏字体颜色的,请移步至我的另一篇文章

Android沉浸式状态栏字体颜色修改


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表