当前位置:   article > 正文

Android背景色内部渐变_android:angle

android:angle

看到群友们在讨论这个渐变色,然后我也想到,我们自己APP很多地方也用到这个

不过目前使用的是一个第三方的库,

com.lihang.ShadowLayout

除了这个还能用别的实现,使用shape的gradient属性实现渐变

效果图

线性渐变

圆形渐变

扫描渐变

线性渐变

在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. 颜色渐变的中间颜色,主要用于多彩。

从左到右渐变

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:shape="rectangle">
  4. <!--left to right-->
  5. <gradient
  6. android:angle="0"
  7. android:endColor="@android:color/white"
  8. android:startColor="@android:color/black" />
  9. <corners android:radius="4dp" />
  10. </shape>

左到右

依次改变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的渐变位置

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:shape="rectangle">
  4. <gradient
  5. android:centerX="0.5"
  6. android:centerY="0.5"
  7. android:endColor="@android:color/white"
  8. android:gradientRadius="50"
  9. android:startColor="@android:color/black"
  10. android:type="radial" />
  11. </shape>

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

闽ICP备14008679号