前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android开发(33) 透明漂浮的Actionbar

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

作者头像
张云飞Vir
发布2020-03-16 15:21:29
1.3K0
发布2020-03-16 15:21:29
举报
文章被收录于专栏:写代码和思考写代码和思考

需求

代码语言:javascript
复制
让Actionbar 的背景透明,相当于漂浮在你的页面上

思路

  1. 首先,设置ActionBar 浮动到主界面上来。
  2. 然后,设置ActionBar的背景色,透明或者半透明。

实现

1.在onCreate设置漂浮,代码方式实现:

代码语言:javascript
复制
getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

或者使用theme 在style中实现:

代码语言:javascript
复制
<item name="android:windowActionBarOverlay">true</item> 

2.设置透明

代码方式实现:

代码语言:javascript
复制
ActionBar actionBar = getActionBar();
actionBar.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#33000000")));
//google的actionbar是分为上下两栏显示的,上面的代码只能设置顶部actionbar的背景色,
//为了让下面的背景色一致,还需要添加一行代码:
actionBar.setSplitBackgroundDrawable(new ColorDrawable(Color.parseColor("#33000000")));

或者使用theme 在style中实现:

代码语言:javascript
复制
<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的文本颜色?

代码语言:javascript
复制
<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的高度

代码语言:javascript
复制
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;
}
本文参与?腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体同步曝光计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 需求
  • 思路
  • 实现
    • 代码方式实现:
      • 或者使用theme 在style中实现:
        • 更改actionbar的文本颜色?
          • 获得actionbar的高度
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
          http://www.vxiaotou.com