我有一个按钮，我有角半径，但它不起作用

Question

我有一个按钮，我给了角半径属性。在xml代码中，应用程序似乎是弯曲的，但当我运行应用程序时，按钮是矩形的。

<?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:id="@+id/res_item"
    android:forceDarkAllowed="false"
    android:background="@color/white"
    android:layout_width="match_parent"
    android:layout_height="70dp">

    <ImageView
        android:id="@+id/res_item_image"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:src="@drawable/ic_icon"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.494" />

    <TextView
        android:id="@+id/res_item_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:fontFamily="@font/salsa"
        android:text="Name"
        android:textColor="@color/black"
        android:textSize="20sp"
        app:layout_constraintEnd_toStartOf="@+id/add"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toEndOf="@id/res_item_image"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/res_item_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/salsa"
        android:text="price"
        app:layout_constraintTop_toBottomOf="@id/res_item_name"
        app:layout_constraintStart_toEndOf="@id/res_item_image"
        android:layout_marginLeft="20dp"
        android:textColor="@color/tomato_red"
        android:textSize="18sp" />

<Button       app:cornerRadius="20dp"
        android:id="@+id/add"
        android:layout_width="70dp"
        android:layout_height="40dp"
        android:layout_margin="20dp"
        android:layout_marginEnd="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="30dp"
        android:text="Add"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

我也用材质按钮代替了这个按钮，但还是发生了同样的事情。它在XML设计中似乎是弯曲的，但在应用程序中却不是。

Answer 1

如果您使用的是材料主题，那么您必须使用app:shapeappension而不是app:conerradius。查看详细信息

首先，在styles.xml中创建形状样式：

<style name="ShapeAppearance.App.SmallComponent" parent="ShapeAppearance.MaterialComponents.SmallComponent">
    <item name="cornerSize">20dp</item>
</style>

在按钮中，移除app：角半径，并使用以下形状样式：

<com.google.android.material.button.MaterialButton app:shapeAppearance="@style/ShapeAppearance.App.SmallComponent"
        android:id="@+id/add"
        android:layout_width="70dp"
        android:layout_height="40dp"
        android:layout_margin="20dp"
        android:layout_marginEnd="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="30dp"
        android:text="Add"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />