欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android UI體驗之全屏沉浸式透明狀態(tài)欄樣式

 更新時間：2017年01月06日 08:47:33   投稿：mrr  
這篇文章主要介紹了Android UI體驗之全屏沉浸式透明狀態(tài)欄效果的相關資料,需要的朋友可以參考下

前言：

   Android 4.4之后谷歌提供了沉浸式全屏體驗， 在沉浸式全屏模式下， 狀態(tài)欄、 虛擬按鍵動態(tài)隱藏， 應用可以使用完整的屏幕空間， 按照 Google 的說法， 給用戶一種 身臨其境 的體驗。而Android 5.0之后谷歌又提出了 ColorPalette 的概念，讓開發(fā)者可以自己設定系統(tǒng)區(qū)域的顏色，使整個 App 的顏色風格和系統(tǒng)的顏色風格保持統(tǒng)一。今天學習總結一下如何實現(xiàn)Android 4.4以上全屏沉浸式透明狀態(tài)欄效果。先看下預期效果：

 首先現(xiàn)分清楚哪部分是狀態(tài)欄，哪部分是導航欄

狀態(tài)欄StatusBar如下

導航欄NavigationBar如下

如何實現(xiàn)？

 1.）首先實現(xiàn)全屏

 第一種：繼承主題特定主題

 在Android API 19以上可以使用****.TranslucentDecor***有關的主題，自帶相應半透明效果，Theme.Holo.NoActionBar.TranslucentDecor和Theme.Holo.Light.NoActionBar.TranslucentDecor兩種主題為新增加的，所以要新建values-v19文件夾并創(chuàng)建styles文件添加如下代碼

 <style name="AppBaseTheme" parent="android:Theme.Holo.Light.NoActionBar.TranslucentDecor">
  <!-- Customize your theme here. -->
 </style>

第二種：在activity中采用代碼的方式

Android 4.4以上可以添加如下代碼

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//透明狀態(tài)欄
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//透明導航欄
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}

Android 5.0 以上也可以使用下面的代碼實現(xiàn)全屏

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
 | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
 | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
 | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
}

全屏效果

不難發(fā)現(xiàn)此時狀態(tài)欄占有的位置消失，和app的布局疊在一起了，接下來解決這個問題

2.）解決狀態(tài)欄占位問題

第一種：主題添加如下設置

<item name="android:fitsSystemWindows">true</item>

第二種：activity layout根目錄添加下面代碼

android:fitsSystemWindows="true"

第三種：通過Java代碼設置

rootview.setFitsSystemWindows(true);

fitsSystemWindows只作用在sdk>=19的系統(tǒng)上就是高于4.4的系統(tǒng)，這個屬性可以給任何view設置,只要設置了這個屬性此view的所有padding屬性失效.只有在設置了透明狀態(tài)欄(StatusBar)或者導航欄(NavigationBar)此屬性才會生效，

如果上述設置了狀態(tài)欄和導航欄為透明的話，相當于對該View自動添加一個值等于狀態(tài)欄高度的paddingTop，和等于導航欄高度的paddingBottom，效果如下

 3.）狀態(tài)欄導航欄設置背景色

4.4以上的可以采用修改contentView的背景色，或者動態(tài)添加一個view到contentView上

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
   //透明狀態(tài)欄
   window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   //透明導航欄
   window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
   //設置contentview為fitsSystemWindows
   ViewGroup contentView = (ViewGroup) findViewById(android.R.id.content);
   View childAt = contentView.getChildAt(0);
   if (childAt != null) {
    childAt.setFitsSystemWindows(true);
   }
   //給statusbar著色
   View view = new View(this);
   view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(this)));
   view.setBackgroundColor(color);
   contentView.addView(view);
  }

動態(tài)獲取StatusBarHeight函數(shù)如下

 /**
  * 獲取狀態(tài)欄高度
  *
  * @param context context
  * @return 狀態(tài)欄高度
  */
 private static int getStatusBarHeight(Context context) {
  // 獲得狀態(tài)欄高度
  int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
  return context.getResources().getDimensionPixelSize(resourceId);
 }

動態(tài)獲取NavigationBarHeight函數(shù)如下

 /**
  * 獲取導航欄高度
  *
  * @param context context
  * @return 導航欄高度
  */
 public static int getNavigationBarHeight(Context context) {
  int resourceId = context.getResources().getIdentifier("navigation_bar_height", "dimen", "android");
  return context.getResources().getDimensionPixelSize(resourceId);
 }

然后Android5.0以上谷歌提供了新的api可以更新狀態(tài)欄和導航欄的背景色

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
   window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
     | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
   window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
     | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
     | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
   window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
   //設置狀態(tài)欄顏色
   window.setStatusBarColor(color);
   //設置導航欄顏色
   window.setNavigationBarColor(color);
   ViewGroup contentView = ((ViewGroup) findViewById(android.R.id.content));
   View childAt = contentView.getChildAt(0);
   if (childAt != null) {
    childAt.setFitsSystemWindows(true);
   }
//   contentView.setPadding(0, getStatusBarHeight(this), 0, 0);
  }

這樣總體效果就實現(xiàn)了

4.）貼出整體java代碼實現(xiàn)方式

 private void initWindows() {
  Window window = getWindow();
  int color = getResources().getColor(android.R.color.holo_blue_light);
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
   window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
     | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
   window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
     | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
     | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
   window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
   //設置狀態(tài)欄顏色
   window.setStatusBarColor(color);
   //設置導航欄顏色
   window.setNavigationBarColor(color);
   ViewGroup contentView = ((ViewGroup) findViewById(android.R.id.content));
   View childAt = contentView.getChildAt(0);
   if (childAt != null) {
    childAt.setFitsSystemWindows(true);
   }
  } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
   //透明狀態(tài)欄
   window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   //透明導航欄
   window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
   //設置contentview為fitsSystemWindows
   ViewGroup contentView = (ViewGroup) findViewById(android.R.id.content);
   View childAt = contentView.getChildAt(0);
   if (childAt != null) {
    childAt.setFitsSystemWindows(true);
   }
   //給statusbar著色
   View view = new View(this);
   view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(this)));
   view.setBackgroundColor(color);
   contentView.addView(view);
  }
 }

總結：

 我這里為了更加明顯的顯示效果所以狀態(tài)欄背景色和標題欄顏色不一致，在實際的開發(fā)中一般情況下我們都會設置成統(tǒng)一的顏色，在視覺上感覺整個頁面更加統(tǒng)一，讓用戶真正沉浸在app中。

以上所述是小編給大家介紹的Android UI體驗之全屏沉浸式透明狀態(tài)欄效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關文章

最新評論