是否有可能在android linearlayout的宽度上均匀分布按钮

is it possible to evenly distribute buttons across the width of an android linearlayout

我有一个线性布局(水平方向),其中包含3个按钮。 我希望3个按钮具有固定的宽度,并在线性布局的宽度上均匀分布。

我可以通过将linearlayout的重心设置为居中,然后调整按钮的填充来进行管理,但这适用于固定的宽度,不适用于更改设备或方向。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<LinearLayout android:id="@+id/LinearLayout01"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:gravity="center">

<Button
android:id="@+id/btnOne"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="120dip"></Button>

<Button
android:id="@+id/btnTwo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="120dip"></Button>


<Button
android:id="@+id/btnThree"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="120dip"></Button>

</LinearLayout>


扩展fedj的答案,如果将layout_width设置为0dp并将每个按钮的layout_weight设置为1,则可用宽度将在按钮之间平均分配。


如果您不希望按钮缩放,而是调整按钮之间的间距(所有按钮之间的间距相等),则可以使用weight =" 1"的视图来填充按钮之间的间距:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
    <Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1">
    </Space>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="center_horizontal|center_vertical"
        android:src="@drawable/tars_active" />

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

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="center_horizontal|center_vertical"
        android:src="@drawable/videos_active" />

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


您可以将其与以下内容一起使用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="15dp">
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Save"/>
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Reset"/>
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="cancel"/>
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
</LinearLayout>


您可以通过为Viewlayout_width1赋予View

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <TextView
        android:layout_width="0dp"
        android:text="example text"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

</LinearLayout>

android layout_weight的工作方式是:

  • 首先,它查看View通常会占用的大小并保留该空间。
  • 第二,如果布局是match_parent,则它将以layout_weight s的比例划分剩余的空间。因此,如果给视图layout_weight="2"layout_weight="1",则结果比例将为2比1,即:第一个视图将获得剩余空间的2/3,另一个视图将获得1/3。

因此,如果给layout_width赋予0dp大小,则第一步没有添加任何意义,因为两个视图都未分配任何空间。然后只有第二点决定每个View获得的空间,从而根据比率为View提供您指定的空间!

为了解释为什么0dp通过提供一个相反的示例来使空间相等,下面的代码将产生不同的结果,因为example text现在的宽度大于0dp,因为它具有wrap_content而是将剩余的可用空间划分为小于100%,因为文本占用空间。结果将是它们确实获得了50%的可用空间,但是文本已经占用了一些空间,因此TextView将具有超过总空间的50%。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <TextView
        android:layout_width="wrap_content"
        android:text="example text"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

</LinearLayout>

好吧,如果您恰好有3个按钮,并且可以(甚至计划)将外部按钮左右对齐,那么您可能想尝试一个RelativeLayout,这样可以减少开销(在许多情况下)。

您可以使用layout_alignParentBottom将所有按钮与布局的底部对齐。使用layout_alignParentLeft and Right表示外部按钮,使用layout_centerHorizontal表示中间按钮。

这将在不同的方向和屏幕尺寸上很好地工作。


您应该看看android:layout_weight属性


weight分配给容器内添加的每个按钮都可以实现,这对于定义水平方向非常重要:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    int buttons = 5;

    RadioGroup rgp = (RadioGroup) findViewById(R.id.radio_group);

    rgp.setOrientation(LinearLayout.HORIZONTAL);

    for (int i = 1; i <= buttons; i++) {
        RadioButton rbn = new RadioButton(this);        
        rbn.setId(1 + 1000);
        rbn.setText("RadioButton" + i);
        //Adding weight
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, 1f);
        rbn.setLayoutParams(params);
        rgp.addView(rbn);
    }

因此我们可以在设备中获得此结果:

enter image description here

即使我们旋转设备,每个按钮中定义的weight都可以沿容器均匀分配元素:

enter image description here


我创建了一个自定义View DistributeLayout来做到这一点。


为了在水平线性布局中均匀隔开两个按钮,我使用了3个LinearLayout对象作为要自动调整大小的空间。我将这些LinearLayout对象定位如下:

[] Button1 [] Button2 []

([]表示用于间距的LinearLayout对象)

然后将每个[] LinearLayout对象的权重设置为1,然后我得到均匀分布的按钮。

希望这可以帮助。


我建议您使用LinearLayout的weightSum属性。

添加标签
android:weightSum="3"到LinearLayout的xml声明,然后android:layout_weight="1"到Buttons将导致3个按钮均匀分布。


最好的方法是将TableLayout与android:layout_width =" match_parent"一起使用,并且在各列中将android:layout_weight =" 1"用于所有列


上面使用layout_didn的答案对我不起作用,但是下面的答案适用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_weight="0.1"
    android:layout_gravity="center_horizontal"
    >

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
       />

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginLeft="40dp"
        android:layout_marginStart="40dp"/>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginLeft="40dp"
        android:layout_marginStart="40dp"
        />

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginLeft="40dp"
        android:layout_marginStart="40dp"/>

</LinearLayout>

这是它在屏幕上的外观,

enter image description here


最重要的答案是正确的,但是在某些情况下,如果您需要可见的和不可用的功能,则此实用的方法会很好地工作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnOne"
            android:layout_width="120dp"
            android:layout_height="match_parent"></Button>

        <Button
            android:id="@+id/btnTwo"
            android:layout_width="120dp"
            android:layout_height="match_parent"></Button>


        <Button
            android:id="@+id/btnThree"
            android:layout_width="120dp"
            android:layout_height="match_parent"></Button>
    </LinearLayout>



 float width=CommonUtills.getScreenWidth(activity);
            int cardWidth=(int)CommonUtills.convertDpToPixel (((width)/3),activity);

LinearLayout.LayoutParams params =
                new LinearLayout.LayoutParams(width,
                        LinearLayout.LayoutParams.MATCH_PARENT);

btnOne.setLayoutParams(params);
btnTwo.setLayoutParams(params);
btnThree.setLayoutParams(params);

public class CommonUtills {
public static float getScreenWidth(Context context) {
        float width = (float) 360.0;
        DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
        width = displayMetrics.widthPixels / displayMetrics.density;
        return width;
    }
}

平均体重的孩子

To create a linear layout in which each child uses the same amount of
space on the screen, set the android:layout_height of each view to
"0dp" (for a vertical layout) or the android:layout_width of each view
to"0dp" (for a horizontal layout). Then set the android:layout_weight
of each view to"1".

为了使其在LinearLayout视图组中起作用,android:layout_widthandroid:layout_height的属性值必须等于"match_parent" ...


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<TextView
    android:text="Tom"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:textSize="24sp" />

<TextView
    android:text="Tim"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:textSize="24sp" />

<TextView
    android:text="Todd"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:textSize="24sp" />


最简单,最快的方法(但不是最好的)是添加一个具有空文本属性的TextView,如下所示

1
android:text=""

背景颜色必须与LinearLayout相同,那么您可以使用padding属性,如下所示

1
android:paddingBottom="250dp"

或您需要的任何东西。
这是一个例子。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:text="Tom"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="24sp"
        android:layout_weight="3"/>

    <TextView
        android:text="Tim"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="24sp"
        android:layout_weight="3"/>

    <TextView
        android:text="Todd"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="24sp"
        android:layout_weight="3"/>

</LinearLayout>

在圆周上,汤姆,蒂姆和托德被假定为3厘米。如果要使其成为触摸屏,则将其设置为Tom和Tim假定为1厘米,这意味着它们将虚拟结合在一起,但其2D平面位于底部。这显示在屏幕上。