Label in a editbox in android

Question

My question is, how to put a label in a editBox in android ?

Like for example, i want to put \"To:\" in editbox of a contact picke

Answer 1

You could always have a TextView + EditText in a LinearLayout that looks like an EditText like below:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@android:drawable/edit_text" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:text="To:" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="3dp"
        android:background="@null" />
</LinearLayout>

Answer 2

In android the label is known as TextView:

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

            <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="To:"
            />

            <EditText
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
            />
        </LinearLayout>

EditText has no label so you need both. Thankfully ViewGroups make this relatively painless for the developer. The EditText uses fill_parent attribute so is presented tight to the "To: " label.

Answer 3

Rounded Text View

---

<LinearLayout
    android:id="@+id/linearLayoutSearch"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:padding="5dp" >

    <RelativeLayout
        android:id="@+id/linearlayout2"
        android:layout_width="fill_parent"
        android:layout_height="36dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:background="@drawable/rounded_textview"
        android:paddingLeft="5dp" >

        <TextView
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_centerVertical="true"
            android:alignParentLeft="true"
            android:text="To:" />

        <EditText
            android:id="@+id/search"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="25dp"
            android:layout_marginRight="25dp"
            android:background="@android:color/transparent"
            android:hint="Enter your text..."
            android:imeOptions="actionDone"
            android:singleLine="true"
            android:textColor="#000000" />
        <ImageView
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_centerVertical="true"
            android:alignParentRight="true"
            android:src="@drawable/stop" />
    </RelativeLayout>
</LinearLayout>

---

rounded_textview.xml

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

<solid android:color="#FFFFFF" />

<corners
    android:bottomLeftRadius="15dp"
    android:bottomRightRadius="15dp"
    android:topLeftRadius="15dp"
    android:topRightRadius="15dp" />

</shape>