Android 布局对齐在横向中搞砸了答案

【问题标题】：Android Layout alignment messed up in LandscapeAndroid 布局对齐在横向中搞砸了
【发布时间】：2014-04-12 11:06:37
【问题描述】：

这是我在 Android 中的第一次编码。我有一个 5" 屏幕和 854*480 分辨率的设备。下面的代码在纵向上看起来很完美，但在横向模式下一切都向左移动（看起来真的很糟糕）。我使用了推荐的 dp 单位，但它仍然没有对齐正确。我做错了什么？

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ScrollView01"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<RelativeLayout
 android:id="@+id/RelativeLayout01"
 android:layout_width="match_parent"
 android:layout_height="753dp"
 android:background="@color/orange" >

 <TextView
     android:id="@+id/textView2"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="120dp"
     android:text="HS6151"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView3"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="165dp"
     android:text="PH6151"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView4"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="210dp"
     android:text="CY6151"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView5"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="255dp"
     android:text="GE6151"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView6"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="300dp"
     android:text="GE6152"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView7"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="345dp"
     android:text="GE6161"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView8"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="390dp"
     android:text="GE6162"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <TextView
     android:id="@+id/textView9"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="435dp"
     android:text="GE6163"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="65dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner2"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="110dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner3"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="155dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner4"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="200dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner5"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="245dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner6"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="290dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner7"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="335dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner8"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="380dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <spinner
     android:id="@+id/spinner9"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="200dp"
     android:layout_marginTop="425dp"
     android:entries="@array/Grade"
     android:prompt="@string/hello_world"
     android:text="Medium Text"
     android:textAppearance="?android:attr/textAppearanceMedium" />

 <Button
     android:id="@+id/button1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_below="@+id/spinner9"
     android:layout_centerHorizontal="true"
     android:layout_marginTop="19dp"
     android:text="calculate" />

 <space
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentTop="true"
     android:layout_centerHorizontal="true"
     android:layout_marginTop="55dp" />

 <TextView
     android:id="@+id/textView11"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_centerHorizontal="true"
     android:layout_marginTop="30dp"
     android:gravity="center"
     android:text="SEMESTER I - GPA CALCULATOR"
     android:textAppearance="?android:attr/textAppearanceMedium"
     android:textSize="20dp" />

 <TextView
     android:id="@+id/editText1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_below="@+id/button1"
     android:layout_centerHorizontal="true"
     android:layout_marginTop="1dp"
     android:editable="false"
     android:ems="10"
     android:gravity="center"
     android:inputType="number"
     android:textSize="20dp" />

 <TextView
     android:id="@+id/textView1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentLeft="true"
     android:layout_alignParentTop="true"
     android:layout_marginLeft="90dp"
     android:layout_marginTop="75dp"
     android:text="MA6151"
     android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

</ScrollView>

【问题讨论】：

@ArtooDetoo 感谢您的回复。所以你的意思是我应该有单独的纵向和横向布局？以及如何为不同的设备格式化？

标签： android layout alignment android-relativelayout margin

【解决方案1】：

1. 为您的容器使用固定高度不是一个好主意：android:layout_height="753dp" 因为在横向中，您的高度不会是 854，而是 480。
作为替代方案，您可以在 res/layout-port 和 res/layout-land 中使用两个具有特定设计的同名 xml 布局。

2.您的大多数控件在纵向模式下设计为左对齐。
因此，如果您不提供如上所述的替代布局文件，它们也会在横向中左对齐。

【讨论】：