Android開發(33) 透明漂浮的Actionbar

  • 2020 年 3 月 16 日
  • 筆記

需求

讓Actionbar 的背景透明,相當於漂浮在你的頁面上

思路

  1. 首先,設置ActionBar 浮動到主介面上來。
  2. 然後,設置ActionBar的背景色,透明或者半透明。

實現

1.在onCreate設置漂浮,程式碼方式實現:

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

或者使用theme 在style中實現:

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

2.設置透明

程式碼方式實現:

ActionBar actionBar = getActionBar();  actionBar.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#33000000")));  //google的actionbar是分為上下兩欄顯示的,上面的程式碼只能設置頂部actionbar的背景色,  //為了讓下面的背景色一致,還需要添加一行程式碼:  actionBar.setSplitBackgroundDrawable(new ColorDrawable(Color.parseColor("#33000000")));

或者使用theme 在style中實現:

<resources>      <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">          <item name="android:windowActionBarOverlay">true</item>          <!-- 讓actionbar漂浮 -->          <item name="android:actionBarStyle">@style/my_actionbar_style</item>      </style>        <style name="my_actionbar_style" parent="@android:style/Widget.Holo.Light.ActionBar">           <!-- 設置actionbar 背景色 透明 -->          <item name="android:background">#33000000</item>          <item name="android:backgroundStacked">#346c36</item>          <item name="android:backgroundSplit">#33000000</item>      </style>    </resources>

更改actionbar的文本顏色?

<style name="my_actionbar_style" parent="@android:style/Widget.Holo.Light.ActionBar">        <!-- 設置actionbar 背景色 透明 -->      <item name="android:background">#33000000</item>      <item name="android:backgroundStacked">#346c36</item>      <item name="android:backgroundSplit">#33000000</item>      <item name="android:titleTextStyle">@style/MyActionBarTitleText</item>  </style>    <style name="MyActionBarTitleText" >      <item name="android:textColor">@android:color/white</item>  </style>

獲得actionbar的高度

public static int getActionbarHeight(Activity context) {       int actionBarHeight = 0;       // Calculate ActionBar height       TypedValue tv = new TypedValue();         if (context.getTheme().resolveAttribute(android.R.attr.actionBarSize,       tv, true))       {          actionBarHeight =          TypedValue.complexToDimensionPixelSize(tv.data,context.getResources().getDisplayMetrics());       }       return actionBarHeight;  }