如何制作这种类型的自定义视图？

Question

我正在开发一款具有此类视图的应用

我在圆形图像中遇到问题。怎么设置？我正在使用Recycler Listview来获取此自定义行。

我的xml代码是：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">


    <ImageView
        android:id="@+id/thumbnail"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:src="@drawable/banner_image" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#4D000000" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="sdsdjflkdsjflksdjflsd"
        android:textColor="@color/white" />

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right">

        <TextView
            android:id="@+id/txt_distance"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="10dp"
            android:layout_marginRight="10dp"
            android:text="5 km"
            android:drawableLeft="@drawable/distance_icon"
            android:drawablePadding="7dp"
            android:textColor="@color/white" />

        <ImageView
            android:id="@+id/thumbnaail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/txt_distance"
            android:layout_marginLeft="20dp"

            android:src="@drawable/circle_image_bg"
            android:visibility="visible" />
    </RelativeLayout>




</FrameLayout>

Answer 1

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:clipChildren="false"
    android:layout_height="match_parent">
    <ImageView
    android:id="@+id/iv_cover"
    android:scaleType="fitXY"
    android:src="@drawable/logo"
    android:adjustViewBounds="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
    <View
    android:layout_alignTop="@+id/iv_cover"
    android:layout_alignBottom= "@+id/iv_cover"
    android:background="#40000000"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></View>
    <TextView
        android:layout_marginBottom="10dp"
        android:layout_marginRight="10dp"
        android:layout_alignParentRight="true"
        android:layout_alignBottom="@+id/iv_cover"
        android:drawableLeft="@drawable/logo"
        android:drawablePadding="2dp"
        android:text="5km"
        android:textColor="#FFFFFF"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <RelativeLayout
        android:clipToPadding="false"
        android:clipChildren="false"
        android:background="#FFFFFF"
        android:layout_below="@+id/iv_cover"
        android:padding="10dp"
        android:layout_width="match_parent"
        android:layout_height="70dp">
        <ImageView
            android:id="@+id/iv_avatar"
            android:layout_marginTop="-20dp"
            android:scaleType="fitXY"
            android:src="@drawable/logo"
            android:layout_width="50dp"
            android:layout_height="50dp" />
        <TextView
            android:layout_marginTop="10dp"
            android:id="@+id/tv_cata"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true"
            android:drawableRight="@drawable/logo"
            android:drawablePadding="2dp"
            android:text="5km"
            android:textColor="#FFFFFF"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:layout_marginTop="10dp"
            android:layout_marginLeft="10dp"
            android:id="@+id/tv_location"
            android:layout_below="@+id/tv_cata"
            android:layout_toRightOf="@+id/iv_avatar"
            android:drawableLeft="@drawable/logo"
            android:drawablePadding="2dp"
            android:text="5km"
            android:textColor="#FFFFFF"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </RelativeLayout>
</RelativeLayout>