水平LinearLayout中的“右对齐”按钮

130

如果您看所附的图片。我需要将按钮右对齐，但由于某种原因，它无法与“ gravity：right”一起使用...

取消添加

这是该布局的代码：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="35dp">

    <TextView
        android:id="@+id/lblExpenseCancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cancel"
        android:textColor="#404040"
        android:layout_marginLeft="10dp"
        android:textSize="20sp"
        android:layout_marginTop="9dp" />

    <Button
        android:id="@+id/btnAddExpense"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:background="@drawable/stitch_button"
        android:layout_marginLeft="10dp"
        android:text="@string/add"
        android:layout_gravity="right"
        android:layout_marginRight="15dp" />

</LinearLayout>

为什么不工作？

android  android-layout 
— ROMANIA_engineer
source
6
在这种情况下，请尝试相对布局。LL不会工作，
— AAnkit
4
如果要使用LinearLayout，请使用两个内部linearlayouts，并使用layout_weight和layout_gravity。它将正常工作。
— Vamsi Challa 2014年
@VamsiChalla有可能，请在下面检查我的新答案。
— TWiStErRob 2015年

Answers:

137

使用下面的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="35dp"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/lblExpenseCancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="9dp"
        android:text="@string/cancel"
        android:textColor="#404040"
        android:textSize="20sp" />

    <Button
        android:id="@+id/btnAddExpense"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:layout_alignParentRight="true"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="15dp"
        android:background="@drawable/stitch_button"
        android:text="@string/add" />

</RelativeLayout>
— 迪帕克·凯沙里亚（Dipak Keshariya）
source
3
在这种情况下，似乎属性'layout_alignParentRight'对按钮不可用？可能已弃用？
20
ru使用relativelayout而不是linearlayout？
— Dipak Keshariya
1
抱歉。很抱歉，我已经完全过去了。谢谢！
4
仍然令我惊讶的是，尝试使用线性布局，看起来如此简单的事情变得如此困难。
— 2014年
2
@DipakKeshariya供未来的观看者使用，您可以使用“ android：layout_gravity =“ top | right” linearlayout
— SupimpaAllTheWay 2015年
145

单一LinearLayout解决方案。仅添加一个简单的间距视图：（似乎没有人提到过这个视图
，只是更复杂的多布局解决方案。）

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="35dp">

    <TextView
        android:id="@+id/lblExpenseCancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cancel"
        android:textColor="#404040"
        android:layout_marginLeft="10dp"
        android:textSize="20sp"
        android:layout_marginTop="9dp" />

    <!-------------------------  ADDED SPACER VIEW -------------------->
    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
    <!------------------------- /ADDED SPACER VIEW -------------------->

    <Button
        android:id="@+id/btnAddExpense"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:background="@drawable/stitch_button"
        android:layout_marginLeft="10dp"
        android:text="@string/add"
        android:layout_gravity="right"
        android:layout_marginRight="15dp" />

</LinearLayout>

注意“突出显示”视图，我没有做任何修改。高度= 0确保它不可见。宽度= 0是因为宽度是由LinearLayout基于权重= 1的值确定的。这意味着间隔视图将在的方向（方向）上尽可能延伸LinearLayout。

请注意，如果您的API级别和/或依赖项允许，则应使用android.widget.Space或android.support.v4.widget.Space代替View。Space以便宜的方式完成这项工作，因为它只能进行测量，而不会尝试绘制类似的内容View；传达意图也更具表现力。

— TWiStErRob
source
2
只需将android：layout_weight =“ 1”添加到R.id.lblExpenseCancel即可。
— hrules6872
1
@h_rules如果您想破解，就可以使用，但是想像一下，当您向TextView添加背景时会发生什么。
— TWiStErRob
2
我不知道为什么这个答案会失败，它能正常工作，而且很好，我肯定会尝试。
— Elvedin Hamzagic，2015年
作为移动开发人员，这是完美的选择
— Shivanand Darur's
如果添加间隔物，那么在不同的屏幕尺寸下您将得到不同的结果。因此，这不是理想的解决方案。
— GeoMint
28

