The firmware does not work

Question

The following code is from the layout I was developing for my application. The problem is that the button overlaps the PlainText field, so I added a button to the code as shown below, but the preview still displays the button to overlap the text field. What a problem? Did I miss something?

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:weightSum="100" android:padding="25dp" > <ScrollView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="30" > <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" /> <EditText android:id="@+id/editText1" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" > <requestFocus /> </EditText> <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="match_parent" android:layout_height="wrap_content" android:ems="10" /> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" /> <EditText android:id="@+id/editText3" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" /> <TextView android:id="@+id/textView4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" /> <EditText android:id="@+id/editText4" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" /> <TextView android:id="@+id/textView5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" /> <EditText android:id="@+id/editText5" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" /> <TextView android:id="@+id/textView6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TextView" /> <EditText android:id="@+id/editText6" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" /> </LinearLayout> </ScrollView> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:layout_weight="40"> <Button android:id="@+id/button1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingTop="20dp" android:text="Button" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="30" android:orientation="vertical"> <AnalogClock android:id="@+id/analogClock1" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </LinearLayout> 

Thanks for your help!

Answer 1

It seems you want to separate the two views. You should use margin instead of padding in ur views.

 android:layout_marginLeft="10dp" 

You can specify the margin on the left, right, top, bottom according to your needs.

Answer 2

You can also use Space, but it only works with 4.0 and higher.

  <Space android:layout_width="match_parent" android:layout_height="24dp" /> 

Answer 3

It would be better if you take a separate line layout for each element and add a space.

 <LinearLayout> <ScrollView> <LinearLayout> <LinearLayout> <TextView> <EditText> </LinearLayout> <LinearLayout> <TextView> <EditText> </LinearLayout> <LinearLayout> <TextView> <EditText> </LinearLayout> </LinearLayout> </ScrollView> <LinearLayout> <Button> </LinearLayout> <LinearLayout> <AnalogClock> </LinearLayout> </LinearLayout>