Android Studio Design nicht korrekt

Question

Ich habe ein seltsames Problem, bei dem mein Design nicht richtig in meinem Emulator rendern? Ich habe versucht, activity_main.xml zu editieren und es erlaubt mir nur Gegenstände in bestimmten Bereichen zu platzieren und keine freie Bewegung. content_main.xml erlaubt mir, Elemente frei zu verschieben, aber sie rendern komplett anders.

Ich bin neu in Android Studio und möchte Zeit verbringen lernen, aber ich habe diese Hürde genommen. Hier

ist ein Beispiel, wie es aussieht ...

(Left - Android Studio, rechts - Emulator) Image Example

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 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" 
    tools:context="com.nathankent.design2.MainActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

    </android.support.design.widget.AppBarLayout> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="@dimen/fab_margin" 
     app:srcCompat="@android:drawable/ic_dialog_email" /> 

    <include layout="@layout/content_main" 
     android:id="@+id/include" /> 

    <TextView 
     android:id="@+id/textView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|right" 
     android:text="Sign In" 
     app:layout_anchor="@+id/include" 
     app:layout_anchorGravity="top|left" /> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|center_horizontal" 
     android:text="Button" 
     app:layout_anchor="@+id/include" 
     app:layout_anchorGravity="center_vertical|center_horizontal" /> 

    <EditText 
     android:id="@+id/editText3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:ems="10" 
     android:inputType="textEmailAddress" /> 

</android.support.design.widget.CoordinatorLayout> 

Answer 1

Von Fragen kann ich verstehen Sie verwenden neue Android Studio. Stellen Sie also sicher, dass Sie bei der Verwendung von Constraints sowohl horizontale als auch vertikale Constraints verwenden. Sonst wird es so angezeigt Constraints layout