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

时间: 2019-05-14

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

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

react-native android状态栏的实现

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

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

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

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使用Notification在状态栏上显示通知

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

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

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

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

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

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

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

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

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

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

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

Android开发之Activity全透明渐变切换方法

Activity全透明渐变切换 类似于Dialog的显示动画效果一样 1. 先设置Acitivity为去透明,在取消掉Activity默认的切换动画 <style name="AppTheme2" parent="Theme.AppCompat.Light"> <!-- Customize your theme here. --> <item name="windowNoTitle">true</item

Android5.0中Material Design的新特性

 Material Design简介 Material Design是谷歌新的设计语言,谷歌希望寄由此来统一各种平台上的用户体验,Material Design的特点是干净的排版和简单的布局,以此来突出内容. Material Design对排版.材质.配色.光效.间距.文字大小.交互方式.动画轨迹都做出了建议,以帮助设计者设计出符合Material Design风格的应用. Material Design设计语言鼓励大家使用充满活力的鲜艳色彩,并在同一界面建议使用三种色调,并保障有一个强色调,

Dialog全屏,去掉状态栏的方式

dialog即使设置全屏了,但还是有状态栏占用高度这: 直接将下面这行代码放到你的dialog中即可 @Override protected void onStart() { super.onStart(); int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FL

Android5.0新特性详解之全新的动画

在Material Design设计中,为用户与app交互反馈他们的动作行为和提供了视觉上的连贯性.Material主题为控件和Activity的过渡提供了一些默认的动画,在android L上,允许自定义这些动画: Touch feedback 触摸反馈 Circular Reveal 圆形展示 Curved motion 曲线运动 View state changes 视图状态变化 Vector Drawables 矢量图动画 Activity transitions 活动转场 触摸反馈 触

Android5.0多种侧滑栏效果实例代码

1.普通侧滑 效果图: 思路:通过自定义View继承HorizontalScrollView,然后重写onMeasure(),onLayout(),onTouchEvent() 方法并设置menu(通过动画使menu开始时处于隐藏状态)布局和content布局.(注意:使用ViewHelper类需要导入nineoldandroids-2.4.0.jar包) menu(left_menu)布局代码: <?xml version="1.0" encoding="utf-8&

Android5.0之Activity的转场动画的示例

Activity的转场动画很早就有,但是太过于单调,样式也不好看,于是Google在Android5.0之后,又推出的新的转场动画,效果还是非常炫的,今天我们一起来看一下. 1.旧转场动画回顾 首先我们还是先来看看在5.0之前如果我们想要在启动Activity时使用动画该怎么做呢? startActivity(new Intent(this, Main3Activity.class)); overridePendingTransition(R.anim.in,R.anim.out); 对应的入场

Android5.0新控件实例详解

谷歌在推出Android5.0的同时推出了一些新控件,Android5.0中最常用的新控件有下面5种. 1. CardView(卡片视图) CardView顾名思义是卡片视图,它继承FrameLayout.它是一个带圆角的背景和阴影FrameLayout.CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为容器使用. CardView的使用非常简单: <android.support.v7.widget.CardView android:l

jQuery+php简单实现全选删除的方法

本文实例讲述了jQuery+php简单实现全选删除的方法.分享给大家供大家参考,具体如下: <input type="checkbox" id="ckb_selectAll" onclick="selectAll()" title="选中/取消选中"> <a href="javascript:void(0);" onclick="del_()" title="

js检测输入内容全为空格的方法

JavaScript判断输入内容不能全为空格的方法,用来避免输入框的内容输入的全是空格: 复制代码 代码如下: <html> <head>  <script>   function checkBlankSpace(str){    while(str.lastIndexOf(" ")>=0){      str = str.replace(" ","");    }    if(str.length ==