Question

我有以下CardView，并且我想为卡中的每个角设置不同的半径。是否可以通过XML或以编程方式更改它们？预先感谢。

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="16dp"
    android:layout_marginLeft="16dp"
    android:layout_marginTop="5dp"
    android:layout_marginBottom="5dp"
    app:cardCornerRadius="0dp"
    app:cardElevation="0dp">
</android.support.v7.widget.CardView>

编辑正如Avinash所建议的那样，我正在寻找此lib github.com/captain-miao/OptionRoundCardview的行为，但使用的是默认的CardView项。如果无法单独更改它，则此lib是一个好方法。

Answer 1

它需要正式的MaterialCardView（扩展了androidx.cardview.widget.CardView）和Material components library的版本 1.1.0 。

将MaterialCardView添加到布局：

    <com.google.android.material.card.MaterialCardView
        style="@style/CustomCardViewStyle"
        ...>

    </com.google.android.material.card.MaterialCardView>

定义继承自material card style（例如Widget.MaterialComponents.CardView）的自定义样式，并使用 shapeAppearanceOverlay 属性：

  <style name="CustomCardViewStyle" parent="@style/Widget.MaterialComponents.CardView">
     <item name="shapeAppearanceOverlay">@style/ShapeAppearanceOverlay_card_custom_corners</item>
  </style>


  <style name="ShapeAppearanceOverlay_card_custom_corners" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSizeTopRight">4dp</item>
    <item name="cornerSizeTopLeft">8dp</item>
    <item name="cornerSizeBottomRight">16dp</item>
    <item name="cornerSizeBottomLeft">0dp</item>
  </style>

您也可以通过编程实现它。
只需在卡的四角应用自定义ShapeAppearanceModel。
像这样：

float radius = getResources().getDimension(R.dimen.my_corner_radius);
cardView.setShapeAppearanceModel(
  cardView.getShapeAppearanceModel()
      .toBuilder()
      .setTopLeftCorner(CornerFamily.ROUNDED,..)
      .setTopRightCorner(CornerFamily.ROUNDED,..)
      .setBottomRightCorner(CornerFamily.ROUNDED,radius)
      .setBottomLeftCornerSize(0)
      .build());

注意：它需要库的版本1.1.0。当前：

implementation 'com.google.android.material:material:1.1.0-beta01'

Answer 2

您可以创建一个自定义xml并将其命名为rounded_corners.xml，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="1dp"
    android:topLeftRadius="20dp"
    android:topRightRadius="30dp"
    android:bottomLeftRadius="40dp"
    android:bottomRightRadius="50dp"/>
<solid android:color="your_background_color" />
</shape>

然后将其用作CardView的背景：

android:background="@drawable/rounded_corners"

编辑：我刚刚注意到，这可能适用于CardView以外的所有其他视图，因此请参阅this question以了解解决方法。

Answer 3

嗨，您可以以编程方式或使用以下代码通过xml添加它。

app:cardCornerRadius="0dp"// xml
cardView.setRadius(0);

这是正在寻找海拔高度的人

app:cardElevation="0.7dp"//xml
app:cardMaxElevation="1dp"//xml
cardView.setCardElevation(2.1f);//code
cardView.setMaxCardElevation(3f);//code

CardView XML的完整Java表示形式。

CardView cardView = (CardView) findViewById(R.id.cardView);
cardView.setUseCompatPadding(true);
cardView.setContentPadding(30, 30, 30, 0);
cardView.setPreventCornerOverlap(true);
cardView.setCardBackgroundColor(Color.WHITE);
cardView.setCardElevation(2.1f);
cardView.setRadius(0);
cardView.setMaxCardElevation(3f);

Answer 4

注意：如果您只想在底部获得圆角而在顶部获得规则角，则这是一种解决方法。如果要为Cardview的所有四个角都设置不同的半径，则此方法将无效。您将必须使用材料Cardview或使用某些第三方库。

这似乎对我有用：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="#F9F9F9">

    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:background="@drawable/profile_bg"/>

    </androidx.cardview.widget.CardView>

    <androidx.cardview.widget.CardView
        android:id="@+id/cvProfileHeader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="32dp">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="280dp"
            android:orientation="vertical"
            android:background="@drawable/profile_bg"
            android:id="@+id/llProfileHeader"
            android:gravity="center_horizontal">

            <!--Enter your code here-->

        </LinearLayout>
    
    </androidx.cardview.widget.CardView>

</RelativeLayout>

总共有两个Cardview。第二个Cardview是一个具有圆角（照常在所有侧面上）并且将在其下保留所有其他子视图的视图。它上方的第一个卡片视图也处于相同的高度（高程），并且具有相同的背景，但仅是第二个卡片视图的高度的一半，并且没有圆角（只是通常的尖角）。这样，我可以在底部获得部分圆角，在顶部获得法线角。但是对于所有四个方面，您可能都必须使用材料卡片视图。

具有不同拐角半径的CardView

4 个答案: