remove small part from the circle

Question

Hi friends please help here i trying to do below shape more than three days but cant able to get it how can i do it

But the Output i am getting is this one

Below is my code

close_drawable.xml

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="#30000000"/>
            <size android:height="70dp" android:width="70dp"/>
        </shape>
        <clip android:gravity="left" android:clipOrientation="horizontal"/>
    </item>
    <item android:drawable="@drawable/close" android:width="50dp" android:height="50dp" android:gravity="center"/>

</layer-list>

And my Xml Code is

    <RelativeLayout
        android:id="@+id/bottomroot"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="5dp"
        android:gravity="center"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/nope"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/close_drawable" />


        <ImageView
            android:id="@+id/superlike"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
android:layout_marginLeft="-1.5dp"
            android:layout_toRightOf="@+id/nope"
            app:srcCompat="@drawable/superlike_drawable" />

        <ImageView
            android:id="@+id/like"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="-1.5dp"
            android:layout_toRightOf="@+id/superlike"
            app:srcCompat="@drawable/like_drawable" />

        <ImageView
            android:id="@+id/like_list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="-1.5dp"
            android:layout_toRightOf="@+id/like"
            app:srcCompat="@drawable/likelist_drawable" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignStart="@+id/superlike"
            android:layout_alignEnd="@+id/superlike"
            android:gravity="center"
            android:layout_below="@+id/superlike"
            android:text="Mashalla!"
            android:textColor="#fff" />
    </RelativeLayout>

I think you edited wrong img- as both ok and not ok looks the same — X3Btel, Mar 16 '17 at 20:17

X3Btel · Answer 1 · 2017-03-16T19:47:19.807

0

Your circle xml shoul look like this:

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
<solid android:color="#20000000" />
<size
    android:width="70dp"
    android:height="70dp" />
</shape>

EDIT: this can happen if you have paddings in the layout that holds the ImageVIew

edited Mar 16 '17 at 19:47

answered Mar 16 '17 at 19:24

X3Btel

1,408
1
13
21

sorry i forgot to make it in the code format while uploading question – prominere Mar 16 '17 at 19:27
@prominere can you add your whole layout? – X3Btel Mar 16 '17 at 19:43
I had updated my code with my latest one that i had tried it please check – prominere Mar 16 '17 at 19:49
try File- > Invalidate cache & restart -? Invalidate and restart. after this clean build and rebuild Project. Ive copied your xml and it looks like the picture – X3Btel Mar 16 '17 at 19:58

remove small part from the circle

1 Answers1