如何創建帶有圖像和邊框的textview，如附圖所示

Question

我想創建一個如下圖所示的textview。我嘗試過，但無法獲得這種格式。

這是我的XML文件。

<View android:background="#ff340c1c" 
    android:layout_width="fill_parent" 
    android:layout_height="0.5dip" 
    android:layout_above="@+id/genere" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" /> 

<TextView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/genere" 
    android:text="Search by Movie Genere" 
    android:layout_above="@+id/rating" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentEnd="true" 
    android:layout_marginBottom="78dp" 
    android:textSize="20sp"/> 

<View android:background="#ff340c1c" 
    android:layout_width="fill_parent" 
    android:layout_height="0.5dip" 
    android:layout_alignBottom="@+id/genere" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" /> 

Answer 1

使用自定義背景，邊框和drawableLeft -

繪製/ my_rect.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 

    <stroke 
     android:width="0.5dp" 
     android:color="@color/gray" /> 

    <solid android:color="@color/white" /> 

    <corners android:radius="0px" /> 

</shape> 

在XML：

<TextView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/genere" 
    android:text="Search by Movie Genere" 
    android:layout_above="@+id/rating" 
    android:drawableLeft="@drawable/someimage" // ADD 
    android:background="@drawable/my_rect"  // ADD 
    android:layout_alignParentRight="true" 
    android:layout_alignParentEnd="true" 
    android:layout_marginBottom="78dp" 
    android:textSize="20sp"/> 

Answer 2

用於添加到TextView的圖像，請參閱android:drawableLeft。要添加邊框，您可以查看9-patch圖片。按照描述生成9幅圖像，並將其設置爲TextView的背景。

Answer 3

注意：存在許多可能的解決方案。

它可以通過使用簡單的線性佈局作爲邊界來完成。

<LinearLayout 
      android:id="@+id/linearLayout1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="#EEEEEE" 
      android:orientation="horizontal" 
      android:padding="1dp" > 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:background="#FFFFFF" 
       android:orientation="horizontal" > 

       <ImageView 
        android:id="@+id/imageView1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@android:drawable/ic_search_category_default" /> 

       <TextView 
        android:id="@+id/textView1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center" 
        android:text="Search By Venue" /> 
      </LinearLayout> 
     </LinearLayout>