不同屏幕的布局对齐

时间:2014-06-03 05:13:28

标签: android android-layout

我正在尝试将页面对齐不同的屏幕,即4.5英寸(xperia ion)和4英寸(s advance),它可以用s进行...但是在xperia ion屏幕中它会断开..

xperia ion和s advance的仿真器图像...

我拉伸按钮以避免错误..但是当谈到服务时......系统失败了...顶部和底部的大按钮是缓冲按钮......它们只是简单地对齐其余的.. < / p>

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/rail" >



<Button
    android:id="@+id/btnBufferTop" <-- buffer top button
    android:layout_width="wrap_content"
    android:layout_height="130dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="Button" />

<Button
    android:id="@+id/btnBufferBottom"  <-- buffer bottom button
    android:layout_width="wrap_content"
    android:layout_height="60dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:text="Button" />

<Button
    android:id="@+id/button1" <-- home button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/btnBufferTop"

    android:text="Button" />

<Button
    android:id="@+id/button2" <-- About us button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/button1"
    android:text="Button" />

<Button
    android:id="@+id/button3" <-- services
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/btnBufferBottom"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:text="Button" />

<Button
    android:id="@+id/button4" <-- clients
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/button3"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:text="Button" />

<Button
    android:id="@+id/button5" <-- contacts
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/button4"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_marginBottom="14dp"
    android:text="Button" />

有没有其他方法可以做到这一点????没有缓冲按钮

4 个答案:

答案 0 :(得分:1)

// Try this way,hope this will help you to solve your problem...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <Button
        android:id="@+id/btnBufferTop"
        android:layout_width="match_parent"
        android:layout_height="130dp"
        android:text="Button" />

    <Button
        android:id="@+id/btnBufferBottom"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:text="Button" />

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />

    <Button
        android:id="@+id/button5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="14dp"
        android:text="Button" />
</LinearLayout>

答案 1 :(得分:1)

最好采用带有重量的线性布局。按重量设置每个屏幕的等份。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum= 2
android:orientation="vertical">

<Button
    android:id="@+id/btnBufferTop"
    android: layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:text="Button" />

<Button
    android:id="@+id/btnBufferBottom"
     android: layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:text="Button" />

</LinearLayout>

答案 2 :(得分:0)

如果按钮之间的空格是问题,那么尝试android:layout_marginTop =“”

答案 3 :(得分:0)

<?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" >

  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@android:color/white"
    android:orientation="vertical"
    android:gravity="center">

      <Button
          android:id="@+id/okbutton"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:text="SET"
           />

</LinearLayout>  
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@android:color/white"
    android:orientation="vertical"
    android:gravity="center">

      <Button
          android:id="@+id/okbuttodn"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:text="SET"
         />
      </LinearLayout>
      <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@android:color/white"
    android:orientation="vertical"
    android:gravity="center">

      <Button
          android:id="@+id/okbuttdtgyodn"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:text="SET"
         />
      </LinearLayout>
      <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@android:color/white"
    android:orientation="vertical"
    android:gravity="center">

      <Button
          android:id="@+id/okbuttrtodn"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:text="SET"
         />
      </LinearLayout>
</LinearLayout>