How to create this UI in XML?

Question

I'm working on a recyclerView and there is a problem for me to make it's view: in the view I have an imageView but right-top corner and left-bottom corner have cuts. How can I do this?

you need to some research then after you may post your question -check it -https://stackoverflow.com/questions/31024059/cutting-the-corners-off-a-layout — Adil, Jun 13 '18 at 12:03
I saw this link before. But when I set this shape to my main layout and then load my image into imageView, the image will fill all the main layout — Ehsan, Jun 16 '18 at 12:03

score 0 · Answer 1 · answered Oct 10 '20 at 22:48

You can use the ShapeableImageView provided by the Material Components Library:

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

With:

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

score -1 · Answer 2 · answered Jun 13 '18 at 11:22

-1

Ask your designer to provide this image and add it as a src for your imageview.

answered Jun 13 '18 at 11:22

Jyoti Manhas

35
4

why you give this kind of answer instead of comment? – Adil Jun 13 '18 at 12:01
I don't have 50 reputation to comment :p – Jyoti Manhas Jun 16 '18 at 06:13
Then discribe your answer as a perfect – Adil Jun 17 '18 at 17:08

How to create this UI in XML?

2 Answers2