如何在编辑文本android上创建凹视图

Question

我正在尝试实现下图中的视图

我尝试了所有可能的解决方案，但没有为我工作

我尝试过的代码

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="@dimen/fab_margin">
    <com.pkmmte.view.CircularImageView
        android:layout_width="105dp"
        android:layout_height="105dp"
        android:src="@drawable/des"
        android:elevation="1dp"
        app:border="true"
        app:border_color="#864543"
        app:border_width="8dp"
        app:shadow="false"
        android:id="@+id/view" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="110dp"
        android:background="#435467"
        android:layout_alignBottom="@+id/view"
        android:layout_alignParentStart="true"
        android:layout_marginStart="50dp"
        android:foregroundGravity="center"
        android:layout_marginEnd="@dimen/fab_margin"/>

</RelativeLayout>

我已经尝试了下面的链接勾选 ans 并尝试根据我的观点对其进行操作但没有成功

How to create EditText with rounded corners?

我走对了吗？这不能通过在drwable中制作一个XML并将其用作背景来实现？？

Answer 1

使 TextView 低于 ImageView。

 <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="105dp"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <com.pkmmte.view.CircularImageView
        android:layout_width="105dp"
        android:layout_height="105dp"
        android:src="@drawable/des"
        android:elevation="1dp"
        app:border="true"
        app:border_color="#864543"
        app:border_width="8dp"
        app:shadow="false"
        android:id="@+id/view" />

    <TextView
        android:layout_centerVertical="true"
        android:text="111"
        android:textColor="#000000"
        android:paddingLeft="55dp"
        android:gravity="left|center_vertical"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_marginStart="50dp"
        android:background="#FFFFFF"/>
</RelativeLayout>