文档章节

StatusBar、ActionBar tips

lightUp
 lightUp
发布于 2015/10/18 17:27
字数 658
阅读 98
收藏 4

1,StatusBar颜色

1.1 主题设置

在主题(theme)中设置windowTranslucentStatus为true将填充顶部的状态栏区域。(有虚拟按键的设备上)设置windowTranslucentNavigation为true将填充底部导航栏的区域。这两种样式默认会把应用的内容放到系统栏下面。

如果仅仅想扩展背景样式到系统栏下,设置fitsSystemWindows为true会增加 视图 的Padding值让你的布局恢复正常大小,并且可以把视图的背景扩大。

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="android:Theme.Holo.Light">
        <item name="android:windowBackground">@color/green</item>
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:fitsSystemWindows">true</item>
        <item name="android:actionBarStyle">@style/ActionBar.Solid.GreenStyle</item>
    </style>
  
    <style name="ActionBar.Solid.GreenStyle" parent="@android:style/Widget.Holo.Light.ActionBar.Solid">
        <item name="android:background">@color/green_accent</item>
    </style>
  
</resources>

将上面的主题应用到Application 或Activity 上, activity的背景色就会填充状态栏 (和底部导航栏,有的话)。


1.2 也可以通过代码设置:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);
    
    //透明状态栏
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    
    //透明导航栏
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    
    View root = findViewById(R.id.layout_activity_main);
    root.setFitsSystemWindows(true);
    
    ...
    
}


activity_main.xml中 背景色设置为蓝色,所以状态栏和导航栏都是蓝色背景(原本是黑色的):             


2,也可以让某一个view来扩展, 

比如最上面绿色的搜索框 'topBar',其layout 如下:

    ...

    <LinearLayout
        android:fitsSystemWindows="true"
        android:id="@+id/top_bar"
        android:layout_width="match_parent"
        android:layout_height="90dp"
        android:orientation="horizontal"
        android:background="@android:color/holo_green_light"
        android:gravity="center_vertical"
        android:padding="12dp">
        <TextView .../>
        ...
        
    </LinearLayout>
    
   ...


这样设置以后就会有如下的效果:

topBar 原来的padding 全部变为0, 然后上面的padding重新设置为 状态栏的高度,下面的padding重新设置为导航栏的高度,这样最后剩余的空间来存放topBar中原始的content,可以看出原始的content被挤压了,因为topBar的高度是不变的,如果设置的过小,content会显示不全甚至完全不可见。


这种效果显然不可接受, 可以设置底部导航栏为透明,这样topBar背景只扩展至状态栏。

//透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//透明导航栏
//getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
//非透明导航栏
getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);


或者在主题中设置:
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">false</item>

总结:

以上所指的‘视图’必须是与statusBar或底部的系统导航栏紧邻的, 

    1,可以是activity的content view;

     2,也可以是contentView中的某个childView,只要这个view在status bar 下面并且相邻,这时只有statusBar设置透明;

    3,也可以是底部某事childView, 只要这个view在虚拟导航栏上部并且紧邻,这时只有虚拟导航栏设置透明

© 著作权归作者所有

共有 人打赏支持
上一篇: volley
下一篇: Timer
lightUp
粉丝 10
博文 242
码字总数 287936
作品 0
杭州
程序员
私信 提问
andorid actionBar

1,actionBar 隐藏 title 和icon 可以通过代码设置也可以通过主题设置,另外如果要用logo代替icon ,需要设置ShowHomeEnabled为true; 2,关于设置CustomView , customview所处的actionBar...

lightUp
2015/10/20
60
0
android状态栏关于开发的几件事

最近手头做了一个新的项目,开发中对状态栏的要求比较多,也作了一些总结,分享给大家。 简答题 全屏、不保留状态栏文字(Splash页面,欢迎页面) 全屏保留状态栏文字(页面上部有Banner图) 标题...

冯剑Wolfman
01/07
0
0
Android如何实现超级棒的沉浸式体验

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由brzhang发表于云+社区专栏 做APP开发的过程中,有很多时候,我们需要实现类似于下面这种沉浸式的体验。 沉浸式体验 一开始...

腾讯云加社区
11/07
0
0
ActionBar过期问题

XML报错,什么都没动的时候就这样: 在stackoverflow上找到解决办法: 原文链接:找不到ActionBar(http://stackoverflow.com/questions/33742114/the-following-classes-could-not-be-found-...

byronhs
2016/07/19
13
0
与Status Bar和Navigation Bar相关的一些东西

与StatusBar和NavigationBar相关的东西有两种,一是控制它们的显示与隐藏,二是控制它们的透明与否及背景。 在2.3及以前,StatusBar只能显示与隐藏,即全屏模式,通过WindowManager.LayoutP...

Jerikc
2015/08/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
44分钟前
3
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
6
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
6
0
CompletableFuture get方法一直阻塞或抛出TimeoutException

问题描述 最近刚刚上线的服务突然抛出大量的TimeoutException,查询后发现是使用了CompletableFuture,并且在执行future.get(5, TimeUnit.SECONDS);时抛出了TimeoutException异常,导致接口响...

xiaolyuh
今天
5
0
dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部