当前位置：首页 > news >正文

StatusBar、ActionBar tips

news 来源：原创 2024/5/19 3:52:39

2019独角兽企业重金招聘Python工程师标准>>>

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>