我知道这个问题是前一段时间才问的，但是我之前已经做过，它可以在对齐项目时提供更多控制权。您只需嵌套另一个LinearLayout将在其中包含按钮的按钮。然后，您可以更改按钮布局的重力，并在按钮TextView仍位于左侧时使其向右移动。

试试这个代码：

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"             
android:orientation="horizontal" 
android:layout_marginTop="35dp">

<TextView
    android:id="@+id/lblExpenseCancel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/cancel" 
    android:textColor="#404040"         
    android:layout_marginLeft="10dp" 
    android:textSize="20sp" 
    android:layout_marginTop="9dp"/>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="right"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/btnAddExpense"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:background="@drawable/stitch_button"
        android:layout_marginLeft="10dp"                    
        android:text="@string/add" 
        android:layout_gravity="right" 
        android:layout_marginRight="15dp"/>

</LinearLayout>

您可能必须使用嵌套布局上的填充，以便它可以按您希望的方式运行。

— 鲍比D17
source
2
您应该将FrameLayout用于嵌套布局。定位一个元素就是它的目的。并且，给它一个权重，以使其填充父级的正确部分。+1表示不使用相对布局。
— Hjalmar
10

试试这个 

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_gravity="right" 
    android:layout_height="wrap_content"             
    android:orientation="horizontal"  >

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
   android:layout_height="wrap_content"   
   android:orientation="horizontal" >

<TextView
    android:id="@+id/lblExpenseCancel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="9dp"
    android:text="cancel"
    android:textColor="#ffff0000"
    android:textSize="20sp" />

<Button
    android:id="@+id/btnAddExpense"
    android:layout_width="wrap_content"
    android:layout_height="45dp"
    android:layout_alignParentRight="true"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="15dp"
     android:textColor="#ff0000ff"
    android:text="add" />

 </RelativeLayout>
  </LinearLayout>
— NagarjunaReddy
source
9

如前几次提到：从LinearLayout切换到RelativeLayout是可行的，但是您也可以解决问题而不是避免它。使用LinearLayout提供的工具：给TextView的权重= 1（请参见下面的代码），按钮的权重应保持为0或不为0。在这种情况下，TextView将占用所有剩余空间，该空间不会用于显示TextView或ButtonView的内容，而是将按钮向右推。

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="35dp">

        <TextView
            android:id="@+id/lblExpenseCancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/cancel"
            android:textColor="#404040"
            android:layout_marginLeft="10dp"
            android:textSize="20sp"
            android:layout_marginTop="9dp"

            **android:layout_weight="1"**

            />

        <Button
            android:id="@+id/btnAddExpense"
            android:layout_width="wrap_content"
            android:layout_height="45dp"
            android:background="@drawable/stitch_button"
            android:layout_marginLeft="10dp"
            android:text="@string/add"
            android:layout_gravity="right"
            android:layout_marginRight="15dp" />

    </LinearLayout>
— 倒钩
source
2
这是最好的答案。我只是想写些类似的东西，直到找到你的帖子。
— –codingdave
RelativeLayout由于内存问题，这比切换到方法要好得多，因为RelativeLayout消耗的内存比LinearLayout
— ThunderWiring
7

您需要添加重力到布局而不是按钮，按钮设置中的重力是按钮内的文本

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_gravity="right" 
android:layout_height="wrap_content"             
android:orientation="horizontal" 
android:layout_marginTop="35dp">
— 好东西
source
2
那不是也可以正确对齐TextView吗？我只需要按钮右对齐...
1
如果只需要对齐按钮，请使用RelativeLayout。
— 古德姆2012年
1
即使您希望所有按钮都对齐，这也不起作用（API 16）。儿童视图仍在左侧对齐。
— m0skit0
5 
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"             
    android:orientation="horizontal" 
    android:layout_marginTop="35dp">

    <TextView
        android:id="@+id/lblExpenseCancel"
        android:layout_width="0dp"
        android:layout_weight="0.5"
        android:layout_height="wrap_content"
        android:text="@string/cancel" 
        android:textColor="#404040"         
        android:layout_marginLeft="10dp" 
        android:textSize="20sp" 
        android:layout_marginTop="9dp"/>              

    <Button
        android:id="@+id/btnAddExpense"
        android:layout_width="0dp"
        android:layout_weight="0.5"
        android:layout_height="wrap_content"
        android:background="@drawable/stitch_button"
        android:layout_marginLeft="10dp"                    
        android:text="@string/add" 
        android:layout_gravity="right" 
        android:layout_marginRight="15dp"/>

