list item with left side half circle android

circle.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false" >
    <solid android:color="@android:color/white" />
    <size
        android:height="50dp"
        android:width="50dp" />
</shape>

half_circle.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false" >
    <solid android:color="@color/black" />
    <size
        android:height="50dp"
        android:width="50dp" />
</shape>

list_item.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="5dp"

 >

    <ImageView
        android:contentDescription="@string/app_name"
        android:id="@+id/rect"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_marginLeft="50dp"
        android:layout_alignParentTop="true"
        android:background="@color/black" />

    <ImageView
        android:id="@+id/circle"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@drawable/half_circle"
        android:text="2"
        android:gravity="center"
        android:layout_marginLeft="-50dp"
        android:padding="10dp"
        android:layout_alignParentTop="true"
        android:layout_alignStart="@+id/rect" />
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:padding="10dp"
        android:layout_alignStart="@+id/circle"
        android:src="@drawable/circle"/>

</RelativeLayout>