shape中gradient属性介绍

最新推荐文章于 2024-08-05 03:19:33 发布

转载最新推荐文章于 2024-08-05 03:19:33 发布 · 4.5k 阅读

本文详细介绍了Android中shape的渐变色属性及其使用方法。包括角度(angle)、开始颜色(startColor)、结束颜色(endColor)、中间颜色(centerColor)等关键属性的设定方式，并解释了不同类型(linear、radial、sweep)渐变的应用场景。

<gradient> shape的颜色渐变属性

attributes:

android:angle

Integer，代表渐变颜色的角度， 0 is left to right, 90 is bottom to top. 必须是45的整数倍.

默认是 0.该属性只有在type=linear情况下起作用，默认的type为linear。

默认情况下，从左到右：

xml代码：<gradient
android:startColor="#000000"
android:endColor="#ffffff"
/>

angle=270，从上到下：

xml代码：<gradient
android:startColor="#000000"
android:endColor="#ffffff"
android:angle="270"
/>

android:startColor

Color. 颜色渐变的开始颜色，如angle=270中的 android:startColor="#000000"

android:endColor

Color. 颜色渐变的结束颜色，如angle=270中的 android:endColor="#ffffff"

android:centerColor

Color. 颜色渐变的中间颜色，主要用于多彩。

android:centerX

Float.(0 - 1.0) 相对X的渐变位置。

android:centerY

Float.(0 - 1.0) 相对Y的渐变位置。

这两个属性只有在type不为linear情况下起作用。

android:gradientRadius

Float. 渐变颜色的半径，单位应该是像素点. 需要 android:type="radial".

如果android:type="radial"，没有设置android:gradientRadius，将会报错，error inflating class.

xml代码： <gradient
android:startColor="#ff0000"
android:endColor="#ffffff"
android:centerX="0.5"
android:centerY="0.5"
android:gradientRadius="30"
android:type="radial"
/>

加入Android:centerColor属性

<gradient
android:startColor="#ff0000"
android:endColor="#ffffff"
android:centerColor="#000000"
android:centerX="0.5"
android:centerY="0.5"
android:gradientRadius="30"
android:type="radial"
/>
android:type

Value	Description
`"linear"`	线性渐变.可以理解为 y=kx+b.
`"radial"`	A radial gradient.圆形渐变，起始颜色从cenralX,centralY点开始。
`"sweep"`	A sweeping line gradient.

centerX="0.2" centerX="0.2"

xml代码： <gradient
android:startColor="#ff0000"
android:endColor="#ffffff"
android:centerX="0.2"
android:centerX="0.2"
android:gradientRadius="30"
android:type="radial"

type="sweep"：