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 harshil gandhi
harshil gandhi
Courses Plus Student 608 Points

Next, we want to position the ImageView directly below the EditText. We do this using the layout_below attribute.

hi

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_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:layout_below="@+id/captionField"       
        android:src="@drawable/grumpy_cat" />

</RelativeLayout>

1 Answer

Steve Hunter
Steve Hunter
57,712 Points
Steve Hunter
Steve Hunter
57,712 Points

Hi Harshil,

I'll wal you through the rest of the challenge: This one is asking Next, we want to position the ImageView directly below the EditText. The question gives you a couple of clues how to achieve this - the code you need to add in the ImageView looks like:

task2.xml 
    <ImageView
        android:layout_below="@id/captionField"

Next task is Now we need to set the scaleType of this ImageView to "fitXY"

task3.xml 
  <ImageView
    .
    .
    android:scaleType="fitXY"

Last is We need one more attribute in our ImageView to make sure the image scales correctly. Add adjustViewBounds and set it to "true"

task4.xml 
    <ImageView
    .
    .
        android:adjustViewBounds="true"
    . />

I hope that helps,

Steve.