堆栈内存溢出
  简体   繁体   English

水平线性布局中的右对齐按钮

[英]Right Align button in horizontal LinearLayout

 原文  2012-05-31 08:20:05  8   18    android/ android-layout

问题描述

If you look at the attached image.如果您查看随附的图像。 I need my button to be right aligned but for some reason it's not working with 'gravity:right'...我需要我的按钮右对齐，但由于某种原因它不能与“重力：右”一起使用......

取消 添加

Here's my code for that layout:这是我的该布局的代码：

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

Why is no working?!为什么没有工作？！

18 个解决方案

解决方案1
 163  2015-03-23 11:57:09

Single LinearLayout solution.单一LinearLayout解决方案。 Only adding a simple spacing view:只添加一个简单的间距视图：
(No-one seemed to have mentioned this one, only more complicated multi-layout solutions.) （似乎没有人提到这一点，只是更复杂的多布局解决方案。）

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

Note the "highlighted" View, I didn't modify anything else.注意“突出显示”视图，我没有修改任何其他内容。 Height=0 makes sure it's not visible. Height=0 确保它不可见。 Width=0 is because the width is determined by the LinearLayout based on weight=1. Width=0是因为宽度是由LinearLayout根据weight=1决定的。 This means that the spacer view will stretch as much as possible in the direction (orientation) of the LinearLayout .这意味着 spacer view 将在LinearLayout的方向（方向）上尽可能地拉伸。

Note that you should use android.widget.Space or android.support.v4.widget.Space instead of View if your API level and/or dependencies allow it.请注意，如果您的 API 级别和/或依赖项允许，您应该使用android.widget.Space或android.support.v4.widget.Space而不是View 。 Space achieves the job in a cheaper way, because it only measures and doesn't try to draw anything like View does; Space以一种更便宜的方式完成了这项工作，因为它只测量而不尝试像View那样绘制任何东西； it's also more expressive conveying the intention.它也更能表达意图。

解决方案2
 142 已采纳  2012-05-31 08:30:27

Use below code for that使用下面的代码

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

解决方案3
 44  2017-06-26 08:56:37

Real solution for it case:它的真正解决方案：

android:layout_weight="1" for TextView, and your button move to right! android:layout_weight="1" for TextView，你的按钮向右移动！

解决方案4
 30  2013-08-14 20:36:38

I know this question was asked awhile ago, but I have done this before and it allows for more control when aligning items.If you look at it like web programming, it helps.我知道这个问题是不久前提出的，但我以前做过这个，它允许在对齐项目时进行更多控制。如果你像 Web 编程一样看待它，它会有所帮助。 You just nest another LinearLayout that will contain your button inside of it.您只需嵌套另一个LinearLayout ，其中包含您的按钮。 You can then change the gravity of the button's layout and make it go to the right while the TextView is still on the left.然后，您可以更改按钮布局的重力并使其向右移动，而TextView仍在左侧。

Try this code:试试这个代码：

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

You may have to play with the padding on the nested layout so that it acts how you want it.您可能必须使用嵌套布局上的填充，以便它按照您的意愿行事。

解决方案5
 11  2012-05-31 08:49:24

try this one试试这个

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

解决方案6
 9  2017-05-23 12:39:56

As mentioned a couple times before: To switch from LinearLayout to RelativeLayout works, but you can also solve the problem instead of avoiding it.正如之前多次提到的：从 LinearLayout 切换到 RelativeLayout 是可行的，但您也可以解决问题而不是避免它。 Use the tools a LinearLayout provides: Give the TextView a weight=1 (see code below), the weight for your button should remain 0 or none.使用 LinearLayout 提供的工具：给 TextView 赋予 weight=1（参见下面的代码），按钮的权重应保持为 0 或无。 In this case the TextView will take all the remaining space, which is not used to display the content of your TextView or ButtonView and pushes your button to the right.在这种情况下，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>

解决方案7
 7  2012-05-31 08:22:59

You need to add gravity to the layout not the Button, gravity in button settings is for Text inside the button您需要将重力添加到布局而不是按钮，按钮设置中的重力适用于按钮内的文本

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

解决方案8
 5  2014-09-01 06:31:04

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

This will solve your problem这将解决您的问题

解决方案9
 5  2017-11-07 09:53:59

Just add android:gravity="right" this line parent layout this will work.只需添加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>

解决方案10
 4  2017-12-15 23:25:30

If you don't want to, or can't, use RelativeLayout, you can wrap the button in a LinearLayout with orientation "vertical" and width "fill_parent".如果您不想或不能使用RelativeLayout，您可以将按钮包装在LinearLayout 中，方向为“vertical”，宽度为“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>

