您的位置:首页 > 产品设计 > UI/UE

android UI StatusBar(手机顶部状态栏)适配

2017-04-04 02:35 183 查看

前言:

状态栏指定android手机上顶部显示手机状态信息的位置,状态栏是在4.4(19)加入的,在4.4以前的系统上无法实现。现在世面上的手机android4.4一下的占比不是很大,所以不是太影响.本文目的解决4.4以上适配问题。

android 4.4(19)的界面



android 6.0(23)的界面



问题:19和23的界面statusbar不统一,颜色各异

出现原因:19根本没有setStatusBarColor这个函数,不能改变StatusBar的颜色

解决办法:

1. 19设置android:windowTranslucateStatus属性,并且手动添加一个和状态栏高度等高的View

2. 5.0及以上:不设置android:windowTranslucateStatus属性,直接设置statusBarColor的色值。

问题:当状态栏需要设置一个图片

解决办法:

1. 4.4:直接设置android:windowTranslucateStatus属性。

2. 5.0:不设置,同时设置状态栏颜色透明,并使用另一个属性。

适配类代码如下:

package com.example.administrator.activityexperiment;

import android.app.Activity;
import android.graphics.Color;
import android.os.Build;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.LinearLayout;

/**
* Created by beef on 2017/4/4.
*/

public class StatusBarUtils  {

/**
* 将acitivity中的activity中的状态栏设置为一个纯色
* @param activity 需要设置的activity
* @param color 设置的颜色(一般是titlebar的颜色)
*/
public static void setColor(Activity activity, int color){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//5.0及以上,不设置透明状态栏,设置会有半透明阴影
activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//设置statusBar的背景色
activity.getWindow().setStatusBarColor(color);
} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// 生成一个状态栏大小的矩形
View statusView = createStatusBarView(activity, color);
// 添加 statusView 到布局中
ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
decorView.addView(statusView);
//让我们的activity_main。xml中的布局适应屏幕
setRootView(activity);
}
}

/**
* 当顶部是图片时,是图片显示到状态栏上
* @param activity
*/
public static void setImage(Activity activity){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//5.0及以上,不设置透明状态栏,设置会有半透明阴影
activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//是activity_main。xml中的图片可以沉浸到状态栏上
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
//设置状态栏颜色透明。
activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
} else {
//。。。。
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}

/**
* 设置根布局参数,让跟布局参数适应透明状态栏
*
*/
private static void setRootView(Activity activity) {
//获取到activity_main.xml文件
ViewGroup rootView = (ViewGroup) ((ViewGroup) activity.findViewById(android.R.id.content)).getChildAt(0);

//如果不是设置参数,会使内容显示到状态栏上
rootView.setFitsSystemWindows(true);
}

/**
* 获取状态栏的高度
* @param acitivity
* @return
*/
private static int getStatusBarHeight(Activity acitivity){

int resourceId = acitivity.getResources().getIdentifier("status_bar_height", "dimen", "android");

return acitivity.getResources().getDimensionPixelOffset(resourceId);
}

/**
* 生成一个和状态栏大小相同的矩形条
*
* @param activity 需要设置的activity
* @param color    状态栏颜色值
* @return 状态栏矩形条
*/
private static View createStatusBarView(Activity activity, int color) {
// 绘制一个和状态栏一样高的矩形
View statusBarView = new View(activity);
LinearLayout.LayoutParams par
b35b
ams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
getStatusBarHeight(activity));
statusBarView.setLayoutParams(params);
statusBarView.setBackgroundColor(color);
return statusBarView;
}
}


activity使用代码:

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

StatusBarUtils.setColor(this,  getResources().getColor(R.color.testcolor));
Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
}

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_iamge);
StatusBarUtils.setImage(this);
}


android19





android6.0





整个DEMO可以在我上传的资源上,名字叫stastusbar适配Demo.

参考文章:

http://www.mamicode.com/info-detail-1321013.html 透明状态栏(StatusBar)的全适配

http://www.jianshu.com/p/2539ccf2f3dd Android踩坑记之沉浸式StatusBar

http://www.jianshu.com/p/8b3ec46dac39 关于状态栏StatusBar(System UI)的各种操作…

http://blog.csdn.net/u014702999/article/details/52536234 android状态栏【status_bar】各版本适配方案
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android ui 手机 界面