私のアプリのUIが電話でテストすると壊れてしまう[Android]

Question

私は練習するのに簡単なアプリをやろうとしていて、何らかの理由でユーザーインターフェイスが壊れてしまったのですが、 。私は前にアンドロイドのアプリを一度しかやってなかったし、私はこの問題がなかった、私は別の電話を使っていた。私はサムスンギャラクシーA5でこれをテストしています。

それがプロジェクトにどのように見えるかです：http://imgur.com/Pnbg5ns

そして、それはそれは私の携帯電話上でどのように見えるかです：http://imgur.com/a/uki84

誰もがこれを解決する方法を知っていますか？

Answer 1

すべてのあなたの意見がで設定された場所を持っているのに役立ちますツール：...属性。この方法で設定された場所（ツールを使用して:)は、Android StudioエディタとAndroid Studioエディタ内のビューの位置を決めます。アプリが実際に実行されたときにビューを配置するために何もしません。そのため、すべてのビューが互いに重なり合っているため、アプリが表示されたときの画面上の位置を示す属性はありません実行されます。

あなたがAndroidへの最近の追加（2016）であるConstraintLayout（そのレイアウトを使用したい場合）を使用する方法をチュートリアルで確認し、必要な制約でビューを配置する必要があります。あるいは、LinearLayoutのような古いレイアウトを使うこともできます.LinearLayoutはあなたのレイアウトのニーズに完全に合っているはずです。

あなたがツールの使用で持っているようなビューの絶対的な配置：...属性も大部分の時間ではありません。ビューは、レイアウト内で相対的な位置に配置する必要があります。つまり、RelativeLayout内にある必要はありません。ただ、絶対的な点だけでなく、レイアウトを含むレイアウトを基準に配置する必要があるということですフェ（150,110）。

Answer 2

これは非常に単純なレイアウトです。 ConstraintLayoutの代わりにLinearLayoutを使用できます。ここで

はLinearLayoutを使った例です：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:layout_margin="16dp"> 

    <EditText 
     android:id="@+id/etLogin" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:ems="10" 
     android:hint="Login" 
     android:inputType="textPersonName" /> 

    <EditText 
     android:id="@+id/etPassword" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:ems="10" 
     android:hint="Hasło" 
     android:inputType="textPassword" /> 

    <Button 
     android:id="@+id/bLogin" 
     android:layout_width="150dp" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="16dp" 
     android:text="Loguj" 
     android:layout_gravity="center_horizontal"/> 

    <TextView 
     android:id="@+id/tvRegister" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dp" 
     android:text="Nie masz jeszcze konta? Kliknij tutaj." 
     android:layout_gravity="center_horizontal"/> 
</LinearLayout> 

OUTPUT：

希望これは〜