Android Studioのデザインが正しくない

Question

私のエミュレータでデザインが正しくレンダリングされない不思議な問題がありますか？私はactivity_main.xmlを編集しようとしましたが、それは特定の領域にアイテムを置くことができ、自由な移動はできません。 content_main.xmlを使用すると、項目を自由に移動できますが、完全に異なった表示になります。

私はAndroidスタジオが初めてで、学習に時間を費やしたいと思いますが、この障害に遭遇しました。私はあなたが新しいを使用している理解することができ、あなたの質問から 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

（エミュレータ - - Androidのメーカー、右、左）ここで

は、それがどのように見えるかの例...

ですAndroidスタジオだから、制約レイアウトを使用すると、水平と垂直の両方に制約が与えられているかどうかを確認できます。そうでなければ、このように表示されますConstraints layout