Question

我在android应用中使用材质设计，通常使用 app：cardCornerRadius 来更改卡角的半径，但这会更改卡的四个角。我想更改卡的任何特定角落。我不想仅将drawable用于更改转角。有没有办法通过xml或以编程方式。

 <com.google.android.material.card.MaterialCardView
        style="@style/Widget.MaterialComponents.CardView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:backgroundTint="@color/colorWhite"
        app:cardCornerRadius="16dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginStart="16dp" android:layout_marginEnd="16dp">
    <androidx.constraintlayout.widget.ConstraintLayout
            android:visibility="visible"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

Answer 1

我有一个解决方案，但它需要v21 Lollipop及更高版本。您可以通过编程方式执行以下操作：

在您的活动班级中有public static int radius = 20; 并在您的Oncreate()中；

CardView card = findViewById(R.id.my_card);


if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
   makeCustomOutline(card);
}

然后将函数定义如下：

 @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
private void makeCustomOutline(CardView card){

    card.setOutlineProvider(new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {

            outline.setRoundRect(0, 0, view.getWidth(),
                    (view.getHeight() + radius), (float)radius );
        }
    });
    card.setClipToOutline(true);

}

通过使用setRoundRect()方法，您可以控制Cardview的哪个角获取半径，而哪个不获取半径。上面的代码将仅使顶角变圆，而对底角不进行圆整。

参考文献：

This answer was adapted from this article

docs on setRoundRect() method

docs on ViewOutlineProvider

Answer 2

使用材料组件1.1.0版，您可以使用 shapeAppearanceOverlay 属性customize the shape来使用组件。
您可以在视图或样式中使用它。

<com.google.android.material.card.MaterialCardView
      .....
      app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.MaterialCardView.Cut">

，然后定义您喜欢的形状：

  <style name="ShapeAppearanceOverlay.MaterialCardView.Cut" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSizeTopRight">0dp</item>
    <item name="cornerSizeTopLeft">16dp</item>
    <item name="cornerSizeBottomRight">16dp</item>
    <item name="cornerSizeBottomLeft">16dp</item>
  </style>

使用该代码，您可以使用以下方法将自定义ShapeAppearanceModel应用于卡片的一角：

float radius = getResources().getDimension(R.dimen.my_corner_radius);
cardView.setShapeAppearanceModel(
  cardView.getShapeAppearanceModel()
      .toBuilder()
      .setAllCorners(CornerFamily.ROUNDED,radius)
      .setTopRightCornerSize(0)
      .build());

Answer 3

我不太确定Material Design Cardview是否具有该功能。但是我不认为默认的Cardview具有这种功能，因此代表您可以使用的实质性Cardview

This Library (click here) 。

我认为可能还有另一种好的解决方案。

有什么办法可以更改Material Design CardView的特定角的半径

3 个答案: