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 ?