Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Android Build an Interactive Story App (Retired) User Input Using RelativeLayouts and ImageViews

Posted by MUZ140073 Lionell Matambanadzo
MUZ140073 Lionell Matambanadzo
12,509 Points

User Input Pliz help

Next, we want to position the ImageView directly below the EditText. We do this using the layout_below attribute. Add this new attribute to the ImageView and set it equal to the ID of the EditText (use "@id/captionField").

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

    <EditText
        android:id="@+id/captionField"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:src="@drawable/grumpy_cat" />
        android:layout_alignParentbelow="@+id/EditText"

</RelativeLayout>

4 Answers

Nick Janes
Nick Janes
5,487 Points
Nick Janes
Nick Janes
5,487 Points

You've got to close the EditText tag. You never did.

MUZ140073 Lionell Matambanadzo
MUZ140073 Lionell Matambanadzo
12,509 Points

Thank you but please give me an example of what you mean I am new to this program and sometimes I get stuck I appreciate your help.

Nick Janes
Nick Janes
5,487 Points
Nick Janes
Nick Janes
5,487 Points

Try this:

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

    <EditText
        android:id="@+id/captionField"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:src="@drawable/grumpy_cat" />
        android:layout_alignParentbelow="@+id/EditText"

</RelativeLayout>
MUZ140073 Lionell Matambanadzo
MUZ140073 Lionell Matambanadzo
12,509 Points
MUZ140073 Lionell Matambanadzo
MUZ140073 Lionell Matambanadzo
12,509 Points

thank you I appreciate you beyond what words can express

Nick Janes
Nick Janes
5,487 Points

I love you. What? Too soon? Haha You're welcome!

MUZ140663 Question Ngwarati
MUZ140663 Question Ngwarati
11,782 Points
MUZ140663 Question Ngwarati
MUZ140663 Question Ngwarati
11,782 Points

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

<EditText
    android:id="@+id/captionField"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" />

<ImageView
    android:id="@+id/imageView1"
     android:layout_below="@id/captionField"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:src="@drawable/grumpy_cat" />
    android:layout_alignParentbelow="@+id/EditText"

</RelativeLayout>