android button带圆角

原创

mob649e8161c39d 2024-06-16 03:50:31 ©著作权

文章标签 圆角应用程序 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e8161c39d的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android Button带圆角

在Android应用程序中，按钮是一个很常见的UI元素，用于触发特定的操作或导航到其他页面。通常情况下，按钮都是矩形的，但有时候我们可能想要为按钮添加一些圆角，使其看起来更加美观和现代化。

本文将介绍如何在Android应用程序中创建带有圆角的按钮，并提供相应的代码示例。

圆角按钮的实现方式

要实现带有圆角的按钮，我们可以使用一个自定义的drawable作为按钮的背景。通过定义一个带有圆角的形状，我们可以将这个形状应用到按钮上，从而实现按钮带圆角的效果。

创建带圆角的drawable

首先，我们需要在res/drawable文件夹下创建一个xml文件来定义我们的圆角形状。以下是一个示例代码：

<shape xmlns:android="
    android:shape="rectangle">
    <solid android:color="#FF4081"/>
    <corners android:radius="20dp"/>
</shape>

在这个xml文件中，我们定义了一个矩形形状，填充颜色为#FF4081，圆角的半径为20dp。你可以根据自己的需求调整填充颜色和圆角半径。

应用圆角形状到按钮上

接下来，我们需要在布局文件中为按钮指定这个drawable作为背景。以下是一个示例代码：

<Button
    android:id="@+id/roundedButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me"
    android:background="@drawable/rounded_shape"/>

在这个代码中，我们为按钮指定了一个id为roundedButton的标识符，并且将我们之前创建的drawable文件rounded_shape设置为按钮的背景。

完整示例

下面是一个完整的示例代码，包括drawable文件和布局文件：

drawable/rounded_shape.xml

<shape xmlns:android="
    android:shape="rectangle">
    <solid android:color="#FF4081"/>
    <corners android:radius="20dp"/>
</shape>

layout/activity_main.xml

<RelativeLayout xmlns:android="
    xmlns:tools="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/roundedButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click me"
        android:background="@drawable/rounded_shape"/>

</RelativeLayout>

在这个示例中，我们创建了一个圆角按钮并将其添加到布局文件中。当应用程序运行时，按钮将显示为一个带有圆角的矩形形状，填充颜色为#FF4081。