Transparent Listview over google Map android

In my application I need to create a transparent listview over google map. I am using toggle button to open and close listview. When listview is visible it should be transparent so that google map should be visible/semi-visible.

For this part there are three layouts. 1. custom_cluster_mapview.xml 2. bottomlayout.xml 3. map_list_view_row

1. custom_cluster_mapview.xml

   <RelativeLayout xmlns:android="http://ift.tt/nIICcg"
   xmlns:ads="http://ift.tt/GEGVYd"
   xmlns:materialdesign="http://ift.tt/1ImoBTp"
   xmlns:tools="http://ift.tt/LrGmb4"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".map.MapView" >
   
   <LinearLayout
       android:id="@+id/myLinearLayout"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:orientation="vertical" >
   
       <LinearLayout
           android:id="@+id/mapLayout"
           android:layout_width="match_parent"
           android:layout_height="0dp"
           android:layout_weight="1" >
   
           <fragment
               android:id="@+id/mycustomemap"
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               class="com.google.android.gms.maps.SupportMapFragment" />
       </LinearLayout>
   
       <include layout="@layout/bottomlayout" />
   
   
   
   
   </LinearLayout>
   
   </RelativeLayout>
   
   

2. bottomlayout.xml

      <LinearLayout
       xmlns:android="http://ift.tt/nIICcg"
   
       android:id="@+id/outerLayout"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:weightSum="2"
       android:orientation="vertical"
       >
   
   
   
           <LinearLayout
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:orientation="vertical"
               >
           <ToggleButton
               android:layout_width="40dp"
               android:layout_height="40dp"
               android:background="@drawable/up_arrow"
               android:textOff=""
               android:textOn=""
               android:id="@+id/toggleButtonListView"
               android:layout_gravity="center_horizontal" />
           </LinearLayout>
   
       <LinearLayout
           android:id="@+id/mapListViewSlider"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:visibility="gone"
           android:layout_weight="1.95"
           android:orientation="vertical">
   
   
           <CheckBox
               android:id="@+id/sort_distance"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Sort By Distance"/>
           <ListView
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:dividerHeight="5dp"
               android:divider="@color/red"
               android:id="@+id/map_listview"/>
           </LinearLayout>
   
   </LinearLayout>
   
   

3. map_list_view_row.xml

    <RelativeLayout xmlns:android="http://ift.tt/nIICcg"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="10dp"
    android:paddingBottom="12dp">


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginLeft="10dp"
        android:weightSum="4"
        android:id="@+id/linearLayout">
        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">
            <TextView
                android:id="@+id/map_list_view_tv1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:text="@string/label_name" />

            <TextView
                android:id="@+id/map_list_view_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/map_list_view_tv1"
                android:text="abcde"/>
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">

            <TextView
                android:id="@+id/map_list_view_tv2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/label_category" />
            <TextView
                android:id="@+id/map_list_view_category"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/map_list_view_tv2"
                android:text="abcde" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">
            <TextView
                android:id="@+id/map_list_view_tv3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/label_location" />
            <TextView
                android:id="@+id/map_list_view_location"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/map_list_view_tv3"
                android:text="abcde" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">

            <TextView
                android:id="@+id/map_list_view_tv4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_marginBottom="10dp"
                android:text="@string/label_distance" />

            <TextView
                android:id="@+id/map_list_view_distance"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/map_list_view_tv4"
                android:text="abcde" />

        </RelativeLayout>
    </LinearLayout>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/map_list_view_imageView"
        android:background="@drawable/med"
        android:layout_marginTop="4dp"
        android:layout_marginRight="16dp"
        android:layout_alignParentRight="true"/>

</RelativeLayout>

Following is the picture when map is loaded http://ift.tt/1MJHjKT

At bottom of the screen there is up arrow button. I want to make background of that transparent. So that only arrow is visible without any background. When I click on the arrow listView is shown. Like below

http://ift.tt/1Imozuw

How to make listView transparent so that the google map is visible/semi-visible.

Thanks in advance.