如何防止editText与其他视图重叠？

Question

I have created an android project to test out some of the editText behavior. So what I did was have two editText in a Relative Layout. One editText is above the other but then when the editText above gets too large, it overlap with the bottom editText. Is there a way to fixed this by shifting the other editText downward 1 line to make space?

Yes I am aware that you can limit the size of one of the editText to prevent it from getting too large but that is not what I want.

Answer 1

I think you need this

<ScrollView>

  <RelativeLayout> 

    <EditText></EditText>
    <EditText android:marginTop = "10dp"> </EditText>

  </RelativeLayout>

</ScrollView>

OR

<RelativeLayout>
  <ScrollView> 

    <EditText></EditText>
    <EditText android:marginTop = "10dp"> </EditText>
  </ScrollView>

</RelativeLayout>

Answer 2

It's better to use LinearLayout (with orientation=vertical) if you want to stack them but in case you want to stick with RelativeLayout this is how you can do it. The key is android:layout_below attribute.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <EditText
        android:id="@+id/edittext1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello"
        android:layout_alignParentTop="true"/>
    <EditText
        android:id="@+id/edittext2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="baby"
        android:layout_below="@+id/edittext1"
        />

</RelativeLayout>