Question

我在xml布局中添加了三个按钮到底部，我想删除这三个按钮之间的空格。

这是我的布局

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

<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/view_pager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

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

<Button
    android:id="@+id/Button01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="Button" />

<Button
    android:id="@+id/Button02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="Button" />

</RelativeLayout>

看起来像这样：

http://s29.postimg.org/quhm1clzb/image.png

但我希望它在每个屏幕尺寸中都显示为

http://s29.postimg.org/deulbwdhj/image.png

Answer 1

将按钮粘贴在水平LinearLayout中，并为每个按钮将layout_weight设置为1，并将width设置为0dp。对于LinearLayout，只需将align_parentBottom设置为true即可。应该为你做。

我刚从我的一个项目中直接撕掉了这个，所以名字和东西有点不同，但它基本上是一回事。

E.g。

 <LinearLayout 
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:padding="3dp"
    android:layout_alignParentBottom="true"
    android:background="@color/ohsblue">
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@anim/button_click"
        android:text="Submit"
        android:textColor="@color/headerText"
        android:layout_weight="1"
        android:id="@+id/submitQuestionnaireButton"/>   
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@anim/button_click"
        android:text="Delete"
        android:textColor="@color/headerText"
        android:layout_weight="1"
        android:id="@+id/deleteQuestionnaireButton"/>       
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@anim/button_click"
        android:text="Cancel"
        android:textColor="@color/headerText"
        android:layout_weight="1"
        android:id="@+id/cancelQuestionnaireButton"/>
</LinearLayout>

Answer 2

对按钮使用水平方向的线性布局。如果按钮文本发生更改，请评估影响按钮宽度的更改。

您的结果布局将是：

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

<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/view_pager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />
  <LinearLayout orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">
    <Button
        android:id="@+id/button1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Button" />

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

    <Button
        android:id="@+id/Button02"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="Button" />
        </LinearLayout>
    </RelativeLayout>

Answer 3

使用LinearLayout制作相同尺寸Button

试试这个..

<LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:layout_alignParentBottom="true">



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

<Button
    android:id="@+id/Button01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Button" />

<Button
    android:id="@+id/Button02"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"    
    android:text="Button" />

</LinearLayout>

Answer 4

*Try this code:-

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

     <android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/view_pager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:weightSum="3" >
        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button" />
        <Button
            android:id="@+id/Button01"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button" />
        <Button
            android:id="@+id/Button02"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button" />
    </LinearLayout>
</RelativeLayout>*

Answer 5

使用layout_toLeftOf和layout_toRightOf。

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

<android.support.v4.view.ViewPager   xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/view_pager"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" />

<Button
   android:id="@+id/button1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentBottom="true"
   android:layout_toLeftOf="@+id/Button01"
   android:text="test"
 /> 

<Button
  android:id="@+id/Button01"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignParentBottom="true"
  android:layout_centerHorizontal="true"
  android:text="test"
 />

<Button
   android:id="@+id/Button02"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentBottom="true"
   android:layout_toRightOf="@+id/Button01"
   android:text="test"/>

如何删除三个按钮之间的空格

5 个答案: