エミュレータのレイアウトとAndroidスタジオのレイアウトが一致しません

Question

私はAndroid Developmentの新機能を使用しており、Android Game Developmentに関する書籍を制作しています。我々が構築する最初のゲームは、Tappy Defenderと呼ばれています。

とにかく、彼らは私に背景画像を提供し、ボタンとTextViewを置くように言った。私はdrawableフォルダに背景を置き、Activityのバックグラウンドに割り当てました。私はTextViewとボタンの両方を揃えました。

しかし、エミュレータでプログラムをビルドして実行すると、ボタンとTextViewの両方が左上隅（ランドスケープ）にあり、お互いが重なっています。背景も全く表示されません。

私は、私が間違っていることについては、私が正しく歩み続け、それを何度か行ったように混乱しています。

助けてください。

私も.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:id="@+id/activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:visibility="visible" 
    tools:background="@drawable/background" 
    tools:context="com.example.tappydefender.MainActivity"> 

    <Button 
     android:id="@+id/buttonPlay" 
     android:layout_width="122dp" 
     android:layout_height="39dp" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentRight="true" 
     android:text="Play" 
     tools:layout_editor_absoluteY="293dp" 
     tools:layout_editor_absoluteX="280dp" /> 

    <TextView 
     android:id="@+id/textHighScore" 
     android:layout_width="158dp" 
     android:layout_height="28dp" 
     android:text="TextView" 
     tools:layout_editor_absoluteX="264dp" 
     tools:layout_editor_absoluteY="258dp" 
     tools:text="High Score: 99999" /> 

</android.support.constraint.ConstraintLayout> 

Answer 1

あなたは制約レイアウトを使用しているが、あなたは何を制約されていません。さらに、エミュレータにのみ適用される「ツール」属性を使用しており、アプリケーションの構築時には無視されます。

あなたは、制約レイアウト（https://developer.android.com/training/constraint-layout/index.html）上で読んで、あなたの意見に制約を適用してください

app:layout_constrainTop_toTopOf="parent" 
app:layout_constraintLeft_toRightOf="@id/otherView" 

のように、あなたの意見に制約を設定する必要があります。