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;  }