我們如何在Android中覆蓋長方形圖標

Question

我想要設計UI，如下圖所示。我們無法做到這一點。這裏是我的代碼

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 
    <EditText 
     android:id="@+id/EditShop" 
     android:drawableLeft="@drawable/user_icon" 
     android:background="@drawable/rectangle" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="20dp" 
     android:layout_marginRight="20dp" 
     android:layout_marginTop="20dp" 
     android:hint="Shopname" 
     android:inputType="text" 
     android:padding="7dp" 
     android:singleLine="true" /> 
</LinearLayout> 

我要像輸出：

Answer 1

試試這個。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <EditText 
     android:id="@+id/EditShop" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/rectangle" 
     android:layout_marginLeft="20dp" 
     android:layout_marginRight="20dp" 
     android:layout_marginTop="20dp" 
     android:hint="Shopname" 
     android:inputType="text" 
     android:padding="7dp" 
     android:singleLine="true" /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/user_icon" 
     android:layout_alignBottom="@+id/EditShop" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 

</RelativeLayout> 

Answer 2

使用RelativeLayout而不是LinearLayout。

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 
<EditText 
    android:id="@+id/EditShop" 
    android:drawableLeft="@drawable/user_icon" 
    android:background="@drawable/rectangle" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="20dp" 
    android:layout_marginTop="20dp" 
    android:hint="Shopname" 
    android:inputType="text" 
    android:padding="7dp" 
    android:singleLine="true" /> 
<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/user_icon" 
    android:layout_alignBottom="@+id/EditShop" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" /> 

</RelativeLayout> 

Answer 3

您可以嘗試使用層列表。但我不確定它的正確比例。 Understanding Android's <layer-list>

防彈解決方案是繪製九個補丁的背景。 https://developer.android.com/studio/write/draw9patch.html