android 自定义按钮_如何在Android中自定义按钮

最新推荐文章于 2026-04-29 11:15:35 发布

翻译最新推荐文章于 2026-04-29 11:15:35 发布 · 2.5k 阅读

5 ·

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

原文链接：https://hackernoon.com/how-to-customize-buttons-in-android-jr5q3v5y

标签

#android #python #unity #android studio #移动开发

本文介绍了如何在Android中自定义按钮，包括改变按钮背景颜色、创建圆角及应用渐变效果。通过在布局文件中设置可绘制资源，以及在drawable文件中编写XML代码来定义形状和颜色，可以实现吸引人的自定义按钮设计。

android 自定义按钮

您好，今天我们将看到如何在android中自定义按钮。我们将看到如何制作带有背景色的圆角按钮，以及如何渐变到按钮。

有关两个示例，请参见下面的gif。

首先，让我们看看

如何在Android中更改按钮背景颜色

请按照以下步骤在android中更改按钮背景。

要在android中应用或更改按钮的背景颜色，我们需要在布局和新的可绘制文件中创建一个按钮。

我们在布局中添加了我们的按钮，如下所示：

<?xml version="1.0" encoding="utf-8"?>
< androidx.constraintlayout.widget.ConstraintLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:app = "http://schemas.android.com/apk/res-auto"
    xmlns:tools = "http://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity" >

    < Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        app:layout_constraintTop_toTopOf = "parent"
        app:layout_constraintLeft_toLeftOf = "parent"
        app:layout_constraintRight_toRightOf = "parent"
        app:layout_constraintBottom_toBottomOf = "parent"
        android:text = "Boring Button"
        />

</ androidx.constraintlayout.widget.ConstraintLayout >

我们将制作一个可绘制的文件，并为按钮的背景编写代码。

创建文件后。将此代码添加到drawable文件中，在这里我们将该文件命名为bg_btn.xml 。

<?xml version="1.0" encoding="utf-8"?>
< shape android:shape = "rectangle" xmlns:android = "http://schemas.android.com/apk/res/android" >
    < solid
        android:color = "@android:color/holo_red_light" />
</ shape >

在上面的代码中，首先，我们通过将根元素设置为shape并传递属性shape并将其值设置为矩形来指定按钮的形状。在形状上，我们添加了一个实体子元素并将属性颜色设置为红色。

现在我们已经创建了按钮背景，现在我们必须将这些设置应用于按钮。

在布局文件夹中打开活动布局文件，并在按钮子级中传递背景属性，并将其值设置为我们之前创建的可绘制文件，请参见以下代码以供参考。

我们添加了一些填充并将文本颜色更改为白色，以便在android中看起来不错且有吸引力的按钮

<?xml version="1.0" encoding="utf-8"?>
< androidx.constraintlayout.widget.ConstraintLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:app = "http://schemas.android.com/apk/res-auto"
    xmlns:tools = "http://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity" >

    < Button
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        app:layout_constraintTop_toTopOf = "parent"
        app:layout_constraintLeft_toLeftOf = "parent"
        app:layout_constraintRight_toRightOf = "parent"
        app:layout_constraintBottom_toBottomOf = "parent"
        android:background = "@drawable/bg_btn"
        android:textColor = "@android:color/white"
        android:paddingStart = "20sp"
        android:paddingEnd = "20sp"
        android:text = "Custom Button"
        />

</ androidx.constraintlayout.widget.ConstraintLayout >