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 Devin Scheu
Devin Scheu
66,191 Points

Help With XML/Android Code

Question: 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").

Code:

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"
        android:hint="Enter a caption" />

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

</RelativeLayout>

4 Answers

Daniel Hartin
Daniel Hartin
18,106 Points

Hi Devin, it looks as if you've simply got a rogue + in your code simply remove the plus in the line

android:layout_below=

and I think you will be fine

Thanks Daniel

Devin Scheu
Devin Scheu
66,191 Points
Devin Scheu
Devin Scheu
66,191 Points

I tried without the plus, it still fails

Daniel Hartin
Daniel Hartin
18,106 Points

It isn't the mispelt android is it. You have mistakenly typed andriod?

Devin Scheu
Devin Scheu
66,191 Points

Yup, that was it.

Daniel Hartin
Daniel Hartin
18,106 Points

The never ending pain of typos :) Glad you've got there.

oscar gonzalez
oscar gonzalez
7,072 Points
oscar gonzalez
oscar gonzalez
7,072 Points

andriod:layout_below="@id/captionField" Just type this line of code at the end of the image view code it's works me

DINGINDLELA MHLANGA
DINGINDLELA MHLANGA
3,764 Points
DINGINDLELA MHLANGA
DINGINDLELA MHLANGA
3,764 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"
    android:hint="Enter a caption" />

<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_below="@id/captionField" />

</RelativeLayout>