当前位置:   article > 正文

android_基础_shape的gradient属性详解_android shape gradient

android shape gradient

转载自: https://blog.csdn.net/zjdyhant/article/details/46537647

首先文档介绍:

 <gradient
        android:angle="integer"
        android:centerX="integer"
        android:centerY="integer"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:useLevel=["true" | "false"] />
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

<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"  
        />
  • 1
  • 2
  • 3
  • 4

angle=270,从上到下 :

xml代码:

<gradient   
        android:startColor="#000000"  
        android:endColor="#ffffff"  
        android:angle="270"  
        />  
  • 1
  • 2
  • 3
  • 4
  • 5

android:startColor

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

android:endColor

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

android:centerColor

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

<gradient   
        android:startColor="#000000"  
        android:endColor="#ffffff"  
        android:centerColor="#ff0000"  
        />  
  • 1
  • 2
  • 3
  • 4
  • 5

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.                       ![](https://img-blog.csdnimg.cn/img_convert/2ec6784c94e479a4b2671baf59088a72.png)                
  • 1

xml代码:

加入android:centerColor属性

 ![](https://img-blog.csdnimg.cn/img_convert/754dd103eeefeb4ca2fb9a3471e8910a.png)      
  • 1


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代码: type=“sweep”:

xml代码:

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/420654
推荐阅读
相关标签
  

闽ICP备14008679号