android MaterialButton设置直角

原创

mob649e815375e5 2023-10-21 07:45:35 ©著作权

文章标签 Android xml 控件 文章分类 Android 移动开发

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

Android MaterialButton 设置直角

介绍

Android MaterialButton是Android官方提供的用于实现Material Design风格的按钮控件。默认情况下，MaterialButton的边角是圆角的，但是有时候我们可能需要将按钮的边角设置为直角。本文将介绍如何在Android应用中使用MaterialButton并设置直角边角。

准备工作

在开始之前，我们需要确保以下几点：

Android开发环境已正确安装和配置。
了解基本的Android开发知识和布局文件。
已创建一个新的Android项目。

使用 MaterialButton

要使用MaterialButton控件，我们首先需要在项目的build.gradle文件中添加Material Design库的依赖。

dependencies {
    implementation 'com.google.android.material:material:1.4.0'
}

然后，在布局文件中添加一个MaterialButton控件。

<com.google.android.material.button.MaterialButton
    android:id="@+id/btn_submit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Submit" />

这样就可以在应用中使用MaterialButton了。

设置直角边角

默认情况下，MaterialButton的边角是圆角的。要设置直角边角，我们可以使用MaterialButton的shapeAppearance属性。

<com.google.android.material.button.MaterialButton
    android:id="@+id/btn_submit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Submit"
    app:shapeAppearance="@style/ShapeAppearance.MyApp.Button" />

接下来，我们需要在styles.xml文件中定义一个样式，并将其应用到MaterialButton的shapeAppearance属性上。

<style name="ShapeAppearance.MyApp.Button" parent="ShapeAppearance.MaterialComponents.SmallComponent">
    <item name="cornerSize">0dp</item>
</style>

上面的代码中，我们将cornerSize属性设置为0dp，即将边角设置为直角。

完整示例

下面是一个完整的示例，演示如何使用MaterialButton设置直角边角。

<LinearLayout xmlns:android="
    xmlns:app="
    xmlns:tools="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".MainActivity">

    <com.google.android.material.button.MaterialButton
        android:id="@+id/btn_submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Submit"
        app:shapeAppearance="@style/ShapeAppearance.MyApp.Button" />

</LinearLayout>

<style name="ShapeAppearance.MyApp.Button" parent="ShapeAppearance.MaterialComponents.SmallComponent">
    <item name="cornerSize">0dp</item>
</style>