【安卓】圆角按钮的使用（保姆级图文+附示例+api例程）

最新推荐文章于 2024-07-12 04:15:55 发布

发现你走远了

最新推荐文章于 2024-07-12 04:15:55 发布

阅读量2.1k

点赞数 2

分类专栏：安卓学习文章标签： android java 按钮形状圆角按钮

本文链接：https://blog.csdn.net/u011027547/article/details/122382014

版权

安卓学习专栏收录该内容

50 篇文章 38 订阅

订阅专栏

本文介绍了如何在Android中创建圆角按钮的自定义样式，包括新建`new_button_style.xml`设置边框、颜色和圆角，以及在`color.xml`中定义颜色。通过修改`ImageButton`的`android:background`属性引用自定义样式，实现按钮的圆角效果。文中还提供了代码示例和最终效果展示。

摘要由CSDN通过智能技术生成

按钮样式文件

1 new_button_style.xml

在main/res/drawable文件夹下新建new_button_style.xml样式文件
在这里插入图片描述

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

    <!--1、圆角 和 按下后背景变颜色-->
    <item android:state_pressed="false"><!-- 按钮未点击-->
        <shape>
            <stroke android:width="3dp" android:color="@color/Purple" /><!-- 边框颜色，边框大小-->
            <solid android:color="@color/touming" /> <!-- 填充的颜色：这里设置背景透明 -->
            <corners android:radius="50dp" /><!-- android:radius 弧形的半径 -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>

    <item android:state_pressed="true"> <!-- 按钮选中状态-->
        <shape>
            <stroke android:width="3dp" android:color="@color/red" /><!-- 边框颜色，边框大小-->
            <solid android:color="@color/green" /> <!-- 填充的颜色：这里设置背景透明 -->
            <corners android:radius="50dp" /><!-- android:radius 弧形的半径 -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
</selector>

2 color.xml

颜色文件values/color.html
在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    <color name="orange">#FFC107</color>
    <color name="yellow">#f5d14b</color>
    <color name="red">#e66eb8</color>
    <color name="green">#6bd669</color>
    <color name="blue">#3d68ce</color>
    <color name="Purple">#7e55fc</color>
    <color name="touming">#11512124</color>

</resources>

在这里插入图片描述

3 按钮样式API说明：

android:background=“参数”
android:background="@drawable/new_button_style"

参数：填写按钮自定义的样式名

4 按钮样式基本例程

这里以改动一个img_prev按钮为例子

基础版原来的代码：

<ImageButton
                android:id="@+id/img_prev"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_weight="1"
                android:background="@android:color/holo_blue_light"
                app:srcCompat="@android:drawable/ic_media_previous" />

修改后代码示例

            <ImageButton
                android:id="@+id/img_prev"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_weight="1"
                android:background="@drawable/new_button_style"
                app:srcCompat="@drawable/previous" />