顶部带圆角的MaterialCardView应剪辑子对象

Question

MaterialCardView在使用圆角时剪辑其子级。如果我使用＜code＞cardCornerRadius＝true＜/code＞（将卡的所有四个角舍入），则剪裁行为与预期一样-

我意识到clip MaterialCardView调用＜code＞setCliptOutline（shapeAppearanceModel.isRoundRect（getBoundsAsRectF（）） setShapeApparanceModel中的code>只有在四个角都是圆角的情况下，isRoundRect才返回true，因此我尝试在MaterialCardView上应用CliptOutline=true，但没有类似的结果-孩子们仍然能够被画在父母卡的圆形部分。

实际上是什么触发了裁剪部分，我怎样才能把它放在顶部圆形的MaterialCardView上？

LE：试错码：

// card is MaterialCardView
card.shapeAppearanceModel =   
    ShapeAppearanceModel()
        .toBuilder()
        .setTopRightCorner(CornerFamily.ROUNDED, cornerPx) // cornerPx = 24dp in pixels
        .setTopLeftCorner(CornerFamily.ROUNDED, cornerPx)
        .build()

card.apply {
    preventCornerOverlap = true
    clipChildren = true
    clipToOutline = true
}
card.invalidateOutline()
    

Answer 1

如果使用形状外观覆盖，则应用以下配置，以防止儿童从角落重叠：

• 将cardPreventCornerOverlap设置为true
• 然后将与角点设置相关的所有其他设置保留为默认设置（只需在设计模式下从文本框中删除值）