Android背景渐变xml

使用shape的gradient属性实现渐变

效果图

Android背景渐变xml_第1张图片
线性渐变

圆形渐变

Android背景渐变xml_第2张图片
扫描渐变

线性渐变

在drawable文件夹下新建shape资源:

属性值
  • android:angle (必须是45的整数倍. )
    Integer:渐变颜色的角度
    android:angle="0": left to right
    android:angle="90": bottom to top
    android:angle="180": right to left
    android:angle="270": top to bottom
    默认是 0.该属性只有在type=linear情况下起作用,默认的type为linear。
    默认情况下,从左到右:
  • android:startColor
    Color. 颜色渐变的开始颜色
    android:startColor="#000000"
  • android:endColor
    Color. 颜色渐变的结束颜色
    android:endColor="#ffffff"
  • android:centerColor
    Color. 颜色渐变的中间颜色,主要用于多彩。
从左到右渐变


    
    
    

左到右

依次改变angle角度,90(下到上)、180(右到左)、270(上到下)


下到上.png

右到左.png

image.png

加入 android:centerColor="@android:color/holo_blue_light"


上到下.png

圆形|放射形渐变

属性值
  • android:type="radial"(必须设置gradientRadius属性值,否则会报错)
    渐变类型
  • android:gradientRadius
    Float.渐变颜色半径
  • android:centerY
    Float.(0~1.0)相对Y的渐变位置
  • android:centerX
    Float.(0~1.0)相对X的渐变位置


    

image.png

加入android:centerColor="@android:color/holo_blue_light"


image.png

扫描角度渐变

属性值
  • android:type="sweep"(默认centerX=0.5,centerY=0.5由中心点顺时针开始扫描)
    渐变类型
  • android:centerY
    Float.(0~1.0)相对Y的渐变位置
  • android:centerX
    Float.(0~1.0)相对X的渐变位置


    

image.png


    

image.png

你可能感兴趣的:(Android背景渐变xml)