一、背景

单纯的颜色背景已经不能够满足UI大佬们的发挥，渐变色背景无疑成了一个炫技的方向。现在越来越多的地方用到了渐变色，如Logo/背景色/按钮等。

做人一定要靠自己：

1.UI大佬觉得没必要切这种渐变图

2.切图有时候效果也不是很好。

注:因屏幕不同，iOS屏幕分辨率更高,对鲜艳色彩的还原度更好，安卓所适应的机型更多,高中低端机型都会有,色彩还原度没有那么好,因此在定义品牌颜色时也需要参考不同平台的色彩差异。

二、渐变

2.1 线性渐变背景色

1.新建资源文件

在drawable目录新建一个资源文件：shape_bg_gradient.xml(名称自定义)

2.编辑样式文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:angle="270"android:startColor="#E44354"android:endColor="#9A3DE1"/>
</shape>

3.使用

在任何可以设置背景的控件属性里添加：android:background="@drawable/shape_bg_gradient"

<Viewandroid:layout_width="match_parent"android:layout_height="@dimen/dp_200"android:background="@drawable/shape_bg_gradient"/>

4.编辑样式参数说明

 <!--<gradientandroid: startColor = "#E44354" 渐变色的起始值android: centerColor = "#333333" 渐变色的中间值android: endColor = "#9A3DE1" 渐变色的结束值android: angle = "45" 渐变色的方向，默认为0从左到右，九十度时从上倒下，必须为45的倍数android: type = radial 1，线性linear.2，放射渐变radial 3:扫描线渐变 sweepandroid:centerX="0.5"      渐变中心点的 X 坐标的相对值（0.0 - 1.0 之间），仅 type 为 radial 或 sweep 时有效android:centerY="0.5"      渐变中心点的 Y 坐标的相对值（0.0 - 1.0 之间），仅 type 为 radial 或 sweep 时有效android:gradientRadius="100"    渐变半径，仅 type 为 radial 时有效/>
--><!--android:angle="0"//效果是：是从左到右，按照开始颜色到结束颜色来渲染的--><!--android:angle="90"//效果是：是从下到上，按照开始颜色到结束颜色来渲染的--><!--android:angle="180"//效果是：是从右到左，按照开始颜色到结束颜色来渲染的--><!--android:angle="270"//效果是：是从上到下，按照开始颜色到结束颜色来渲染的-->

2.2 圆角按钮渐变背景色

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"><corners android:radius="10dp"/><gradientandroid:startColor="#FF4100"android:endColor="#F7B65B"android:angle="0" />
</shape>//使用<TextViewandroid:layout_width="match_parent"android:layout_height="50"android:background="@drawable/shape_btn_purple_gradient_10"android:layout_marginStart="16dp"android:layout_marginEnd="16dp"android:gravity="center"android:textSize="16sp"android:textColor="@color/white"android:text="渐变"/>

2.3 放射渐变

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:angle="135"android:gradientRadius="@dimen/dp_200"android:startColor="#E44354"android:type="radial"android:centerX="0.5"android:centerY="0.5"android:endColor="#9A3DE1"/>
</shape>

2.4 扫描线渐变

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:angle="135"android:gradientRadius="@dimen/dp_200"android:startColor="#E44354"android:type="sweep"android:centerX="0.3"android:centerY="0.4"android:endColor="#ffffff"/>
</shape>

Android 渐变背景色相关推荐

android view背景颜色,Android - ViewPager进阶篇之渐变背景色
今天本来为了打算租房,在朋友的推荐下,下载了一个"107间"的Android应用...打开应用的瞬间,小编就被首页登录的炫酷引导给吸引了,然后就把租房的事情抛到脑后了...O(∩_ ...
Python批量修改Excel文件格式：加粗、颜色交替、渐变背景色填充
功能描述:首先生成几个测试用的Excel文件,然后批量修改这些文件的格式,把表头加粗并设置为黑体,其他行字体为宋体,设置奇偶行颜色不同,并设置偶数行为从红到蓝的渐变背景色填充. from random ...
使用CSS实现网格+渐变背景色的Web页面背景
使用CSS实现网格+渐变背景色的Web页面背景 CSDN:jcLee95 邮箱:291148484@163.com 相关文章推荐: Vue中使用纯CSS实现全屏网格加渐变色背景布局:https://b ...
雷达图自定义点样式渐变背景色
雷达图的自定义点样式与渐变背景色 1.首先通过标签方式直接引入构建好的 echarts 文件 <!DOCTYPE html> <html> <head><me ...
iOS代码设置渐变背景色
欢迎到个人博客: liumh.com查看本文. 本文为原创,未经允许勿转载项目会遇到给各种UI控件添加渐变背景色的需求,如果只是上下渐变或者左右渐变,可以使用Xcode xcassets的Slici ...
纯css 渐变背景色动画文字贴合环绕图片
渐变背景色动画渐变色背景是不能通过纯css 动画设置的.所以换一种思路通过 background-size 设置背景的大小,让我们渐变色背景一开始的时候不展示全部的背景,然后通过css动画改变 b ...
【LVGL】设置对象样式 - 渐变背景色
LVGL提供设置对象渐变背景色的功能,渐变色是由color1渐变为color2,而color1是对象的background color,而color2则是通过lv_style_set_bg_grad_ ...
android 渐变的背景色,Android背景渐变xml
使用shape的gradient属性实现渐变效果图线性渐变圆形渐变扫描渐变线性渐变在drawable文件夹下新建shape资源: 属性值 android:angle (必须是45的整数倍. ...
android 渐变的背景色,Android开发——实现背景颜色渐变效果-Go语言中文社区
前言在Android开发当中,我们肯定会接到有业务需求是:让APP的某一些背景颜色产生渐变效果.那我们应该怎么去实现呢?接下就是我要为大家介绍的了. 效果图这是需求要达到的效果.接下来说一下是怎么 ...

Android 渐变背景色