Android Build an Interactive Story App User Input Using ConstraintLayouts and ImageViews

Building an Interactive story app

Next, we want two position the Edit Text directly the ImageView we do this by constraining its top to the bottom of the Imageview.set the top margin of the EditText to be "Odp''

activity_main.xml
<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="parent"
        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" />

    <EditText
     String TAG=TreehouseActivity.class.getSimpleName
              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="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

</android.support.constraint.ConstraintLayout>

1 Answer

Chris Adamson
Chris Adamson
132,140 Points

Set the layout_marginTop field:

        android:layout_marginTop="0dp"

where exactly should i edit this send me a screen shot