官方文档:

http://developer.android.com/intl/zh-cn/training/basics/actionbar/overlaying.html

参考资料:

http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/0713/1435.html

http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0930/1720.html

http://www.cnblogs.com/zhengxt/p/3501212.html

http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0317/2613.html

在Android3.0之后,Google对UI导航设计上进行了一系列的改革,其中有一个非常好用的新功能就是引入的ActionBar,他用于取代3.0之前的标题栏,并提供更为丰富的导航效果。

ActionBar的Overlay模式主要是讲如何让ActionBar浮动且透明,如下图所示:

谷歌地图的Actionbar是透明的,且浮动在整个布局之上,没有占用布局空间。其实要做到这样的效果,我们首先想到的是两个方面:

1.将让actionbar浮动起来。

2.给actionbar一个背景,可以为颜色也可以为图片。

代码如下:

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
ActionBar actionBar = getActionBar();
actionBar.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#330000ff")));

第一句开启了ActionBar的Overlay模式,其他俩句给ActionBar一个透明的背景色。

注意:

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

这句代码要写在

setContentView(R.layout.activity_main);

之前。

转载于:https://www.cnblogs.com/8dull/p/5382043.html

安卓扁平化之路专题(二)ActionBar的Overlay模式相关推荐

  1. 安卓扁平化之路专题(一)Android 4.4新特性

    Android从3.0版本开始走上了扁平化设计的道路,在Android3.0之后,Google对UI导航设计上进行了一系列的改革,其中有一个非常好用的新功能就是引入的ActionBar,他用于取代3. ...

  2. Android ActionBar的Overlay模式如何不遮盖顶部内容的问题

    关于actionbar的overlay模式请参考 如何让android的actionbar浮动且透明 一文.这篇文章讲的是如何在这种模式下让actionbar不遮住顶部的内容. 这 一般是这样的场景, ...

  3. 扁平化设计学习之二 设计原则

    扁平化设计原则 13-06-08 oooceo 没有评论 设计美化 1604 浏览 设计社区不停讨论关于扁平风格. 这种风格很带感.但大多数设计师不能彰显这种风格,或者直接讨厌这种风格. 我很现实,创 ...

  4. 【平面设计】扁平化设计(Ⅲ)——原则

    [导读]关于扁平化设计是一个大的门类,通过前面两期的分享,我们已经知道了其概念和技巧的内容,今天我们继续与大家一同分享它的原则. 拒绝特效 顾名思义,扁平化设计仅仅采用二维元素.所有元素都不加修饰-- ...

  5. 扁平化ui设计界面的方式以及扁平化ui图标设计特点

    扁平化是近两年手机图标设计发展的一种趋势,因此作为一名全栈UI设计师,扁平化ui设计界面的方式以及扁平化ui图标设计特点还是非常熟悉的.今天就跟大家谈谈扁平化ui设计界面的方式以及扁平化ui图标设计特 ...

  6. PS新手教程:轻松掌握四种扁平化设计风格

    本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化.长投影.投影式.渐变式. 相关阅读: PS新手教程!打造万圣节南瓜灯 PS新手 ...

  7. PS四种扁平化设计风格

    最近对扁平化有点感兴趣,上网搜了一下 ,然后做出来的效果.. 一.基本扁平化 步骤 1: 新建 宽度:500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置: 垂直:122 ...

  8. PS轻松制作四种扁平化风格图标

    本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化.长投影.投影式.渐变式. 一.常规扁平化 步骤 1: 宽度: 500px, 高 ...

  9. 扁平化嵌套列表迭代器 [树的递归前序遍历 + 迭代前序遍历]

    递归|迭代的前序遍历 前言 一.扁平化嵌套列表迭代器 二.前序遍历(无需访问非叶节点) 1.递归实现 2.栈模拟 3.惰性栈模拟(next时再入栈) 总结 参考文献 前言 问题转换:将需求确认,结合已 ...

  10. 看〈走出软件作坊〉浅谈扁平化管理

    〈走出软件作坊〉一书,在谈到公司需要那些人时,列出了 从以上分析来看,我们需要这样几个人: 1. 编写帮助文档的人: 2. 搞内部培训的人: 3. 测试员: 4. 软件设计文档编写人员: 5. 核心代 ...

最新文章

  1. 基本类型优先于装箱基本类型
  2. Model-Based RL前沿追踪——以无法为有法,以无形为有形
  3. python能自学成功吗-自学入门Python能学会吗?
  4. http://acm.whu.edu.cn/land/problem/detail?problem_id=1464
  5. Arcgis数据集如何以线性单位做投影
  6. 新建的分支 has no tracked branch
  7. P2P流量检测8个方向
  8. SAP中一次性客户及供应商的应用浅晰
  9. 软帝出品2019阿里面试题大全(含答案解析)
  10. docker搭建fdfs实现缓存图片视频
  11. 在windows系统中安装Sulley
  12. uniapp实现倒计时
  13. hook createmutex openmutex 实现多开
  14. 【千律】OpenCV基础:图像阈值分割 -- 自适应阈值分割 -- 代码实现
  15. 606.根据二叉树创建字符串
  16. RZ7886/7888/7889/7899/TA6586小功率直流电机正反转驱动芯片简介
  17. html背景文理素材,20个使用细微纹理背景素材的网页设计
  18. switch case语句用法详解
  19. 四、TestFixture测试夹具,或者测试固件
  20. 软件著作权登记办理流程

热门文章

  1. LayaAir 对象池 laya.utils.Pool
  2. Solr 4.10.3 集成 IK Analyzer 2012FF 中文分词器
  3. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_06-freemarker基础-遍历map数据...
  4. 通过重建Hosting系统理解HTTP请求在ASP.NET Core管道中的处理流程[下]:管道是如何构建起来的?...
  5. docker-compose.yml(2)
  6. Linux 内存泄漏检查工具 valgrind
  7. 面试常见的js简单算法
  8. Android实时直播,一千行java搞定不依赖jni,延迟0.8至3秒,强悍移动端来袭
  9. 采用传输矩阵法求解光子晶体带隙
  10. oracle常用的数据字典