私のアプリのレイアウトはactivity_mainのレイアウトのデザインとは異なります

Question

私はAndroidのエミュレータで問題に遭遇するまで、うまくいくメトリック変換アプリを作成しようとしています。レイアウトはエミュレータで全面的に台無しになってしまっています。なぜ私はその理由が分かりません。 http://imgur.com/a/IBOcs

EDIT：

全体activity_main.xmlコード：

<?xml version="1.0" encoding="utf-8"?> 
<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" 
    tools:context="com.example.daniel.converter.MainActivity" 
    tools:layout_editor_absoluteY="73dp" 
    tools:layout_editor_absoluteX="0dp"> 

    <TextView 
     android:id="@+id/textViewMPH" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="MPH" 
     tools:layout_editor_absoluteX="55dp" 
     tools:layout_editor_absoluteY="90dp" /> 

    <EditText 
     android:id="@+id/editTextMPH" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:ems="10" 
     android:inputType="number" 
     tools:layout_editor_absoluteX="85dp" 
     tools:layout_editor_absoluteY="77dp" /> 

    <TextView 
     android:id="@+id/textViewTO" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="To" 
     tools:layout_editor_absoluteX="55dp" 
     tools:layout_editor_absoluteY="132dp" /> 

    <TextView 
     android:id="@+id/textViewKMH" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="KMH" 
     tools:layout_editor_absoluteX="55dp" 
     tools:layout_editor_absoluteY="168dp" /> 

    <EditText 
     android:id="@+id/editTextKMH" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:ems="10" 
     android:inputType="number" 
     tools:layout_editor_absoluteX="85dp" 
     tools:layout_editor_absoluteY="156dp" /> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Convert!" 
     tools:layout_editor_absoluteX="146dp" 
     tools:layout_editor_absoluteY="229dp" /> 

</android.support.constraint.ConstraintLayout> 

Answer 1

あなたは、制約レイアウトを使用しているので、問題が起こっているが、あなたはあなたの項目のいずれかの制約を提供していません。したがって、すべての項目は（0,0）の位置に表示されます。

Contraintレイアウトの説明：そう、

レイアウトエディタを使用すると、キャンバス上の任意の場所にウィジェットを配置することができ、そしてそれはこれらの属性は、実行時に適用されていない（ようなlayout_editor_absoluteX。）設計時属性を持つ現在の位置を記録デバイス上でレイアウトをプッシュすると、ウィジェットはエディタに表示されていない別の場所に表示されることがあります。これを修正するには、エッジ接続からドラッグして、ウィジェットが水平と垂直の両方の制約を持っていることを確認します。

したがって、xとyの値を割り当てるか、LinearLayout/RelativeLayoutを使用します。