UI随笔第二期——仿QQ标题栏和状态栏渐变色

这期我们来说一下如何实现标题栏和状态栏渐变色，类似于QQ那种，在平时我们遇见的都是纯色的标题栏和状态栏，例如微信那种，直接通过style设置对应颜色即可达到效果，但渐变色要怎么实现呢？这里我们不用第三方库，我们通过自定义来实现，其实很简单，我们新建一个drawable来实现渐变颜色，然后布局里代码调用即可，这里我们不用toolbar，我们自己写一个标题栏，当然用toolbar也可以。

我们先用相对布局定义一个标题栏，然后设置渐变色背景

下面是渐变色的drawable代码

        android:angle="180"

        android:centerColor="#5dbdf7"

        android:centerX="1"

        android:centerY="1"

        android:endColor="#5dbdf7"

        android:startColor="#5d91f7"

        />

        android:bottom="0dp"

        android:left="0dp"

        android:right="0dp"

        android:top="0dp"

        />

        android:radius="0dp"/>

我们直接通过background调用即可，但这只实现了标题栏的渐变色，怎么让状态栏也渐变呢？直接设置状态栏透明就好了，这样就实现了标题栏和状态栏的渐变色效果，非常简单

下面是我实现的仿qq消息页面的布局，效果还行