android 沉浸式状态栏(像ios那样的状态栏与应用统一颜色样式)-阿里云开发者社区

android 沉浸式状态栏(像ios那样的状态栏与应用统一颜色样式)

2015-07-06 2060

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

这个特性是andorid4.4支持的，最少要api19才可以使用。下面介绍一下使用的方法，非常得简单：

[java]view plaincopy 
   
 public class MainActivity extends Activity {   
    
     @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);   
    
     }   
    
    
 }   

[java]view plaincopy 
   
 //透明状态栏   
 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);   
 //透明导航栏   
 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);   

只要加入这两行代码，就可以实现沉浸式通知栏了。效果如图：

给大家看看这个界面的布局：

[html]view plaincopy 
   
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
     xmlns:tools="http://schemas.android.com/tools"   
     android:layout_width="match_parent"   
     android:layout_height="match_parent"   
     android:background="#ffffff"   
     android:orientation="vertical"   
     tools:context=".MainActivity">   
    
    
     <TextView   
    
         android:layout_width="match_parent"   
         android:layout_height="100dp"   
         android:background="#009959" />   
    
    
     <Button   
         android:layout_width="100dp"   
         android:layout_height="50dp"   
         android:background="#ff669d"/>   
    
 </LinearLayout>   

是一个垂直的流布局，但这样，其实还是有问题的，我在textView里面加一些文字，就是绿色的那一块，大家看一下效果：

大家看到了吧，文字和状态栏重叠在一起了，这肯定是不行的，此时需要添加下面的代码：

[html]view plaincopy 
   
 android:fitsSystemWindows="true"   
 android:clipToPadding="true"   

[html]view plaincopy 
   
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
     xmlns:tools="http://schemas.android.com/tools"   
     android:layout_width="match_parent"   
     android:layout_height="match_parent"   
        
     android:fitsSystemWindows="true"   
     android:clipToPadding="true"   
    
     android:background="#ffffff"   
     android:orientation="vertical"   
     tools:context=".MainActivity">   
    
    
    
     <TextView   
         android:layout_width="match_parent"   
         android:layout_height="100dp"   
         android:background="#009959" />   
    
    
     <Button   
         android:layout_width="100dp"   
         android:layout_height="50dp"   
         android:background="#ff669d"/>   
    
 </LinearLayout>   

大家看红色的那部分，加入那两行以后，界面仍然会是沉浸式的，但状态栏那部分，就不会再重叠了，像加了padding一样，如下图：

大家看图，绿色的textView和红色的一个button都被下移了，状态栏是白色的，是背景linearLayout的颜色。很明显，这也不是我们想要的，我们希望状态栏和我们放在顶部的控件是同一个颜色，同时，控件内容也不和状态栏重复，其实，只要把那两行代码放到我们顶部的控件就可以了。代码如下：

[html]view plaincopy 
   
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
     xmlns:tools="http://schemas.android.com/tools"   
     android:layout_width="match_parent"   
     android:layout_height="match_parent"   
     android:background="#ffffff"   
     android:orientation="vertical"   
     tools:context=".MainActivity">   
    
    
    
     <TextView   
         android:fitsSystemWindows="true"   
         android:clipToPadding="true"   
    
         android:layout_width="match_parent"   
         android:layout_height="100dp"   
         android:background="#009959"   
         android:text="你好，请问你有男朋友吗"/>   
    
    
     <Button   
         android:layout_width="100dp"   
         android:layout_height="50dp"   
         android:background="#ff669d"/>   
    
 </LinearLayout>   

就是那两行红色的代码，放在绿色的textView上，这样，就会是下面的效果：

这就是我们想要的了。

android 沉浸式状态栏(像ios那样的状态栏与应用统一颜色样式)

热门文章

最新文章

相关课程

相关电子书