Android Button渐变色，自带阴影，点击变色

最新推荐文章于 2025-05-18 09:19:13 发布

原创最新推荐文章于 2025-05-18 09:19:13 发布 · 3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Android #Button #渐变色 #点击效果 #shape

本文介绍如何使用XML选择器为Android应用中的按钮创建自定义样式，包括背景颜色、渐变效果、边框及圆角等，并展示了如何在布局文件中引用这些样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先在drawable创建一个button_selector.xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="false">
        <shape android:shape="rectangle" >
            <solid android:color="#ff58bb52" />
            <!--设置渐变色 angle=0 从左到右渲染，angle=90从上到下渲染，angle=180 从右到左渲染，-->
            <gradient
                android:angle="0"
                android:startColor="#F88800"
                android:endColor="#CB5500" />
            <!--设置角的弧度-->
            <corners android:radius="8dp" />
            <!--设置边框以及弧度-->
            <stroke
                android:width="1dp"
                android:color="#000000" />
        </shape>
    </item>

    <item  android:state_pressed="true">
        <shape>
            <!--点击之后的颜色-->
            <solid android:color="#fff000"/>
            <!--设置角的弧度-->
            <corners android:radius="8dp"/>
            <!--点击之后的边框-->
            <stroke
                android:width="1dp"
                android:color="#000000"/>
        </shape>
    </item>
</selector>

2.创建布局文件引用button_selector.xml文件

<Button
    style="@style/Widget.AppCompat.Button.Borderless"
    android:layout_width="250dp"
    android:layout_height="wrap_content"
    android:text="登  录"
    android:background="@drawable/button_selector"
    android:layout_gravity="center"
    android:layout_marginTop="110dp"
    android:elevation="8dp" />

style="@style/Widget.AppCompat.Button.Borderless"是添加阴影，android:elevation="8dp"决定了阴影的大小，这样效果就完成了。

由于公司需求，周末都在家撸代码，如果写的不足之处敬请谅解，毕竟是菜鸟，最后祝大家周末愉快~