place textview and edittext in same line

Question

I want to place a TextView and an Editext in same line but it may looks like TextView is placing above EditText. I've tried all solutions on SO but it didn't work for me exactly.

enter image description here

Here is my code

       <RelativeLayout
        android:id="@+id/view2"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/from"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:background="#ffffff"
            android:text="From"
            android:textColor="#000fff"
            android:textStyle="bold" />

        <EditText
            android:id="@+id/input"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:gravity="right"
            android:inputType="number"
            android:visibility="invisible" />
  </RelativeLayout>

It places the EditText above TextView.

android:layout_toRightOf="@id/from" when i wrote it just display textview. — gbl, Nov 11 '13 at 07:21
when i change layout_width of textview to wrap_content,it display both but still not look like as shown in image. — gbl, Nov 11 '13 at 07:24
use the `android:layout_weight` attribute in your `EditText` and `TextView`. — Ibungo, Nov 11 '13 at 07:53

score 1 · Answer 1 · answered Nov 11 '13 at 07:31

Try using LinearLayout with horizontal orientation

<LinearLayout
        android:id="@+id/view2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/from"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:text="From"
            android:textColor="#000fff"
            android:textStyle="bold" />

        <EditText
            android:id="@+id/input"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:gravity="right"
            android:inputType="number"
             />
  </LinearLayout>

it place both textview and edittext correctly but i want that it looks like textview over edittext — gbl, Nov 11 '13 at 07:35
You want to show editText over textView so that textView is not visible? — Manishika, Nov 11 '13 at 07:49

score 1 · Answer 2 · edited May 23 '17 at 12:19

You can make use of the android:layout_weight. You can view example here. The android:layout_weight works only in Linearlayout. You can also define a LinearLayout inside the RelativeLayout you've defined.

<LinearLayout
    android:id="@+id/view2"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/from"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".60"
        android:layout_alignParentTop="true"
        android:background="#ffffff"
        android:text="From"
        android:textColor="#000fff"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/input"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".40"
        android:layout_alignParentTop="true"
        android:gravity="right"
        android:inputType="number"
        android:visibility="invisible" />
</LinearLayout>

score 0 · Answer 3 · answered Nov 11 '13 at 07:29

Can you check this solution

    <TextView
        android:id="@+id/from"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="From"
        android:textColor="#000fff"
        android:textStyle="bold" />

    <EditText
        android:id="@+id/input"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:gravity="right"
        android:inputType="number"
        android:textColor="#ffffff"
        android:text="sdjgsjgjb,,b,bm,m,sjksjkjjhks"
        android:layout_toRightOf="@+id/from"
       />

score 0 · Answer 4 · answered Nov 11 '13 at 07:30

its because you have given property fill_parent to edit text,update it as this:

<EditText
        android:id="@+id/input"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:gravity="right"
        android:inputType="number"
        android:visibility="invisible"
        android:layout_toRightOf="@id/from" />

place textview and edittext in same line

4 Answers4