Button 裁剪圆角-CFANZ编程社区

在 Android 中，可以通过多种方式给 Button

方法 1：使用 shape 文件裁剪圆角

可以在 res/drawable 目录下创建一个 XML 文件，用 shape 标签定义圆角背景，然后将此背景应用于 Button 的 background

1. 在 res/drawable 中创建一个文件 button_rounded.xml：

<?xml version="1.0" encoding="utf-8"?>

</shape>

• solid: 设置按钮的背景颜色。

• corners: 设置圆角半径，16dp

2. 在 Button 的布局文件中引用 button_rounded.xml 作为背景：

<Button

android:id="@+id/roundedButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Rounded Button"

android:background="@drawable/button_rounded"

android:textColor="#FFFFFF" />

方法 2：使用 MaterialButton 设置圆角

MaterialButton 是 Material Design 中的按钮组件，支持圆角效果，并且不需要额外的 XML 文件。

1. 在布局文件中使用 MaterialButton：

<com.google.android.material.button.MaterialButton

android:id="@+id/materialButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Rounded Material Button"

android:backgroundTint="@color/purple_700"

android:textColor="@color/white"

app:cornerRadius="16dp" />

• app:cornerRadius: 设置圆角半径。

• android:backgroundTint: 设置按钮背景颜色。

注意：确保在项目的 build.gradle 中包含 Material Components 依赖：

方法 3：在代码中动态设置圆角背景

如果需要在代码中动态创建圆角背景，可以使用 GradientDrawable

import

public class MainActivity extends

@Override

protected void

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Button button

// 创建圆角背景

GradientDrawable roundedBackground = new

roundedBackground.setColor(getResources().getColor(R.color.purple_700)); // 设置背景颜色

roundedBackground.setCornerRadius(16f); // 设置圆角半径

button.setBackground(roundedBackground); // 设置按钮背景

}

方法 4：使用 CardView 裁剪圆角

如果想要在更复杂的布局中实现圆角效果，也可以将 Button 放置在 CardView 中，然后通过 CardView 设置圆角。CardView

1. 在布局文件中使用 CardView 包裹 Button：

<androidx.cardview.widget.CardView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:cardCornerRadius="16dp"

app:cardBackgroundColor="@color/purple_700">

<Button

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Button in CardView"

android:background="@android:color/transparent"

android:textColor="#FFFFFF" />

</androidx.cardview.widget.CardView>

• app:cardCornerRadius: 设置 CardView 的圆角半径。

• app:cardBackgroundColor: 设置 CardView 的背景颜色。Button 的背景颜色设为透明以显示 CardView 的颜色。

总结

• 使用 shape 文件：灵活控制圆角和背景颜色，适合一般用途。

• 使用 MaterialButton：内置圆角属性，简单易用，适合使用 Material Design 风格的项目。

• 动态创建 GradientDrawable：在代码中动态创建圆角背景，适合需要程序化生成背景的场景。

• 使用 CardView：适合复杂布局，尤其是在其他视图容器上叠加圆角效果。

选择适合你的场景的方式来实现按钮的圆角裁剪效果。