Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > android 自定义状态栏

Android自定义手机界面状态栏实例代码

投稿:mrr

我们知道IOS上的应用,状态栏的颜色总能与应用标题栏颜色保持一致,用户体验很不错,那安卓是否可以呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌允许开发者自定义状态栏背景颜色啦,这是个不错的体验

前言

我们知道IOS上的应用,状态栏的颜色总能与应用标题栏颜色保持一致,用户体验很不错,那安卓是否可以呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌允许开发者自定义状态栏背景颜色啦,这是个不错的体验!若你手机上安装有最新版的qq,并且你的安卓SDK版本是4.4及以上,你可以看下它的效果:

实现这个效果有两个方法: 1.在xml中设置主题或自定义style;

Theme.Holo.Light.NoActionBar.TranslucentDecor
Theme.Holo.NoActionBar.TranslucentDecor
<style name="AppTheme" parent="AppBaseTheme"> 
<!-- Status Bar --> 
<item name="android:windowTranslucentStatus">true</item> 
<!-- Navigation Bar --> 
<item name="android:windowTranslucentNavigation">true</item> 
</style>

鉴于市面上各种手机的SDK的各种版本,不建议采用这种方法;

2.在代码中控制; 这个情况下可创建一个BaseActivity,在onCreate方法中进行处理:

@Override 
protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { 
  setTranslucentStatus(true); 
  SystemBarTintManager tintManager = new SystemBarTintManager(this); 
  tintManager.setStatusBarTintEnabled(true); 
  tintManager.setStatusBarTintResource(R.color.top_bg_color);//通知栏所需颜色 
 } 
 setContentView(R.layout.main_activity); 
} 
 @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); 
 }

需注意的是, tintManager.setStatusBarTintResource(R.color.top_bg_color);这一步的颜色值(即把你的状态栏颜色与你的标题栏颜色保持一致)要写在color.xml中去,如果用Color.praseColor则会报错。

SystemBarTintManager.java源码代码:
/*
 * Copyright (C) 2013 readyState Software Ltd
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package com.zhjy.hxf.hzsmallmi.util;
import android.annotation.SuppressLint;
import android.annotation.TargetApi;
import android.app.Activity;
import android.content.Context;
import android.content.res.Configuration;
import android.content.res.Resources;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.Gravity;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.FrameLayout.LayoutParams;
import java.lang.reflect.Method;
/**
 * Class to manage status and navigation bar tint effects when using KitKat 
 * translucent system UI modes.
 *
 */
public class SystemBarTintManager {
 static {
 // Android allows a system property to override the presence of the navigation bar.
 // Used by the emulator.
 // See https://github.com/android/platform_frameworks_base/blob/master/policy/src/com/android/internal/policy/impl/PhoneWindowManager.java#L1076
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
  try {
  Class c = Class.forName("android.os.SystemProperties");
  Method m = c.getDeclaredMethod("get", String.class);
  m.setAccessible(true);
  sNavBarOverride = (String) m.invoke(null, "qemu.hw.mainkeys");
  } catch (Throwable e) {
  sNavBarOverride = null;
  }
 }
 }
 /**
 * The default system bar tint color value.
 */
 public static final int DEFAULT_TINT_COLOR = 0x99000000;
 private static String sNavBarOverride;
 private final SystemBarConfig mConfig;
 private boolean mStatusBarAvailable;
 private boolean mNavBarAvailable;
 private boolean mStatusBarTintEnabled;
 private boolean mNavBarTintEnabled;
 private View mStatusBarTintView;
 private View mNavBarTintView;
 /**
 * Constructor. Call this in the host activity onCreate method after its
 * content view has been set. You should always create new instances when
 * the host activity is recreated.
 *
 * @param activity The host activity.
 */
 @TargetApi(19)
 public SystemBarTintManager(Activity activity) {
 Window win = activity.getWindow();
 ViewGroup decorViewGroup = (ViewGroup) win.getDecorView();
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
  // check theme attrs
  int[] attrs = {android.R.attr.windowTranslucentStatus,
   android.R.attr.windowTranslucentNavigation};
  TypedArray a = activity.obtainStyledAttributes(attrs);
  try {
  mStatusBarAvailable = a.getBoolean(0, false);
  mNavBarAvailable = a.getBoolean(1, false);
  } finally {
  a.recycle();
  }
  // check window flags
  WindowManager.LayoutParams winParams = win.getAttributes();
  int bits = WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
  if ((winParams.flags & bits) != 0) {
  mStatusBarAvailable = true;
  }
  bits = WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION;
  if ((winParams.flags & bits) != 0) {
  mNavBarAvailable = true;
  }
 }
 mConfig = new SystemBarConfig(activity, mStatusBarAvailable, mNavBarAvailable);
 // device might not have virtual navigation keys
 if (!mConfig.hasNavigtionBar()) {
  mNavBarAvailable = false;
 }
 if (mStatusBarAvailable) {
  setupStatusBarView(activity, decorViewGroup);
 }
 if (mNavBarAvailable) {
  setupNavBarView(activity, decorViewGroup);
 }
 }
 /**
 * Enable tinting of the system status bar.
 *
 * If the platform is running Jelly Bean or earlier, or translucent system
 * UI modes have not been enabled in either the theme or via window flags,
 * then this method does nothing.
 *
 * @param enabled True to enable tinting, false to disable it (default).
 */
 public void setStatusBarTintEnabled(boolean enabled) {
 mStatusBarTintEnabled = enabled;
 if (mStatusBarAvailable) {
  mStatusBarTintView.setVisibility(enabled ? View.VISIBLE : View.GONE);
 }
 }
 /**
 * Enable tinting of the system navigation bar.
 *
 * If the platform does not have soft navigation keys, is running Jelly Bean
 * or earlier, or translucent system UI modes have not been enabled in either
 * the theme or via window flags, then this method does nothing.
 *
 * @param enabled True to enable tinting, false to disable it (default).
 */
 public void setNavigationBarTintEnabled(boolean enabled) {
 mNavBarTintEnabled = enabled;
 if (mNavBarAvailable) {
  mNavBarTintView.setVisibility(enabled ? View.VISIBLE : View.GONE);
 }
 }
 /**
 * Apply the specified color tint to all system UI bars.
 *
 * @param color The color of the background tint.
 */
 public void setTintColor(int color) {
 setStatusBarTintColor(color);
 setNavigationBarTintColor(color);
 }
 /**
 * Apply the specified drawable or color resource to all system UI bars.
 *
 * @param res The identifier of the resource.
 */
 public void setTintResource(int res) {
 setStatusBarTintResource(res);
 setNavigationBarTintResource(res);
 }
 /**
 * Apply the specified drawable to all system UI bars.
 *
 * @param drawable The drawable to use as the background, or null to remove it.
 */
 public void setTintDrawable(Drawable drawable) {
 setStatusBarTintDrawable(drawable);
 setNavigationBarTintDrawable(drawable);
 }
 /**
 * Apply the specified alpha to all system UI bars.
 *
 * @param alpha The alpha to use
 */
 public void setTintAlpha(float alpha) {
 setStatusBarAlpha(alpha);
 setNavigationBarAlpha(alpha);
 }
 /**
 * Apply the specified color tint to the system status bar.
 *
 * @param color The color of the background tint.
 */
 public void setStatusBarTintColor(int color) {
 if (mStatusBarAvailable) {
  mStatusBarTintView.setBackgroundColor(color);
 }
 }
 /**
 * Apply the specified drawable or color resource to the system status bar.
 *
 * @param res The identifier of the resource.
 */
 public void setStatusBarTintResource(int res) {
 if (mStatusBarAvailable) {
  mStatusBarTintView.setBackgroundResource(res);
 }
 }
 /**
 * Apply the specified drawable to the system status bar.
 *
 * @param drawable The drawable to use as the background, or null to remove it.
 */
 @SuppressWarnings("deprecation")
 public void setStatusBarTintDrawable(Drawable drawable) {
 if (mStatusBarAvailable) {
  mStatusBarTintView.setBackgroundDrawable(drawable);
 }
 }
 /**
 * Apply the specified alpha to the system status bar.
 *
 * @param alpha The alpha to use
 */
 @TargetApi(11)
 public void setStatusBarAlpha(float alpha) {
 if (mStatusBarAvailable && Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
  mStatusBarTintView.setAlpha(alpha);
 }
 }
 /**
 * Apply the specified color tint to the system navigation bar.
 *
 * @param color The color of the background tint.
 */
 public void setNavigationBarTintColor(int color) {
 if (mNavBarAvailable) {
  mNavBarTintView.setBackgroundColor(color);
 }
 }
 /**
 * Apply the specified drawable or color resource to the system navigation bar.
 *
 * @param res The identifier of the resource.
 */
 public void setNavigationBarTintResource(int res) {
 if (mNavBarAvailable) {
  mNavBarTintView.setBackgroundResource(res);
 }
 }
 /**
 * Apply the specified drawable to the system navigation bar.
 *
 * @param drawable The drawable to use as the background, or null to remove it.
 */
 @SuppressWarnings("deprecation")
 public void setNavigationBarTintDrawable(Drawable drawable) {
 if (mNavBarAvailable) {
  mNavBarTintView.setBackgroundDrawable(drawable);
 }
 }
 /**
 * Apply the specified alpha to the system navigation bar.
 *
 * @param alpha The alpha to use
 */
 @TargetApi(11)
 public void setNavigationBarAlpha(float alpha) {
 if (mNavBarAvailable && Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
  mNavBarTintView.setAlpha(alpha);
 }
 }
 /**
 * Get the system bar configuration.
 *
 * @return The system bar configuration for the current device configuration.
 */
 public SystemBarConfig getConfig() {
 return mConfig;
 }
 /**
 * Is tinting enabled for the system status bar?
 *
 * @return True if enabled, False otherwise.
 */
 public boolean isStatusBarTintEnabled() {
 return mStatusBarTintEnabled;
 }
 /**
 * Is tinting enabled for the system navigation bar?
 *
 * @return True if enabled, False otherwise.
 */
 public boolean isNavBarTintEnabled() {
 return mNavBarTintEnabled;
 }
 private void setupStatusBarView(Context context, ViewGroup decorViewGroup) {
 mStatusBarTintView = new View(context);
 LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, mConfig.getStatusBarHeight());
 params.gravity = Gravity.TOP;
 if (mNavBarAvailable && !mConfig.isNavigationAtBottom()) {
  params.rightMargin = mConfig.getNavigationBarWidth();
 }
 mStatusBarTintView.setLayoutParams(params);
 mStatusBarTintView.setBackgroundColor(DEFAULT_TINT_COLOR);
 mStatusBarTintView.setVisibility(View.GONE);
 decorViewGroup.addView(mStatusBarTintView);
 }
 private void setupNavBarView(Context context, ViewGroup decorViewGroup) {
 mNavBarTintView = new View(context);
 LayoutParams params;
 if (mConfig.isNavigationAtBottom()) {
  params = new LayoutParams(LayoutParams.MATCH_PARENT, mConfig.getNavigationBarHeight());
  params.gravity = Gravity.BOTTOM;
 } else {
  params = new LayoutParams(mConfig.getNavigationBarWidth(), LayoutParams.MATCH_PARENT);
  params.gravity = Gravity.RIGHT;
 }
 mNavBarTintView.setLayoutParams(params);
 mNavBarTintView.setBackgroundColor(DEFAULT_TINT_COLOR);
 mNavBarTintView.setVisibility(View.GONE);
 decorViewGroup.addView(mNavBarTintView);
 }
 /**
 * Class which describes system bar sizing and other characteristics for the current
 * device configuration.
 *
 */
 public static class SystemBarConfig {
 private static final String STATUS_BAR_HEIGHT_RES_NAME = "status_bar_height";
 private static final String NAV_BAR_HEIGHT_RES_NAME = "navigation_bar_height";
 private static final String NAV_BAR_HEIGHT_LANDSCAPE_RES_NAME = "navigation_bar_height_landscape";
 private static final String NAV_BAR_WIDTH_RES_NAME = "navigation_bar_width";
 private static final String SHOW_NAV_BAR_RES_NAME = "config_showNavigationBar";
 private final boolean mTranslucentStatusBar;
 private final boolean mTranslucentNavBar;
 private final int mStatusBarHeight;
 private final int mActionBarHeight;
 private final boolean mHasNavigationBar;
 private final int mNavigationBarHeight;
 private final int mNavigationBarWidth;
 private final boolean mInPortrait;
 private final float mSmallestWidthDp;
 private SystemBarConfig(Activity activity, boolean translucentStatusBar, boolean traslucentNavBar) {
  Resources res = activity.getResources();
  mInPortrait = (res.getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT);
  mSmallestWidthDp = getSmallestWidthDp(activity);
  mStatusBarHeight = getInternalDimensionSize(res, STATUS_BAR_HEIGHT_RES_NAME);
  mActionBarHeight = getActionBarHeight(activity);
  mNavigationBarHeight = getNavigationBarHeight(activity);
  mNavigationBarWidth = getNavigationBarWidth(activity);
  mHasNavigationBar = (mNavigationBarHeight > 0);
  mTranslucentStatusBar = translucentStatusBar;
  mTranslucentNavBar = traslucentNavBar;
 }
 @TargetApi(14)
 private int getActionBarHeight(Context context) {
  int result = 0;
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
  TypedValue tv = new TypedValue();
  context.getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true);
  result = TypedValue.complexToDimensionPixelSize(tv.data, context.getResources().getDisplayMetrics());
  }
  return result;
 }
 @TargetApi(14)
 private int getNavigationBarHeight(Context context) {
  Resources res = context.getResources();
  int result = 0;
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
  if (hasNavBar(context)) {
   String key;
   if (mInPortrait) {
   key = NAV_BAR_HEIGHT_RES_NAME;
   } else {
   key = NAV_BAR_HEIGHT_LANDSCAPE_RES_NAME;
   }
   return getInternalDimensionSize(res, key);
  }
  }
  return result;
 }
 @TargetApi(14)
 private int getNavigationBarWidth(Context context) {
  Resources res = context.getResources();
  int result = 0;
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
  if (hasNavBar(context)) {
   return getInternalDimensionSize(res, NAV_BAR_WIDTH_RES_NAME);
  }
  }
  return result;
 }
 @TargetApi(14)
 private boolean hasNavBar(Context context) {
  Resources res = context.getResources();
  int resourceId = res.getIdentifier(SHOW_NAV_BAR_RES_NAME, "bool", "android");
  if (resourceId != 0) {
  boolean hasNav = res.getBoolean(resourceId);
  // check override flag (see static block)
  if ("1".equals(sNavBarOverride)) {
   hasNav = false;
  } else if ("0".equals(sNavBarOverride)) {
   hasNav = true;
  }
  return hasNav;
  } else { // fallback
  return !ViewConfiguration.get(context).hasPermanentMenuKey();
  }
 }
 private int getInternalDimensionSize(Resources res, String key) {
  int result = 0;
  int resourceId = res.getIdentifier(key, "dimen", "android");
  if (resourceId > 0) {
  result = res.getDimensionPixelSize(resourceId);
  }
  return result;
 }
 @SuppressLint("NewApi")
 private float getSmallestWidthDp(Activity activity) {
  DisplayMetrics metrics = new DisplayMetrics();
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
  activity.getWindowManager().getDefaultDisplay().getRealMetrics(metrics);
  } else {
  // TODO this is not correct, but we don't really care pre-kitkat
  activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);
  }
  float widthDp = metrics.widthPixels / metrics.density;
  float heightDp = metrics.heightPixels / metrics.density;
  return Math.min(widthDp, heightDp);
 }
 /**
  * Should a navigation bar appear at the bottom of the screen in the current
  * device configuration? A navigation bar may appear on the right side of
  * the screen in certain configurations.
  *
  * @return True if navigation should appear at the bottom of the screen, False otherwise.
  */
 public boolean isNavigationAtBottom() {
  return (mSmallestWidthDp >= 600 || mInPortrait);
 }
 /**
  * Get the height of the system status bar.
  *
  * @return The height of the status bar (in pixels).
  */
 public int getStatusBarHeight() {
  return mStatusBarHeight;
 }
 /**
  * Get the height of the action bar.
  *
  * @return The height of the action bar (in pixels).
  */
 public int getActionBarHeight() {
  return mActionBarHeight;
 }
 /**
  * Does this device have a system navigation bar?
  *
  * @return True if this device uses soft key navigation, False otherwise.
  */
 public boolean hasNavigtionBar() {
  return mHasNavigationBar;
 }
 /**
  * Get the height of the system navigation bar.
  *
  * @return The height of the navigation bar (in pixels). If the device does not have
  * soft navigation keys, this will always return 0.
  */
 public int getNavigationBarHeight() {
  return mNavigationBarHeight;
 }
 /**
  * Get the width of the system navigation bar when it is placed vertically on the screen.
  *
  * @return The width of the navigation bar (in pixels). If the device does not have
  * soft navigation keys, this will always return 0.
  */
 public int getNavigationBarWidth() {
  return mNavigationBarWidth;
 }
 /**
  * Get the layout inset for any system UI that appears at the top of the screen.
  *
  * @param withActionBar True to include the height of the action bar, False otherwise.
  * @return The layout inset (in pixels).
  */
 public int getPixelInsetTop(boolean withActionBar) {
  return (mTranslucentStatusBar ? mStatusBarHeight : 0) + (withActionBar ? mActionBarHeight : 0);
 }
 /**
  * Get the layout inset for any system UI that appears at the bottom of the screen.
  *
  * @return The layout inset (in pixels).
  */
 public int getPixelInsetBottom() {
  if (mTranslucentNavBar && isNavigationAtBottom()) {
  return mNavigationBarHeight;
  } else {
  return 0;
  }
 }
 /**
  * Get the layout inset for any system UI that appears at the right of the screen.
  *
  * @return The layout inset (in pixels).
  */
 public int getPixelInsetRight() {
  if (mTranslucentNavBar && !isNavigationAtBottom()) {
  return mNavigationBarWidth;
  } else {
  return 0;
  }
 }
 }
}

