android xml实现按钮的圆角、阴影效果及按下变化效果的实现代码

 更新时间：2021年05月24日 09:48:56   作者：RightStar_  

这篇文章主要介绍了android xml实现按钮的圆角、阴影效果以及按下变化效果,通过五个xml文件实现按钮的圆角阴影效果，代码也很简单，需要的朋友可以参考下

前言

5个xml文件实现按钮的圆角、阴影效果以及按下变化效果

实现

drawable/shape.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="schemas.android.com/apk/res/android" &gt;
    &lt;!-- 圆角 --&gt;
    &lt;corners
        android:radius="8dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"/&gt;&lt;!-- 设置圆角半径 --&gt;
    
    &lt;!-- 间隔 --&gt;
    &lt;padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/&gt;&lt;!-- 各方向的间隔 --&gt;
    
    &lt;!-- 大小 --&gt;
    &lt;size
        android:width="50dp"
        android:height="50dp"/&gt;&lt;!-- 宽度和高度 --&gt;
    
    &lt;!-- 填充 --&gt;
    &lt;solid
        android:color=" #FF03A9F4"/&gt;&lt;!-- 填充的颜色 --&gt;
&lt;/shape&gt;

drawable/shapepress.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="schemas.android.com/apk/res/android" &gt;
    &lt;!-- 圆角 --&gt;
    &lt;corners
        android:radius="8dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"/&gt;&lt;!-- 设置圆角半径 --&gt;

    &lt;!-- 间隔 --&gt;
    &lt;padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/&gt;&lt;!-- 各方向的间隔 --&gt;

    &lt;!-- 大小 --&gt;
    &lt;size
        android:width="50dp"
        android:height="50dp"/&gt;&lt;!-- 宽度和高度 --&gt;

    &lt;!-- 填充 --&gt;
    &lt;solid
        android:color="#FF7AD1F8"/&gt;&lt;!-- 填充的颜色 --&gt;
&lt;/shape&gt;

drawable/shadow.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="schemas.android.com/apk/res/android"&gt;
    &lt;!--第一层阴影--&gt;
    &lt;item&gt;
        &lt;shape android:shape="rectangle"&gt;
            &lt;solid android:color="#21000000" /&gt;
            &lt;corners android:radius="8dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp" /&gt;
            &lt;!-- 大小 --&gt;
            &lt;size
                android:width="50dp"
                android:height="50dp"/&gt;&lt;!-- 宽度和高度 --&gt;
        &lt;/shape&gt;
    &lt;/item&gt;
    &lt;!--第二层前景--&gt;
    &lt;item
        android:bottom="2dp"
        android:right="3dp"
        android:drawable="@drawable/shape"
        &gt;
    &lt;/item&gt;
&lt;/layer-list&gt;

drawable/shadowpress.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="schemas.android.com/apk/res/android"&gt;
    &lt;!--第一层阴影--&gt;
    &lt;item&gt;
        &lt;shape android:shape="rectangle"&gt;
            &lt;solid android:color="#0E000000" /&gt;
            &lt;corners android:radius="8dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp" /&gt;
            &lt;!-- 大小 --&gt;
            &lt;size
                android:width="50dp"
                android:height="50dp"/&gt;&lt;!-- 宽度和高度 --&gt;
        &lt;/shape&gt;
    &lt;/item&gt;
    &lt;!--第二层前景--&gt;
    &lt;!--第二层前景--&gt;
    &lt;item
        android:bottom="2dp"
        android:right="3dp"
        android:drawable="@drawable/shapepress"
        &gt;
    &lt;/item&gt;
&lt;/layer-list&gt;

在这里插入图片描述

drawable/button_style.xml

&lt;?xml version="1.0" encoding="utf-8" ?&gt;
&lt;selector xmlns:android="schemas.android.com/apk/res/android"&gt;
    &lt;!--注意先后顺序--&gt;
    &lt;!-- 触摸模式下单击时的阴影--&gt;
    &lt;item android:state_pressed="true"  android:drawable="@drawable/shadowpress"  /&gt;
    &lt;!-- 默认时的背景图片--&gt;
    &lt;item android:drawable="@drawable/shadow" /&gt;
&lt;/selector&gt;

activity_main.xml中引入

&lt;Button
  android:id="@+id/button9"
  android:onClick="pushNumber"
  android:text="9"
  android:background="@drawable/button_style"
  android:textColor="@color/colorWhite"
  android:layout_margin="5dp"
  /&gt;