This is because if the LinearLayout's orientation is horizontal, gravity will only affect the views vertically.这是因为如果 LinearLayout 的方向是水平的，重力只会垂直影响视图。 And if the orientation is 'vertical', gravity will only affect the views horizontally.如果方向是“垂直的”，重力只会影响水平方向的视图。 See here for more details on the LinearLayout orientation/gravity explanation.有关 LinearLayout 方向/重力解释的更多详细信息，请参见此处。

解决方案11
 2  2021-05-22 21:04:08

Joining the party very late, but the standard way is to use <Space>, which was literally created for this very purpose.加入聚会很晚，但标准方法是使用 <Space>，它就是为此目的而创建的。

So in your code, just insert the following between the TextView and the Button:因此，在您的代码中，只需在 TextView 和 Button 之间插入以下内容：

<Space
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_weight="1" 
/>

Or from the palette, just select Layouts > Space.或者从调色板中，只需选择布局 > 空间。 It will dump it just as it is in the code above, you'll just need to specify the weight.它会像上面的代码一样转储它，您只需要指定权重。

在此处输入图像描述

解决方案12
 0  2014-02-23 06:35:54

I have used a similar layout with 4 TextView s.我使用了 4 个TextView的类似布局。 Two TextView s should be aligned to left and two TextView s should be aligned to right.两个TextView应该左对齐，两个TextView应该右对齐。 So, here is my solution, if you want to use LinearLayouts alone.所以，这是我的解决方案，如果你想单独使用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>

解决方案13
 0  2015-04-24 10:22:21

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

解决方案14
 0  2015-08-31 23:15:12

I know this is old but here is another one in a Linear Layout would be:我知道这很旧，但线性布局中的另一个是：

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

Please note the layout_gravity as opposed to just gravity.请注意 layout_gravity 而不是重力。

解决方案15
 0  2016-07-10 10:33:30

You should use the Relativelayout instead of Linearlayout as main layout.您应该使用 Relativelayout 而不是 Linearlayout 作为主布局。 If you use Relativelayout as main then easily handle the button on right side because relative layout provide us alignParent right, left,top and bottom.如果您使用Relativelayout 作为main，那么可以轻松处理右侧的按钮，因为相对布局为我们提供了alignParent right、left、top 和bottom。

解决方案16
 0  2021-12-08 07:17:58

    Adding Spacing as View , makes the Last textview to right in 
    LinearLayout

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
     <!-- ADD SPACER VIEW -->
        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            />
    <!-- /ADD SPACER VIEW -->
</LinearLayout>

解决方案17
 0  2022-07-08 18:18:21

This will work without adding any additional views.这将在不添加任何其他视图的情况下工作。 You need to set your linear-layout height to wrap-content so that it will occupy the maximum size of the contained widget s .您需要将您的线性布局高度设置为 wrap-content以便它占据所包含小部件s的最大尺寸。 Then we will allign it using gravity set to center_vertical .然后我们将使用重力设置为 center_vertical对齐它。

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat 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="wrap_content"
    android:orientation="horizontal" 
    android:gravity="center_vertical"
    android:paddingHorizontal="8dp"
    tools:context=".MainActivity">

    <Button
        android:paddingVertical="40"
        android:id="@+id/startButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/start"
        />

    <Button
        android:id="@+id/pauseButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/pause"
        />

    <Button
        android:id="@+id/resetButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/reset"
        />

</androidx.appcompat.widget.LinearLayoutCompat>

解决方案18
 -2  2014-07-18 21:43:59

在按钮中使用布局宽度，如 android:layout_width="75dp"

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Android：在LinearLayout中将按钮向右对齐 - Android: Align a Button to the Right in LinearLayout 如何在水平 LinearLayout 中将元素向右对齐？ - how to align an element to right in horizontal LinearLayout? 如何在水平LinearLayout中将ImageButton对齐到右侧 - How to align ImageButton to right in horizontal LinearLayout 如何将Button与LinearLayout中的最右角对齐？ - How to align a Button to the most right corner in LinearLayout? 在LinearLayout中对齐元素？ - Right Align elements in a LinearLayout? Android LinearLayout右对齐 - Android LinearLayout Align Right android 线性布局没有正确对齐 - android linearlayout not align right 在 LinearLayout 中将元素向右对齐 - Align element to the right in LinearLayout 在LinearLayout（水平）中将textview左对齐 - Align a textview to left in a LinearLayout(horizontal) 将ImageView对齐LinearLayout的右下角 - Align ImageView to bottom Right of LinearLayout
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM