Android实现状态栏和虚拟按键背景颜色的变化实例代码详解

今天介绍一下,我在项目开发过程中,实现状态栏和虚拟按键背景颜色变化的方法,实现方式是,通过隐藏系统的状态栏和虚拟按键的背景,实现图片和背景显示到状态栏和虚拟按键下方。下面来看实现代码:

实现状态栏背景的设置

状态栏工具类

public class StatusBarUtil {
 /**
 * 设置沉浸式状态栏
 *
 * @param activity 需要设置的activity
 */
 public static void setTransparent(Activity activity) {
 //API19一下不考虑
 if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
  return;
 }
 transparentStatusBar(activity);
 setStatusBarTextColor(activity, Color.WHITE);
 }
 /**
 * 使状态栏透明
 */
 @TargetApi(Build.VERSION_CODES.KITKAT)
 private static void transparentStatusBar(Activity activity) {
 Window window = activity.getWindow();
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
  window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
  window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
  //设置虚拟按键背景透明,同时该属性会实现沉浸式状态栏
  window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
  window.setStatusBarColor(Color.TRANSPARENT);
//  window.setNavigationBarColor(Color.BLACK);
 } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
  window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
  window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
 }
 }
 /**
 * Android 6.0 以上设置状态栏颜色
 */
 protected static void setStatusBarTextColor(Activity activity, @ColorInt int color) {
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
  // 如果亮色,设置状态栏文字为黑色
  if (isLightColor(color)) {
  activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
  } else {
  activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
  }
 }
 }
 /**
 * 判断颜色是不是亮色
 *
 * @param color
 * @return
 * @from https://stackoverflow.com/questions/24260853/check-if-color-is-dark-or-light-in-android
 */
 private static boolean isLightColor(@ColorInt int color) {
 return ColorUtils.calculateLuminance(color) >= 0.5;
 }
 /**
 * 将布局设置为状态栏的高度
 *
 * @param context
 * @param view
 */
 public static void setStatusBarHeight(Context context, View view) {
 // 获得状态栏高度
 int height = getStatusBarHeight(context);
 ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
 layoutParams.height = height;
 view.setLayoutParams(layoutParams);
// status_bar.requestLayout();//请求重新布局
 }
 /**
 * 获取状态栏高度
 *
 * @param context context
 * @return 状态栏高度
 */
 public static int getStatusBarHeight(Context context) {
 // 获得状态栏高度
 int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
 return context.getResources().getDimensionPixelSize(resourceId);
 }
}

调用方式(在super.onCreate(savedInstanceState)方法之前调用):

StatusBarUtil.setTransparent(this);

该方法中,首先判断API版本,由于API19以下没有设置状态栏的方法,所以我们只考虑19以上的版本,接着调用了transparentStatusBar()方法,根据API21为分界,分别实现状态栏背景的透明,然后是调用setStatusBarTextColor()方法,设置状态栏字体的颜色。

实现效果:

1、沉浸式

2、自定义状态栏,我设置的背景为白色

如果要填充自己需要的导航栏颜色的话,可以自己创建一个导航栏布局layout_head,

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="@color/bgGray"
 android:orientation="vertical">
 <View
 android:id="@+id/status_bar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="@color/white"/>
</LinearLayout>

通过以下代码:

protected View getHeadView() {
 View view = View.inflate(activity, R.layout.layout_head, null);
 View status_bar = view.findViewById(R.id.status_bar);
 //status_bar .setBackground()
 StatusBarUtil.setStatusBarHeight(activity, status_bar);
 return view;
 }
 // frameLayout是你的activity留出的状态栏布局
 frameLayout.addView(getHeadView());

这样,就可以设置自己想要的状态栏的颜色和高度了。

虚拟按键背景颜色的设置

虚拟按键工具类