</LinearLayout>

这将解决您的问题

— 阿南德·乔希（Anand S Joshi）
source
3

如果您不想或不能使用RelativeLayout，则可以将按钮包装在LinearLayout中，其方向为“垂直”，宽度为“ fill_parent”。 

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  android:layout_marginTop="35dp">

  <TextView
      android:id="@+id/lblExpenseCancel"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/cancel"
      android:textColor="#404040"
      android:layout_marginLeft="10dp"
      android:textSize="20sp"
      android:layout_marginTop="9dp" />

  <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical">
     <Button
        android:id="@+id/btnAddExpense"
        android:layout_width="wrap_content"
        android:layout_height="45dp"
        android:background="@drawable/stitch_button"
        android:layout_marginLeft="10dp"
        android:text="@string/add"
        android:layout_gravity="right"
        android:layout_marginRight="15dp" />
  </LinearLayout>
</LinearLayout>

这是因为如果LinearLayout的方向为水平，则重力只会垂直影响视图。如果方向是“垂直”，则重力只会水平影响视图。有关LinearLayout方向/重力说明的更多详细信息，请参见此处。

— 斯蒂芬妮·古
source
2

只需添加android：gravity =“ right”这行父级布局即可。

<LinearLayout
        android:id="@+id/withdrawbuttonContainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@color/colorPrimary"
        android:orientation="horizontal"
        **android:gravity="right"**
        android:weightSum="5"
        android:visibility="visible">

        <Button
            android:id="@+id/bt_withDraw"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/BTN_ADD"
            app:delay="1500" />

        <Button
            android:id="@+id/btn_orderdetail_amend"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/BTN_CANCEL"
            app:delay="1500" />
</LinearLayout>
— 韦拉杰
source
0

我使用了4 TextViews 的类似布局。两个TextViews应该左对齐，两个TextViews应该右对齐。因此，如果您想LinearLayouts单独使用，这是我的解决方案。

<?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="wrap_content"
    android:orientation="horizontal"
    android:baselineAligned="false"
    android:padding="10dp" >

    <LinearLayout
        android:layout_width="0dip"
        android:layout_weight="0.50"
        android:layout_height="match_parent"
        android:gravity="left"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textview_fragment_mtfstatus_level"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/level"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/textview_fragment_mtfstatus_level_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dip"
        android:layout_weight="0.50"
        android:layout_height="match_parent"
        android:gravity="right"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textview_fragment_mtfstatus_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/time"
            android:textAppearance="?android:attr/textAppearanceMedium"
             />

        <TextView
            android:id="@+id/textview_fragment_mtfstatus_time_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceMedium" 
            />
    </LinearLayout>

</LinearLayout>
— 瓦姆西·查拉（Vamsi Challa）
source
0

您可以使用RelativeLayout或在Button的父级布局上设置gravity =“ right”。

— 翰汉
source
0

我知道这很旧，但是线性布局中的另一个是：

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="35dp">

<TextView
    android:id="@+id/lblExpenseCancel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/cancel"
    android:textColor="#404040"
    android:layout_marginLeft="10dp"
    android:textSize="20sp"
    android:layout_marginTop="9dp" />

<Button
    android:id="@+id/btnAddExpense"
    android:layout_width="wrap_content"
    android:layout_height="45dp"
    android:background="@drawable/stitch_button"
    android:layout_marginLeft="10dp"
    android:text="@string/add"
    android:layout_gravity="center_vertical|bottom|right|top"
    android:layout_marginRight="15dp" />

请注意layout_gravity而不是重力。

— 胡安乔
source
怎么了center_vertical|bottom|top？在我看来，它们看起来像是排他的对齐重力。
— TWiStErRob
0

您应该使用Relativelayout而不是Linearlayout作为主布局。如果您将Relativelayout用作主要内容，则可以轻松地处理右侧的按钮，因为相对布局为我们提供了alignParent的右，左，上和下位置。

— 法汉·加法尔（Farhan Ghaffar）
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.