Question

我有一个按钮，我给了cornerRadius 属性。在 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

如果您使用的是 Material 主题，则必须使用 app:shapeAppearance 而不是 app:cornerRadius。 See details

首先在你的styles.xml 中创建一个形状样式：

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

在您的按钮中，删除 app:cornerRadius 并使用此形状样式：

<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" />

Answer 2

在 drawable 文件夹中创建一个新文件，例如ripple.xml 并使用以下代码：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/primary">
  <item>
    <shape android:shape="rectangle">
      <solid android:color="@color/colorPrimary"/>
      <corners android:radius="20dp" />
    </shape>
  </item>
</ripple>

现在使用创建的文件作为按钮的背景：

<Button      
    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"
    android:background="@drawable/ripple"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent" />

Answer 3

如果你想创建圆角按钮，那么在 drawable 文件夹中创建一个 xml 文件，如 button_shape.xml 并粘贴以下代码：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#50B771" />

    <corners android:radius="5dp" />
</shape>

然后将选择器文件设置到 xml 中的按钮中：

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:textColor="#ffffff"
    android:background="@drawable/button_shape"
    android:text="Buttons" />

如果您对此再次有疑问，可以 ping 我。

我有一个按钮，我有cornerRadius，但它不起作用

3 个答案: