Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android自定義狀態欄顏色與APP風格保持一致的實現方法

Android自定義狀態欄顏色與APP風格保持一致的實現方法

編輯:關於Android編程

我們知道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源碼:

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. 
* 
*/ 
@SuppressWarnings({ "rawtypes", "unchecked" }) 
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; 
} 
} 
} 
}

引用自:https://github.com/jgilfelt/SystemBarTint

代碼復制進你的項目即可,好了,這些工作完成之後我們來看下效果:

貌似已經達到效果了,但仔細觀察,好像標題欄被提上去了,就是說APP界面全屏了,狀態了蓋在了APP上,恩,這並非我們想要的效果,那如何將界面從狀態欄下部開始呢,只需要在Activity的布局文件最外層控件加上一個屬性:

Android:fitsSystemWindows="true"就可以啦!看下效果:

OK,大功告成!

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自定義狀態欄顏色與APP風格保持一致的實現方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對本站網站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved