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 User Input Using ConstraintLayouts and ImageViews

Oliver Wilson
Oliver Wilson
160 Points

I don't Understand

I don't Understand what i need to show

activity_main.xml
<ImageView
        android:id="@+id/TitleImage"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="73dp"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.454"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@drawable/main_title" />
Charlene Allfrey
Charlene Allfrey
5,865 Points

In order to center the ImageView you have to set all the layout_contraint(insert specific type here) to parent. Based on the challenge referenced, there should be no vertical or horizontal bias listed for the challenge. Basically you are centering the ImageView based on the orientation of the parent item. Hope that helps and makes a bit more sense.

2 Answers

samuel zaffran
samuel zaffran
24,815 Points

Where this code come from ? The test not giving you this code...

samuel zaffran
samuel zaffran
24,815 Points

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent">

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType=""
    app:srcCompat="@drawable/grumpy_cat"
    app:layout_constraintTop_toTopOf=""
    app:layout_constraintBottom_toBottomOf=""
    app:layout_constraintLeft_toLeftOf=""
    app:layout_constraintRight_toRightOf="" />

<EditText
    android:id="@+id/captionField"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ems="10"
    android:hint="Enter a caption"
    android:layout_marginTop=""
    app:layout_constraintTop_toBottomOf="@+id/imageView"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent" />

</android.support.constraint.ConstraintLayout>

That's the code they give you you just need to fill the blank, like that for the first objective about the imageview :

<ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="" app:srcCompat="@drawable/grumpy_cat" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" />

Got it ?