我想知道:什么是android:weightSum和布局权重,它们如何工作?
我想知道:什么是android:weightSum和布局权重,它们如何工作?
Answers:
根据文档,android:weightSum
定义最大重量总和,layout_weight
如果未明确指定,则计算为所有子项的总和。
让我们考虑一个LinearLayout
水平方向为3 的示例ImageViews
。现在我们希望它们ImageViews
始终占据相等的空间。为此,您可以将layout_weight
每个设置ImageView
为1,然后weightSum
将其计算为等于3,如注释所示。
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
<!-- android:weightSum="3" -->
android:orientation="horizontal"
android:layout_gravity="center">
<ImageView
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_width="0dp"/>
.....
weightSum
对于正确地为任何设备渲染布局很有用,如果直接设置宽度和高度,则不会发生这种情况。
加上superM和Jeff的答案,
如果LinearLayout中有2个视图,则第一个视图的layout_weight为1,第二个视图的layout_weight为2,并且未指定weightSum,默认情况下,weightSum计算为3(子项的权重之和),并且第一个视图占据了1/3的空间,第二个视图则占据了2/3的空间。
但是,如果将weightSum指定为5,则第一个将占空间的1/5,而第二个将占2/5。因此,布局将占用总共3/5的空间,其余空间则为空。
权重总和可以完全按照您的要求工作(就像其他答案一样,您不必对父级布局中的所有权重求和)。在子视图上,指定您要承受的重量。不要忘记指定
android:layout_width="0dp"
以下是一个例子
<LinearLayout
android:layout_width="500dp"
android:layout_height="20dp" >
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="3"
android:background="@android:color/holo_green_light"
android:gravity="center"
android:text="30%"
android:textColor="@android:color/white" >
</TextView>
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:background="@android:color/holo_blue_bright"
android:gravity="center"
android:text="20%"
android:textColor="@android:color/white" >
</TextView>
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="5"
android:background="@android:color/holo_orange_dark"
android:gravity="center"
android:text="50%"
android:textColor="@android:color/white" >
</TextView>
</LinearLayout>
这看起来像
该文档说得最好,并提供了一个示例(突出说明)。
android:weightSum
定义最大重量总和。如果未指定,则通过将所有子项的layout_weight相加来计算总和。例如,可以通过给它一个0.5的layout_weight并将weightSum设置为1.0 来给单个孩子提供总可用空间的50%。
因此,要纠正superM的示例,假设您的LinearLayout
水平方向包含两个ImageViews
和一个TextView
with。您将定义TextView
为具有固定大小,并希望两者均等ImageViews
地占用剩余空间。
为此,您需要layout_weight
对分别应用1 ImageView
,对不应用TextView
,weightSum
对应用2.0 LinearLayout
。
经过一些实验,我认为LinearLayout的算法是这样的:
假设将weightSum
其设置为一个值。缺席的情况将在后面讨论。
首先,分割weightSum
由蒙山元件的数量match_parent
或fill_parent
在的LinearLayout的尺寸(例如layout_width
为orientation="horizontal"
)。我们将此值称为每个元素的权重乘数。的默认值为weightSum
1.0,因此默认的权重乘数为1/n
,其中n
是fill_parent
元素数;wrap_content
元素没有贡献n
。
例如,当weightSum
为60且有3个fill_parent
元素时,权重乘数为20。权重乘数是默认值,例如,layout_width
如果缺少该属性。
其次,计算每个元素的最大可能扩展。首先,根据wrap_content
元素的内容计算元素。它们的扩展从父容器的扩展中扣除。我们将称为余数expansion_remainer
。该剩余部分fill_parent
根据其元素在元素之间分配layout_weight
。
第三,每个fill_parent
元素的扩展计算如下:
例:
如果 weightSum
为60,并且有3个fill_parent
元素的权重为10、20和30,则它们在屏幕上的扩展为父容器的2 / 3、1 / 3和0/3。
weight | expansion
0 | 3/3
10 | 2/3
20 | 1/3
30 | 0/3
40 | 0/3
最小扩展上限为0。最大扩展上限为父级尺寸,即权重上限为0。
如果将元素设置为wrap_content
,则首先计算其扩展,其余扩展受fill_parent
元素之间的分配影响。如果weightSum
设置为layout_weight
,则不会影响wrap_content
元素。但是,wrap_content
仍可以通过重量小于这些元素的元素将元素推出可见区域(例如,对于0-1,在0-1 weightSum
之间;对于上面的示例,在0-20之间)。
如果未weightSum
指定,则将其计算为所有layout_weight
值的总和,包括带有wrap_content
set的元素!因此layout_weight
设置wrap_content
元素可以影响它们的扩展。例如负的重量会收缩其他fill_parent
元素。在fill_parent
元素布局之前,将上述公式应用于wrap_content
元素,最大可能的扩展是根据包装内容的扩展。的wrap_content
元件将被收缩,事后对剩余的最大可能膨胀fill_parent
元件被计算和分配。
这可能会导致不直观的结果。
如果未指定,则通过将所有子项的layout_weight相加来计算总和。例如,可以通过给它一个0.5的layout_weight并将weightSum设置为1.0来给单个孩子提供总可用空间的50%。必须为浮点值,例如“ 1.2”
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_rel"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:weightSum="2.0" >
<RelativeLayout
android:id="@+id/child_one"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1.0"
android:background="#0000FF" >
</RelativeLayout>
<RelativeLayout
android:id="@+id/child_two"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1.0"
android:background="#00FF00" >
</RelativeLayout>
</LinearLayout>
似乎没有其他人提到的一件事:假设您有一个vertical LinearLayout
,所以为了使其中的layout / element / view中的权重能够正常工作100%-所有这些都必须具有layout_height
属性(该属性必须存在于xml中)文件)设置为0dp
。在某些情况下,似乎其他任何值都会使事情变得混乱。
布局权重就像一个比率。例如,如果有一个垂直布局,并且有两个项目(例如按钮或文本视图),一个项目的布局权重为2,另一个项目的布局权重为3。然后,第一个项目将占据屏幕/布局的5个部分中的2个,而另一个占5个部分的3个。这里5是权重之和。即,权重总和将整个布局划分为定义的部分。 布局权重定义特定项目在预定义的总权重总和中占多少部分。重量总和也可以手动声明。当使用线性布局进行UI设计时,按钮,文本视图,编辑文本等全部使用权重和布局权重进行组织。
weightSum
。您的示例中的行为与weightSum
省略的行为相同,并且实际上不应在该情况下指定weightSum。该文档说,weightSum Defines the maximum weight sum. If unspecified, the sum is computed by adding the layout_weight of all of the children.