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

Posted by TRACY ZIWEWE
TRACY ZIWEWE
1,820 Points

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,143 Points
Chris Adamson
Chris Adamson
132,143 Points

Set the layout_marginTop field:

        android:layout_marginTop="0dp"
TRACY ZIWEWE
TRACY ZIWEWE
1,820 Points

where exactly should i edit this send me a screen shot