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

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 >

现在,您可以在预览窗口中查看自定义按钮预览,如果您在android手机上运行您的应用程序,则将看到自定义按钮。

我们可以使此按钮变成圆角并添加渐变颜色,如下所示。

如果您想学习如何制作上述按钮,可以参考android中自定义按钮的相关文章。

感谢您的阅读希望,您会学到一些新东西。 祝你今天愉快。

先前发布在 https://www.akshayrana.in/2020/05/customize-button-in-android.html

翻译自: https://hackernoon.com/how-to-customize-buttons-in-android-jr5q3v5y

android 自定义按钮

  • 1
    点赞
  • 0
    评论
  • 6
    收藏
  • 扫一扫,分享海报

参与评论
请先登录 后发表评论~
©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值