安卓带点击效果的圆角button

最新推荐文章于 2025-07-09 13:04:04 发布

原创最新推荐文章于 2025-07-09 13:04:04 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

安卓工具专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了如何在Android中实现一个带有点击反馈效果的圆形Button。通过创建两个XML资源文件`circle_btn_normal.xml`和`circle_btn_pressed.xml`分别定义按钮的正常状态和按下状态的样式，包括设置圆角、填充颜色、边框等属性。接着，使用`selector_bg_btn.xml`选择器将这两种状态结合在一起，并将其作为Button的背景。这样，当Button被按下时，会显示预设的按下效果。

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

首先创建两个按下和弹起的button圆角资源文件

//circle_btn_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 设置圆角 -->
    <corners android:radius="6dp" >
    </corners>
    <!-- 设置填充色 -->
    <solid android:color="@color/ActionBar" >
    </solid>

    <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" />
    <!-- 设置边框的颜色和宽度 -->
    <stroke
        android:width="1dp"
        android:color="@color/ActionBar" >
    </stroke>
</shape>

//circle_btn_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- shape如果不声明形状默认是正方形 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 设置圆角 -->
    <corners android:radius="6dp" >
    </corners>
    <!-- 设置填充色 -->
    <solid android:color="@color/gray" >
    </solid>

    <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" />
    <!-- 设置边框的颜色和宽度 -->
    <stroke
        android:width="1dp"
        android:color="@color/gray" >
    </stroke>
</shape>
然后创建一个selector_bg_btn.xml来引用这两个资源
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/circle_btn_normal" android:state_pressed="false"/>
    <item android:drawable="@drawable/circle_btn_pressed" android:state_pressed="true"/>
</selector>

最后在button的background属性里面引用这个selector_bg_btn.xml
android:background="@drawable/selector_bg_btn"