Question

I am new to android app development.I am developing an android app which is having a design like the following one.Which layout I have to use.If I use Linear layout I cannot place "Product Amount" Textview and Editbox in a stright line.Please help me to solve this.

Answer 1

you can do this using Linear Layout also
Try below code

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent" 
android:orientation="vertical">


<LinearLayout 
    android:layout_width="wrap_content"
android:layout_height="wrap_content" 
android:orientation="horizontal">
<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Product Amount"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<EditText
    android:id="@+id/editText1"
    android:layout_width="140dp"
    android:layout_marginLeft="10dp"
    android:layout_height="wrap_content"
    >

    <requestFocus />
</EditText>
</LinearLayout>





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

     <TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="TextView" />

     <EditText
    android:id="@+id/editText2"
    android:layout_width="80dp"
    android:layout_marginLeft="5dp"
    android:layout_height="wrap_content"
    />
     <TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="%"
    android:textAppearance="?android:attr/textAppearanceLarge" />

       <TextView
    android:id="@+id/textView4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:text="TextView" />

     <EditText
    android:id="@+id/editText3"
    android:layout_marginLeft="5dp"
    android:layout_width="80dp"
    android:layout_height="wrap_content"

    />

 </LinearLayout>


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

     <TextView
    android:id="@+id/textView5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="TextView" />

     <EditText
    android:id="@+id/editText4"
    android:layout_width="80dp"
    android:layout_marginLeft="5dp"
    android:layout_height="wrap_content"
    />
     <TextView
    android:id="@+id/textView6"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="%"
    android:textAppearance="?android:attr/textAppearanceLarge" />

       <TextView
    android:id="@+id/textView7"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:text="TextView" />

     <EditText
    android:id="@+id/editText6"
    android:layout_marginLeft="5dp"
    android:layout_width="80dp"
    android:layout_height="wrap_content"

    />

 </LinearLayout>

See below it’s give me output like this