ImageView with only two corners rounded?

Question

I want to have an ImageView with top right corner & bottom left corner rounded.

<corners 
android:topRightRadius="10dp"
android:bottomLeftRadius="10dp"
android:topLeftRadius="0dp"
android:bottomRightRadius="0dp"/>

Tried the above code , but it's not working.Please help!

set some solid color with corners, and set whole as background to imageview — Rohit, Sep 10 '12 at 06:51
pls suggest how to make only top right & bottom left corner of image view rounded? rohit @ i have done that but shape appearing is of rectangle not with two corners rounded — vaibvorld, Sep 10 '12 at 06:52
check this http://stackoverflow.com/questions/7088596/how-to-make-an-image-corner-programatically may be useful — Vishal Pawar, Sep 10 '12 at 07:05
check this also http://stackoverflow.com/questions/2459916/how-to-make-an-imageview-to-have-rounded-corners — Vishal Pawar, Sep 10 '12 at 07:06
[This](https://github.com/siyamed/android-shape-imageview) is the best library I could find. — grrigore, Nov 10 '18 at 18:05

score 5 · Answer 1 · answered Sep 10 '12 at 06:58

5

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="@android:color/darker_gray"/>
<corners android:topRightRadius="10dp"
    android:bottomRightRadius="0dp"
    android:topLeftRadius="0dp"
    android:bottomLeftRadius="10dp"/>

</shape>

This is my drawable shape.xml in drawable folder. And I am using this drawable to set imageviews background.

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_launcher"
    android:background="@drawable/shape"/>

Done It will appear when you run app on device/emulator (Wont appear in xml graphical layout)

answered Sep 10 '12 at 06:58

Rohit

2,538
6
28
41

1

thanx i was looking into xml,working fine on device – vaibvorld Sep 10 '12 at 07:03
1

I am not getting this to work, was there anything else I needed to do in addition to this? – Edmund Rojas Mar 26 '14 at 19:28
6

I don't think this works. You're creating a background with rounded corners, but the ImageView is left untouched. – nucleartide May 16 '14 at 04:57
Ofcourse, this wont change actual view, but I just solved whatever op is doing wrong.. – Rohit May 16 '14 at 05:22
It makes a rounded corner for an `ImageView` but not for the Image inside it. – ekashking Oct 22 '19 at 02:40
it will not clip image content in rounded shape – Asad Oct 16 '20 at 11:07

score 2 · Answer 2 · answered Sep 10 '12 at 07:00

I am using this it works fine for me

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle" >

        <solid android:color="#FFFFFF" />

        <corners
            android:bottomLeftRadius="10dp"
            android:bottomRightRadius="10dp"
            android:topLeftRadius="0dp"
            android:topRightRadius="0dp" />

        <stroke
            android:width="1dp"
            android:color="#000000" />

    </shape>

ImageView with only two corners rounded?

2 Answers2