首页 > 解决方案 > 如何在 XML 中创建这个 UI?

问题描述

我正在研究一个 recyclerView 并且我有一个问题要让它成为视图:在视图中我有一个 imageView 但右上角和左下角有切口。我怎样才能做到这一点?

在此处输入图像描述

标签: androidxmlimageview

解决方案


您可以使用ShapeableImageViewMaterial Components Library 提供的:

<com.google.android.material.imageview.ShapeableImageView
    app:srcCompat="@drawable/mont"
    app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.App.Cut"
    ../>

和:

<style name="ShapeAppearanceOverlay.App.Cut" parent="">
    <item name="cornerFamily">cut</item>
    <item name="cornerSizeTopRight">32dp</item>
    <item name="cornerSizeBottomLeft">32dp</item>
</style>

在此处输入图像描述


推荐阅读