Android 自定义按钮圆角矩形背景，点击效果

最新推荐文章于 2026-05-18 05:12:16 发布

原创最新推荐文章于 2026-05-18 05:12:16 发布 · 2.7k 阅读

8 ·

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

标签

#android #java #android studio

本文详细介绍了如何在Android中为按钮添加圆角背景，并通过selector实现点击效果的切换。步骤包括创建shape资源文件、设置背景和尺寸，以及在布局中应用。适合定制美观的用户界面。

一、按钮圆角背景

1.在res/drawable文件夹下创建bg_btn资源文件

2.资源文件代码

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 填充色 -->
    <solid android:color="#03A9F4" />

    <!-- 此处宽高设置无效，只是在此用于展示，实际到布局文件设置的width和height有效 -->
    <size
        android:width="200dp"
        android:height="60dp" />

    <!-- 圆角半径要小于等于height的一半，大于按照等于一半效果展示-->
    <corners android:radius="30dp" />
</shape>

3.使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <Button
        android:layout_width="200dp"
        android:layout_height="60dp"
        android:background="@drawable/bg_btn"
        android:text="确定"
        android:textColor="@color/white"
        android:textSize="36sp"
        android:textStyle="bold" />


</LinearLayout>

4.效果图片

二、按钮点击效果

1.在res/drawable文件夹下创建selector_btn_press资源文件

2.资源文件代码

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

    <!--按压状态item-->
    <item android:state_pressed="true">
        <shape>
            <!-- size用于展示，此处设置不生效 -->
            <size android:width="200dp" android:height="60dp" />
            <!-- 圆角半径 -->
            <corners android:radius="30dp" />
            <!-- 按压背景颜色 -->
            <solid android:color="#2D6984" />
        </shape>
    </item>

    <!--正常状态item-->
    <item android:state_pressed="false">
        <shape>
            <size android:width="200dp" android:height="60dp" />
            <corners android:radius="30dp" />
            <!-- 正常背景颜色 -->
            <solid android:color="#03A9F4" />
        </shape>
    </item>

</selector>

3.使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <Button
        android:id="@+id/btn_bg"
        android:layout_width="200dp"
        android:layout_height="60dp"
        android:layout_margin="20dp"
        android:background="@drawable/bg_btn"
        android:text="确定"
        android:textColor="@color/white"
        android:textSize="36sp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/btn_press_bg"
        android:layout_width="200dp"
        android:layout_height="60dp"
        android:layout_margin="20dp"
        android:background="@drawable/bg_btn"
        android:text="取消"
        android:textColor="@color/white"
        android:textSize="36sp"
        android:textStyle="bold" />

</LinearLayout>

4.效果图片