Android - シンプルなレイアウトを構成する方法

Question

複数の画面サイズをプログラムしようとしているときにレイアウトを使用する方法はまだ分かりません。私はトップへの距離とテキストボックスを少し下にして "Facebook"と言うイメージを挿入する必要があります。

ただし、余白を使用すると、画面サイズが大きくなるとレイアウトが乱れることがあります。

は、誰かが私にこの絵のレイアウトを説明することができます：

Answer 1

私もそのsizes.for異なる画面用のレイアウトを作成することでこれを解決しonce.Iこの種の問題に遭遇し、別の作成します異なるスクリーンのレイアウトフォルダを作成し、そこに対応するレイアウトを配置します。 720dpデバイス600dpデバイス

変更あなたの必要性に応じて、DP値について レイアウトsw600dpため

レイアウトsw720dp。 あなたはまた異なるサイズの画像を作成し、それをmidmapフォルダ

を置くか、あなたはまた違うと、このようないくつかのことを行うことができます

<LinearLayout 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" 
android:background="@color/amna2" 
android:gravity="center_horizontal" 
android:orientation="vertical" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.codeslayers.amnalocations.LoginActivity"> 




<ImageView 
    android:id="@+id/imageView" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    app:srcCompat="@drawable/amna" /> 

<LinearLayout 
    android:id="@+id/email_login_form" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 

    <android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="150dp"> 

     <EditText 
      android:id="@+id/id" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:hint="Van Name" 
      android:inputType="textEmailAddress" 
      android:maxLines="1" 
      android:singleLine="true" 
      android:textColor="@color/amna3" 
      android:textColorHint="@color/amna3" 
      android:textColorLink="@color/amna3" /> 

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

    <android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <EditText 
      android:id="@+id/name" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:hint="Name" 
      android:maxLines="1" 
      android:singleLine="true" 

      android:textColor="@color/amna3" 
      android:textColorHint="@color/amna3" 
      android:textColorLink="@color/amna3" /> 

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

    <android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <EditText 
      android:id="@+id/district" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:hint="Destination" 
      android:maxLines="1" 
      android:singleLine="true" 
      android:textColor="@color/amna3" 
      android:textColorHint="@color/amna3" 
      android:textColorLink="@color/amna3" /> 

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

    <android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <EditText 
      android:id="@+id/dbname" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:hint="Database Name" 
      android:maxLines="1" 
      android:singleLine="true" 
      android:textColor="@color/amna3" 
      android:textColorHint="@color/amna3" 
      android:textColorLink="@color/amna3" /> 

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


    <Button 
     android:id="@+id/email_sign_in_button" 

     style="?android:attr/buttonBarButtonStyle" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="20dp" 
     android:text="@string/action_sign_in" 
     android:textColor="@color/amna4" />/ 
    android:textStyle="bold" /> 

</LinearLayout> 

Answer 2

私のプロジェクトの1からこのレイアウトを試すことができますすることができますdimen.xml（値-sw600dp、値-sw720dp）。だからあなたはレイアウトファイルを複製する必要はありません。

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

    <TextView 
     android:textSize="32dp" 
     android:layout_above="@+id/inputFields" 
     android:id="@+id/facebook_logo" 
     android:gravity="center" 
     android:text="Facebook" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"/> 

    <LinearLayout 
     android:layout_marginTop="45dp" 
     android:layout_centerInParent="true" 
     android:id="@+id/inputFields" 
     android:gravity="center" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <EditText 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 

     <EditText 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 


     <Button 
      android:text="Login" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 

     <TextView 
      android:gravity="center" 
      android:text="Forgot password ?" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 


    </LinearLayout> 


    <TextView 
     android:id="@+id/signupTxt" 
     android:layout_marginBottom="10dp" 
     android:layout_alignParentBottom="true" 
     android:text="Signup for Facebook" 
     android:layout_centerHorizontal="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"/> 

    <ImageView 
     android:layout_alignParentBottom="true" 
     android:layout_marginBottom="10dp" 
     android:layout_alignParentRight="true" 
     android:src="@drawable/rotate_refresh" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"/> 


</RelativeLayout>