public class NavigationBarUtil {
 public static void initActivity(View content) {
 new NavigationBarUtil(content);
 }
 /**
 * 被监听的视图
 */
 private View mObserved;
 /**
 * 视图变化前的可用高度
 */
 private int usableHeightView;
 private ViewGroup.LayoutParams layoutParams;
 private NavigationBarUtil(View content) {
 mObserved = content;
 //给View添加全局的布局监听器监听视图的变化
 mObserved.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
  @Override
  public void onGlobalLayout() {
  resetViewHeight1();
  }
 });
 layoutParams = mObserved.getLayoutParams();
 }
 private int usableHeight = 0;
 private void resetViewHeight1() {
 int usableHeightViewNow = CalculateAvailableHeight();
 //比较布局变化前后的View的可用高度
 InputMethodManager inputMethodManager = (InputMethodManager) VankeApplication.getApplication().getSystemService(Context.INPUT_METHOD_SERVICE);
 Rect rect = new Rect();
 mObserved.getWindowVisibleDisplayFrame(rect);
 usableHeight = Math.max(usableHeight, rect.bottom);
 if (inputMethodManager.isActive() && usableHeight > rect.bottom) {//软键盘显示,导致界面布局改变
  return;
 }
 if (usableHeightViewNow != usableHeightView) {
  //如果两次高度不一致
  //将当前的View的可用高度设置成View的实际高度
  Configuration mConfiguration = VankeApplication.getApplication().getResources().getConfiguration(); //获取设置的配置信息
  int ori = mConfiguration.orientation; //获取屏幕方向
  if (ori == Configuration.ORIENTATION_LANDSCAPE) {
  //横屏
  layoutParams.width = usableHeightViewNow;
  } else if (ori == Configuration.ORIENTATION_PORTRAIT) {
  //竖屏
  layoutParams.height = usableHeightViewNow;
  }
  mObserved.requestLayout();//请求重新布局
  usableHeightView = usableHeightViewNow;
 }
 }
 /**
 * 计算试图高度
 *
 * @return
 */
 private int CalculateAvailableHeight() {
 Rect r = new Rect();
 mObserved.getWindowVisibleDisplayFrame(r);
 Configuration mConfiguration = VankeApplication.getApplication().getResources().getConfiguration(); //获取设置的配置信息
 int ori = mConfiguration.orientation; //获取屏幕方向
 if (ori == Configuration.ORIENTATION_LANDSCAPE) {
  //横屏
  return (r.right);
 } else if (ori == Configuration.ORIENTATION_PORTRAIT) {
  //竖屏
  return (r.bottom);
 }
// return (r.bottom - r.top);//如果不是沉浸状态栏,需要减去顶部高度
 return (r.bottom);//如果是沉浸状态栏
 }
 /**
 * 判断底部是否有虚拟键
 *
 * @param context
 * @return
 */
 public static boolean hasNavigationBar(Context context) {
 boolean hasNavigationBar = false;
 Resources rs = context.getResources();
 int id = rs.getIdentifier("config_showNavigationBar", "bool", "android");
 if (id > 0) {
  hasNavigationBar = rs.getBoolean(id);
 }
 try {
  Class systemPropertiesClass = Class.forName("android.os.SystemProperties");
  Method m = systemPropertiesClass.getMethod("get", String.class);
  String navBarOverride = (String) m.invoke(systemPropertiesClass, "qemu.hw.mainkeys");
  if ("1".equals(navBarOverride)) {
  hasNavigationBar = false;
  } else if ("0".equals(navBarOverride)) {
  hasNavigationBar = true;
  }
 } catch (Exception e) {
 }
 return hasNavigationBar;
 }
}

调用方式(在onCreate()中调用):

if (NavigationBarUtil.hasNavigationBar(this)) {
  NavigationBarUtil.initActivity(findViewById(android.R.id.content));
 }

这里我直接使用的系统的布局,首先调用hasNavigationBar()判断是否有虚拟按键,如果有,则调用initActivity()初始化NavigationBarUtil工具类,在工具类的构造方法中,给传入的view添加了全局的布局监听器,监听视图的变化,在监听器中,调用resetViewHeight1()方法,里面通过CalculateAvailableHeight()获取虚拟按键的高度,根据横竖屏的不同,分别设置了view的高度,实现了虚拟按键布局背景的填充。

总结

以上所述是小编给大家介绍的Android实现状态栏和虚拟按键背景颜色的变化实例代码详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

(0)

