[快速搞定]android 状态栏一体化 沉浸式状态栏

[快速搞定]android 状态栏一体化 沉浸式状态栏

一、前言

最近负责的几个项目都被要求将系统状态栏的颜色设置与app主题色一致,网上找到许多资料都没有一下解决我的问题,最终结合几个解决方案总结出一个最简单、最快的状态栏一体化方案,只要三步你的app就将有更好的用户体验了。

注意:由于Google只在Android4.4之后可以修改状态栏颜色,所以本方案只有在4.4以上才有效果(PS:国内大部分手机都已经使用4.4以上系统,5.0、5.1、6.0等也在逐渐增加,特别是Android6.0 是目前新出的手机的标配,4.4以下都可以不用考虑了)

二、先看效果

先来看看使用前后的效果对比吧:(第一张是使用前,第二张是使用后)
使用前 使用后

三、使用方法

不多说,只要三步即可:

  • 1、拷贝状态栏管理类SystemStatusManager到你的项目中(下载地址在最后);

  • 2、在你的BaseActivity中的onCreate方法中调用一下代码(如果只要某个页面一体化,可以在需要一体化的页面加入改语句):

new SystemStatusManager(this).setTranslucentStatus(R.color.colorPrimary);//设置状态栏透明,参数为你要设置的颜色
  • 3、将你项目中的所有页面的根布局加载一个属性:(只在activity中加即可.不要在fragment里面加) android:fitsSystemWindows=”true”

注意:如果状态栏与标题栏中间有一条线导致有过渡感,那么在你项目的主题(style文件)中加入去掉线条的语句即可:

<item name="android:windowContentOverlay">@null</item>

四、举例

1、在BaseActivity中使用:

/**
 * Created by HDL on 2016/7/22.
 */
public class BaseActivity extends Activity {
    public Activity mActivity;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mActivity = this;
        new SystemStatusManager(this).setTranslucentStatus(R.color.colorPrimary);//设置状态栏透明
    }
}

2、根布局加入属性

<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical"
    tools:context="com.hdl.newkjdemo.newkjdemo.ui.main.MainActivity">

    <include layout="@layout/custom_actionbar" />

五、下载地址

这里是下载地址

  • 6
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
### 回答1: JavaScript作为一种强大的脚本语言,可以快速搞定前端技术。在前端开发中,JavaScript可以用来实现交互效果、动画效果、表单验证、页面布局等各种功能。同时,JavaScript也可以与HTML、CSS紧密结合,使页面功能更加丰富。 为了快速搞定前端技术,需要熟练掌握JavaScript的基本语法和常用API,例如DOM操作、事件处理、定时器、Ajax等。掌握这些知识不仅可以提高开发效率,还能够让你在前端开发中发挥更大的创造性。 除了学习JavaScript的基本语法和API之外,还要多进行实战练习,掌握实际应用技巧。可以参考优秀的前端开源项目和博客,了解不同的开发思路和技术实现方法,同时也可以积累更多的经验。 最后,在进行前端开发的过程中,可以使用比较成熟的JavaScript框架和库,比如jQuery、AngularJS、React等,能够更好地提高开发效率,并且有助于让你的应用达到较好的性能和用户体验。 总之,通过深入学习JavaScript,结合实际开发实践,应用成熟的JavaScript框架和库,可以快速搞定前端技术,使自己更加成为一名优秀的前端开发工程师。 ### 回答2: JavaScript是一种高级编程语言,用于在网页上创建交互效果。它可以被用于快速搞定前端技术一面。 JavaScript的主要优点之一是它易于学习和使用。它被广泛使用,因为它不仅简单易懂,更可以用于许多场景。JavaScript可以用于DOM操作、事件处理、动画、表单验证等多种场景,这些都是前端技术中的核心部分。 对于想要迅速入门前端技术的人来说,建议从JavaScript开始学习。有很多在线资源,比如MDN文档,可以帮助你开始认识JavaScript的基础知识和语法。同时,有很多JavaScript框架,如React、Vue、Angular等,可以让你更有效地构建大型应用程序。 另外,要想在前端技术领域获得成功,还需要学习HTML和CSS。它们是构建网页的基础。但是,通过JavaScript,你可以使这些基础更加强大。例如,你可以使用JavaScript操作HTML元素,并对其添加样,使网页更加交互和美观。 因此,如果你想快速搞定前端技术一面,请开始学习JavaScript吧。你会发现这是一门动态、有趣且实用的编程语言,可以帮助你构建高度可交互的网页体验。 ### 回答3: JavaScript是一门运行在浏览器端的编程语言,是前端开发必备的技术之一。在JavaScript中,可以使用HTML和CSS来操作和控制页面的交互和显示效果,同时也可以通过JavaScript来实现一些复杂的功能和逻辑操作。 要快速搞定前端技术中的JavaScript,需要掌握以下几个方面: 1. 基础语法:JavaScript的基础语法包括变量、数据类型、运算符、流程控制语句等,需要掌握这些基本概念,才能编写出简单的程序。 2. DOM操作:DOM是文档对象模型的缩写,用于操作HTML和CSS。掌握DOM操作能够使前端开发更为得心应手,可以快速处理页面的展示效果。 3. AJAX:AJAX是异步JavaScript和XML的缩写,是一种用于创建快速动态网页的技术。它可以通过JavaScript异步请求数据,可以将页面刷新的时间和流量大大降低。 4. 框架和库:JavaScript拥有众多框架和库,这些工具包可以帮助前端开发者更快速地完成开发工作。例如,React、Vue.js等框架可以将前端开发极大地简化,加速前端开发效率。 总而言之,想要快速搞定前端技术中的JavaScript,需要不断学习掌握基础语法、DOM操作、AJAX等技术,同时了解一些常用的库和框架,这样便可以更好地适应前端开发的需求。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值