android 沉浸式状态栏(像ios那样的状态栏与应用统一颜色样式)
2016-05-26 20:31
417 查看
这个特性是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上,这样,就会是下面的效果:
这就是我们想要的了。
版权声明:本文为博主原创文章,未经博主允许不得转载。
[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自助餐之EventBus框架
- android使用贝塞尔曲线自定义心形View
- Android中通过typeface设置字体
- Android 注解开发 ButterKnife使用详解及教程
- Android之permission权限列表
- Android 异步消息处理机制 让你深入理解 Looper、Handler、Message三者关系
- android 资源的整合(待续)
- Android内存管理_SoftReferences的使用
- Android 單位和尺寸
- Android Widget设计
- FastBoot BootLoader Recovery 模式解释
- 实习入职第六天:Android里面的src和background的区别是什么样子的
- Android实战--电话拨号器
- Android自定义日期选择框
- Android平台的JNI开发初步
- Android Gradle查询器
- android IDE——win8跑Genymotion虚拟机,我跳的那些坑
- 【android】:OnClickListener cannot be resolved to a type
- android 学习过程问题整理(待续)
- 深入浅出RxJava四-在Android中使用响应式编程