代码复制进你的项目即可,好了,这些工作完成之后我们来看下效果:

貌似已经达到效果了,但仔细观察,好像标题栏被提上去了,就是说APP界面全屏了,状态了盖在了APP上,恩,这并非我们想要的效果,那如何将界面从状态栏下部开始呢,只需要在Activity的布局文件最外层控件加上一个属性: Android:fitsSystemWindows="true"就可以啦!看下效果:

这样就达到了咱们最开始的样式。

PS:在使用过程中发现了一些问题,使用以上方法对单个Activity有效,但是对继承了TabActivity的导航页怎么办呢?假如MainActivity继承了TabActivity,Tab1Activity、Tab2Activity、Tab3Activity是三个子项,那么设置状态栏的代码需写在MainActivity中,而 android:fitsSystemWindows="true"需写在三个子Activity的xml布局文件中,这样设置后仍然有问题,就是进入应用后首页也就是Tab1Activity没有问题,而Tab2Activity、Tab3Activity却没达到效果,它们的效果相当于未加android:fitsSystemWindows="true"时的效果,期初我怀疑是Activity不同的原因,因此我把Tab1Activity和Tab3Activity调了下位置,结果Tab3Activity成为首页后正常,而Tab1Activity又不正常了,百思不得姐,最后实在没办法,就在Tab2Activity、Tab3Activity的OnCreate方法中加了几句代码:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { 
 ((LinearLayout)findViewById(R.id.ll)).setPadding(0, SysUtils.getStatusHeight(this), 0,0); 
 }

