Android笔记（三）按键动态渐变

最新推荐文章于 2026-02-15 09:11:35 发布

原创最新推荐文章于 2026-02-15 09:11:35 发布 · 418 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #移动开发 #安卓 #java #xml

本文详细介绍了一种在安卓应用中实现按钮渐变颜色及动画效果的方法。通过修改values文件夹下的colors.xml文件，添加自定义渐变颜色，并在drawable文件夹下创建渐变动画XML文件，最终通过代码调用实现按钮动画效果。

这个方法比较土

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();