Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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 ?