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

Question

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>

Answer 1 · 2015-11-17T12:09:59Z

November 17, 2015 12:09pm

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.

Welcome to the Treehouse Community

Looking to learn something new?

harshil gandhi

harshil gandhi

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

1 Answer

Steve Hunter

Steve Hunter