android自定义渐变色,Android如何设置渐变色背景 | 夕辞

Android开发过程中,会用到android:backgroud属性来设置背景的颜色,一般情况下我们直接设置一个类似#FFFF0000的值代表是背景颜色,如果想设置渐变背景颜色,就需要用到gradient了。

我们分:线性渐变、放射渐变、扫描渐变,下面具体看下:

一、线性渐变

线性渐变也是默认的渐变色,比如我们设置一个最简单的效果,代码如下:

android:angle="0"

android:endColor="#00FF00"

android:startColor="#FF0000"

android:type="linear" />

效果如下:

233db1b410e60703557bf23496a0f1de.png

因此,可以看出有以下几个重点:

startColor:开始颜色;

endColor:结束颜色;

angle:角度;

我们试试另一种场景,代码如下:

android:angle="45"

android:centerColor="#0000FF"

android:endColor="#00FF00"

android:startColor="#FF0000"

android:type="linear" />

效果如下:

007e64f2bf85c05c6f3a09f40bb39290.png

这次增加了一个centerColor,中间的颜色,还有将角度调整为45度,现在应该了解线性渐变如何实现了;

二、放射渐变(radial)

放射渐变是另一种放射性的渐变,话不多说,直接看代码:

android:angle="0"

android:centerColor="#0000FF"

android:centerX="0.2"

android:centerY="0.5"

android:endColor="#00ff00"

android:gradientRadius="400dp"

android:startColor="#FF0000"

android:type="radial" />

效果如下:

99d4913d86080b3049df2503d1aa94f6.png

属性介绍如下:

startColor:开始颜色;

endColor:结束颜色;

angle:角度;

centerColor:中间颜色;

centerX、centerY:中心放射点的x和y坐标,注意,这里的坐标是整个背景的百分比的点,并不是确切点,0.2就是20%的点;

gradientRadius:圆的半径,确切半径;

三、扫描渐变(sweep)

代码如下:

android:angle="90"

android:centerColor="#0000FF"

android:centerX="0.5"

android:centerY="0.5"

android:endColor="#00ff00"

android:gradientRadius="400dp"

android:startColor="#FF0000"

android:type="sweep" />

效果如下:

b31cfe0754baee54224afb7b6e611bb9.png

所以这就是所有的线性效果了,可以按需使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值