相关推荐

  • Android隐藏和沉浸式虚拟按键NavigationBar的实现方法

    有的时候我们在做全屏显示或者视频全屏播放时候,有些手机有底部的虚拟按键,如下图所示: 在开发中我们会遇到需要隐藏虚拟按键或者沉浸式虚拟按键的需求. 上图为沉浸式虚拟按键效果. 上图为隐藏虚拟按键效果. 那我们先说如何隐藏虚拟按键: public static void hideNavKey(Context context) { if (Build.VERSION.SDK_INT > 11 && Build.VERSION.SDK_INT < 19) { View v = ((A

  • react-native android状态栏的实现

    react-native 开发App的时候难免会遇到状态栏的,背景颜色和字体颜色与App内容页面,色调适配,间言之就是将状态栏颜色与App颜色一致,使用户界面更加整体. 1.android设备系统元素 导航栏:就是设备顶部的网络.时间.电量等信息栏 ActionBar: 返回按钮以及系统默认的header区域,RN开发中一般不会用到,RN中在navigation中进行定制 导航栏: 设备下方的物理返回.回桌面.选择应用程序等系统导航栏 2.状态栏的呈现形式 默认展示,一直显示手机系统的状态栏 透

  • Android 实现背景图和状态栏融合方法

    我们先看一下代码: public class MainActivity extends AppCompatActivity { ... @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if (Build.VERSION.SDK_INT >= 21){ View decorView = getWindow().getDecorView(); deco

  • Android Studio实现标题栏和状态栏的隐藏

    Android Studio在实现隐藏标题栏和状态栏上和Eclipse是完全不一样的. 在Eclipse上隐藏标题栏和状态栏的代码如下: 方法一: requestWindowFeature(Window.FEATURE_NO_TITLE); 方法二:getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); 今天在做闪屏页开发时,想把标题

  • 解决Android 沉浸式状态栏和华为虚拟按键冲突问题

    对于现在的 App 来说,布局页面基本都会用到沉浸式状态栏,单纯的沉浸式状态栏很容易解决,但是在华为手机上存在一个底部虚拟按键的问题,会导致页面底部和顶部出现很大的问题,比如页面底部导航栏被按键覆盖,导致底部无法操作,顶部状态栏布局被撑的很高,丑的不忍直视,这里就将两者的冲突问题一并解决!先看下实现的效果图: 这是我自己的手机,OnePlus 3T 7.1.1版本(免费广告,没给我钱的啊),不是华为的手机,但是有个虚拟按键可以设置,可以看到底部导航栏没有问题,顶部状态栏也成功实现,效果图看完,下

  • Android 中隐藏虚拟按键的方法实例代码

    下面通过一段代码给大家讲解android 隐藏虚拟按键的方法,废话不多说了,大家多多看看代码和注释吧,具体代码如下所示: /** * 隐藏虚拟按键,并且全屏 */ protected void hideBottomUIMenu() { //隐藏虚拟按键,并且全屏 if (Build.VERSION.SDK_INT > 11 && Build.VERSION.SDK_INT < 19) { // lower api View v = this.getWindow().getDec

  • Android编程中沉浸式状态栏的三种实现方式详解

    本文实例讲述了Android编程中沉浸式状态栏的三种实现方式.分享给大家供大家参考,具体如下: 沉浸式状态栏 Google从android kitkat(Android 4.4)开始,给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏,这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了,还可以调成跟Activity一样的样式,形成一个完整的主题,和IOS7.0以上系统一样了. 首先看下效果 首先看下第一种方式 系统的方式沉浸式状态栏实现 步奏一 //当系统版本为4.4或者4.4以上

  • Android使用Notification在状态栏上显示通知

    在使用手机时,当有未接来电或者是新短消息时,手机会给出相应的提示信息,这些提示信息通常会显示到手机屏幕的状态栏上.Android也提供了用于处理此类信息的类,他们是Notification和NotificationManager.其中,Notification代表的是具有全局效果的通知:而NotificationManager则是用于发送Notification通知的系统服务. 使用Notification和NotificationManager类发送和显示通知也比较简单,大致可分为以下4个步骤

  • Android5.0以上实现全透明的状态栏方法(仿网易云界面)

    Android4.4以上要实现沉浸式状态栏可以通过在style文件设置 <style name="AppTheme.NoActionBar"> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> <item name="android:windowTransluc

  • Android开发之判断有无虚拟按键(导航栏)的实例

    判断有无虚拟按键(导航栏) 现在很大一部分手机没有虚拟按键,一部分有.我们在做适配的时候可能会用到这方面的知识. 例如:屏幕填充整个屏幕的时候,没办法只能连导航栏一起填充了,但是这个不是我们想要的,我们要给布局试着paddingbottom,这个时候我们就要判断有么有导航栏,导航栏高度是多少了. /** * 获取是否存在NavigationBar * @param context * @return */ public boolean checkDeviceHasNavigationBar(Co

随机推荐