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

àì夳堔傛蜴生んèń 2023-02-20 12:12 24阅读 0赞

# 这个方法比较土 #

##### 1、在资源文件values文件夹下的corol.xml文件下添加一以代码(可以自己添加更多) #####

<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>

如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70]

##### 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>

如图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 1]

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

long\_button\_gradient1.xml ~long\_button\_gradientN.xml  
在每一个里面并添加以下代码，渐变值自己改一下

下面是两张图对比：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 3]

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 4]

##### 5、最后我们在代码中初始化控件，再去实现一下 #####

AnimationDrawable animationDrawable = (AnimationDrawable) btZhaohuimima.getBackground();
            animationDrawable.setExitFadeDuration(2000);
            animationDrawable.start();

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 5]

看看效果：![在这里插入图片描述][20200626184851245.gif_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200626182906459.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200626183510716.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200626184109554.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2020062618412892.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200626184339551.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/2020062618472029.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjQwODgz,size_16,color_FFFFFF,t_70
[20200626184851245.gif_pic_center]: https://img-blog.csdnimg.cn/20200626184851245.gif#pic_center