圆角在材质按钮中不起作用

Question

我的登录活动布局中有这样的按钮。

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:weightSum="2">
<com.google.android.material.button.MaterialButton
android:id="@+id/button_login_activity"
android:layout_width="0dp"
android:layout_height="60dp"
android:layout_weight="1"
android:text="Login"
app:cornerRadius="20dp"
android:background="@color/colorPrimaryDark"
android:textColor="@color/toolbar_text"
android:textStyle="bold" />
<com.google.android.material.button.MaterialButton
android:id="@+id/button_skip_login_activity"
android:layout_width="0dp"
android:layout_height="60dp"
android:layout_marginStart="10dp"
android:layout_weight="1"
app:cornerRadius="20dp"
android:background="@color/colorPrimaryDark"
android:textColor="@color/toolbar_text"
android:text="Skip"
android:textStyle="bold"
android:layout_marginLeft="10dp" />
</LinearLayout>

我的风格就像这个

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
<!--Common Color-->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:alertDialogTheme">@style/AlertDialogTheme</item>
<item name="windowActionBar">true</item>
<item name="windowNoTitle">true</item>
<item name="colorSwitchThumbNormal">@color/switch_normal</item>
<item name="colorControlNormal">@color/switch_normal</item>
<item name="android:textColorSecondary">@color/switch_normal</item>
<item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
<item name="android:windowDisablePreview">true</item>
</style>

我有类似以下的依赖关系

implementation 'com.google.android.material:material:1.2.1'

我尝试了很多东西，但都无法使其适用于圆角，同样的东西也适用于我的另一个项目。如果有人能帮我解决这个问题，请告诉我。谢谢

Answer 1

您必须删除背景：

android:background="@color/colorPrimaryDark"

使用它，MaterialButton不使用它自己的MaterialShapeDrawable作为背景。这意味着形状外观、笔划和圆角等特征将被忽略。

在您的情况下，使用app:backgroundTint属性：

<com.google.android.material.button.MaterialButton
app:backgroundTint="@color/colorPrimaryDark"