Android笔记(三)按键动态渐变

这个方法比较土

1、在资源文件values文件夹下的corol.xml文件下添加一以代码(可以自己添加更多)
	    <!--++++++++++++++渐变button+++++++++++++++++-->
    <color name="color_gradient_1">#ffdc6b</color>
    <color name="color_gradient_2">#ffe96b</color>
    <color name="color_gradient_3">#daff6b</color>
    <color name="color_gradient_4">#9fff6b</color>
    <color name="color_gradient_5">#6aff84</color>
    <color name="color_gradient_6">#69ff79</color>
    <color name="color_gradient_7">#6affb5</color>
    <color name="color_gradient_8">#6bffee</color>
    <color name="color_gradient_9">#69cdff</color>
    <color name="color_gradient_X">#6ac6ff</color>
    <color name="color_gradient_11">#7FC13F</color>
    <color name="color_gradient_12">#e9e9e9</color>
    <color name="color_gradient_13">#777777</color>
    <color name="color_gradient_14">#00D491</color>
    <!--++++++++++++++++边角+++++++++++++++-->
    <dimen name="button_gradient_fillet">80dp</dimen>

如图:
在这里插入图片描述

2、在资源文件drawable文件夹下创建long_button_gradient.xml文件并添加以下代码
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:drawable="@drawable/long_color_gradient1"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient2"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient3"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient4"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient5"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient6"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient7"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient8"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient9"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient10"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient11"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient12"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient13"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient14"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient15"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient16"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient17"
        android:duration="2000" />

    <item
        android:drawable="@drawable/long_color_gradient18"
        android:duration="2000" />
</animation-list>

如图:

在这里插入图片描述

3、在资源文件drawable文件夹下创建

long_button_gradient1.xml ~long_button_gradientN.xml
在每一个里面并添加以下代码,渐变值自己改一下

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="@dimen/button_gradient_fillet" />

    <gradient
        android:angle="45"
        android:centerColor="@color/color_gradient_1"
        android:endColor="@color/color_gradient_2"
        android:startColor="@color/color_gradient_3"
        android:type="linear" />
</shape>

下面是两张图对比:
在这里插入图片描述

在这里插入图片描述

4、接下来我们去调用一下

在这里插入图片描述

5、最后我们在代码中初始化控件,再去实现一下
  AnimationDrawable animationDrawable = (AnimationDrawable) btZhaohuimima.getBackground();
        animationDrawable.setExitFadeDuration(2000);
        animationDrawable.start();

在这里插入图片描述

看看效果:在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值