意思是,先求出状态栏高度,然后设置最外层控件的PaddingTop值为状态栏高度,结果正好达到效果,至于为什么只有首页Activity可以达到效果,而后面的子项无法达到效果,本人也在郁闷中,有知道的朋友可以分享下! 状态栏高度算法:

/** 
  * 状态栏高度算法 
  * @param activity 
  * @return 
  */ 
 public static int getStatusHeight(Activity activity){ 
  int statusHeight = 0; 
  Rect localRect = new Rect(); 
  activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(localRect); 
  statusHeight = localRect.top; 
  if (0 == statusHeight){ 
  Class<?> localClass; 
  try { 
   localClass = Class.forName("com.android.internal.R$dimen"); 
   Object localObject = localClass.newInstance(); 
   int i5 = Integer.parseInt(localClass.getField("status_bar_height").get(localObject).toString()); 
   statusHeight = activity.getResources().getDimensionPixelSize(i5); 
  } catch (ClassNotFoundException e) { 
   e.printStackTrace(); 
  } catch (IllegalAccessException e) { 
   e.printStackTrace(); 
  } catch (InstantiationException e) { 
   e.printStackTrace(); 
  } catch (NumberFormatException e) { 
   e.printStackTrace(); 
  } catch (IllegalArgumentException e) { 
   e.printStackTrace(); 
  } catch (SecurityException e) { 
   e.printStackTrace(); 
  } catch (NoSuchFieldException e) { 
   e.printStackTrace(); 
  } 
  } 
  return statusHeight; 
 }

以上所述是小编给大家介绍的Android自定义手机界面状态栏实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:
阅读全文