Android开发(33) 透明漂浮的Actionbar

需求

让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;
}
发布了232 篇原创文章 · 获赞 7 · 访问量 8万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览