layout_weight 详解

最新推荐文章于 2023-05-12 12:21:13 发布
最新推荐文章于 2023-05-12 12:21:13 发布
阅读量773 收藏
点赞数
分类专栏： Android
android layout_weight讲解
2011-09-17 11:09:00      我来说两句      
收藏     我要投稿

在网上看了一些对Layout_weight的讲解，有些说的比较片面，只列举了一种情况，然后自己通过实验和一些比较好的文章总结了一下，特此记录下来，以备以后所用。Layout_weight是线性布局，也就是LinearLayout里面用到的，下面通过实验来看这个Layout_weight的特性。
1.当控件的属性android:layout_width="fill_parent"时，布局文件如下：
Xml代码 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <Button android:layout_width="fill_parent" 
        android:layout_height="wrap_content" android:layout_weight="1" 
        android:text="Button1" /> 
    <Button android:layout_width="fill_parent" 
        android:layout_height="wrap_content" android:layout_weight="2" 
        android:text="Button2" /> 
</LinearLayout> 
 在这里Button1的Layout_weight=1，Buttong2的Layout_weight=2，运行效果为：


我们看到，Button1占了2/3，Button2占了1/3。如果此时把button2的weight设置成2000，不是说Button2就消失了，而是Button1的宽度几乎占满了屏幕宽度，而屏幕最后一丝细条则是留给Button2的，已近非常小了，没有显示出来。截图如下：


 

 得出结论：在layout_width设置为fill_parent的时候，layout_weight代表的是你的控件要优先尽可能的大,但尽可能大是有限度的，即fill_parent.
 
2.当控件的属性android:layout_width="wrap_content"时，布局文件如下：
 
Xml代码 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <Button android:layout_width="wrap_content" 
        android:layout_height="wrap_content" android:layout_weight="1" 
        android:text="Button1" /> 
    <Button android:layout_width="wrap_content" 
        android:layout_height="wrap_content" android:layout_weight="2" 
        android:text="Button2" /> 
</LinearLayout> 
 同样，Button1的weight设置为1，Button2的weight设置为2，但是效果与fill_parent的效果截然相反。运行效果如下：


这时，和fill_parent正好相反，Button1的宽度占据了屏幕宽度的1/3，而Button2的宽度占据了屏幕的2/3，如果此时把Button1的weight设置为2000，按照之前理解，Button1应该小的几乎在屏幕上看不到，但是错了，实验告诉我们，当Button1的weight非常小时，也要"wrap_content",也就是要保证Button1至少能够显示。以下是Button1设置weight为2000时的运行截图：


我们看到，Button1已经足够小，但是要保证他能显示出来，因此得出结论：
在layout_width设置为wrap_content的时候，layout_weight代表的是你的控件要优先尽可能的小,但这个小是有限度的，即wrap_content.
当了解这些后，我们再设计程序时，为了能够自适应屏幕，不想给控件一个指定的宽度和高度，就可以使用这个weight属性来让它按自己比例来划分屏幕高度或者宽度了。

出处：http://www.2cto.com/kf/201109/104482.html

android中layout_weight的理解

　　SDK中的解释:

Indicates how much of the extra space in the LinearLayout will be allocated to the view associated with these LayoutParams. Specify 0 if the view should not be stretched. Otherwise the extra pixels will be pro-rated among all views whose weight is greater than 0.

　　重点有两个

    1. layout_weight表示LinearLayout中额外空间的划分(可能扩大应用layout_weight前的大小也可能缩小)。
    2. 按比例(layout_weight大小的比例)

　　以下说的都以 android:orientation="horizontal" 为例

　　看了一下源码,虽说不太懂,但了解了下大概意思,按照自己的理解总结一下,直接写一下简化的代码吧(下面的代码是LinearLayout源文件中一部分的精简,变量名称含义可能不准确,为叙述方便暂作此解释):

复制代码 
//Either expand children with weight to take up available space or
// shrink them if they extend beyond our current bounds
int delta = widthSize - mTotalLength;
if (delta != 0 && totalWeight > 0.0f) {
    float weightSum = mWeightSum > 0.0f ? mWeightSum : totalWeight;
    for (int i = 0; i < count; ++i) {
        final View child = getVirtualChildAt(i);

        if (child == null || child.getVisibility() == View.GONE) {
            continue;
        }
        
        final LinearLayout.LayoutParams lp =
                (LinearLayout.LayoutParams) child.getLayoutParams();

        float childExtra = lp.weight;
        if (childExtra > 0) {
            int share = (int) (childExtra * delta / weightSum);
　　　　　　　weightSum -= childExtra;
　　　　　　  delta  -= share;
            int childWidth = child.getMeasuredWidth() + share;
            if (childWidth < 0) {
                childWidth = 0;
            }
        }
    }
}
复制代码

　　变量含义

    • widthSize:           LinearLayout的宽度
    • mTotalLength:     所有子View的宽度的和(还没用考虑layout_weight)
    • totalWeight:        所有子View的layout_weight的和
    • mWeihtSUm:　　 LinearLayout的android:weightSum属性

　　过程分析:

　　首先计算出额外空间(可以为负)如果额外空间不为0并且有子View的layout_weight不为0的话按layout_weight分配额外空间:

int delta = widthSize - mTotalLength;
if (delta != 0 && totalWeight > 0.0f) {
  ...
}

　　如果LinearLayout设置了weightSum则覆盖子View的layout_weight的和:

float weightSum = mWeightSum > 0.0f ? mWeightSum : totalWeight;

　　然后遍历LinearLayout的子元素,如果不为null且Visibility不为GONE的话,取得它的LayoutParams,如果它的layout_weight大于0,根据weightSum与它的weight计算出分配给它的额外空间

复制代码 
if (childExtra > 0) {
    int share = (int) (childExtra * delta / weightSum);
　　 weightSum -= childExtra;
　　 delta -= share;

    int childWidth = child.getMeasuredWidth() + share;
    if (childWidth < 0) {
        childWidth = 0;
    }
}
复制代码

　　网上有解释说layout_weight表示重要程度,表示划分额外空间的优先级,通过代码可以知道这种观点是错误的.layout_weight表示划分的比例,至于当View的layout_width为fill_parent时layout_weight比例相反的问题按我的理解可以作以下解释:

　　比如说如下XML:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#00ff00"
    android:weightSum="0"
    android:orientation="horizontal" >

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

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

    <Button
        android:id="@+id/imageViewLoginState2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:text="3" >
    </Button>

</LinearLayout>
复制代码

　　按一般理解,3个Button的比例应该为1:1:2,但实际情况是这样的:

　　按我的理解,系统是这样设置按钮的大小的,变量名按前面代码的意义:

　　假设Container即LinearLayout的宽度为PARENT_WIDTH

　　三个按钮的宽度都是FILL_PARENT,所以在应用layout_weight之前,三个按钮的宽度都为PARENT_WIDTH

　　所以额外空间:

delta = PARENT_WIDTH - 3 * PARENT_WIDTH = -2 * PARENT

　　因为LinearLayout没有设置android:weightSum(默认为0,设置为0就当没设置吧),所以 mWeightSum = 1 + 1 +2 =4

　　所以:

　　第一个按钮的宽度为

PARENT_WIDTH + share = PARENT_WIDTH + (layout_weight * delta / mWeightSum)

                                                = PARENT_WIDTH + (1 * (-2 * PARENT_WIDTH) /4)

                                                = 1 /2 *PARENT_WIDTH

　然后更新weightSum与delta：
weightSum -= childExtra;(=3)
delta  -= share;(=-3/2 * PARENT_WIDTH)

　　第二个按钮的宽度为：

PARENT_WIDTH + share = PARENT_WIDTH + (layout_weight * delta / mWeightSum)

                                                = PARENT_WIDTH + (1 * (-3 / 2 * PARENT_WIDTH) /3)

                                                = 1 /2 *PARENT_WIDTH

　　更新weightSum与delta：

weightSum -= childExtra;(=2)
delta  -= share;(=-PARENT_WIDTH)

　　第三个按钮的宽度为：

PARENT_WIDTH + share = PARENT_WIDTH + (layout_weight * delta / mWeightSum)

                                                = PARENT_WIDTH + (2 * (- PARENT_WIDTH) /2)

                                                = 0

　　所以最终的而已就是前两个按钮平分LinearLayout,第三个按钮消失了.

　　大致过程是这样,但不全对,比如如果上例中LinearLayout的weightSum设置为2的话,前两个按钮的宽度为0,但当计算第三个按钮的宽度时mWeightSum = 0,但layout_weight * delta / mWeightSum无法计算,不知道系统怎么处理的,在我的能力之外了,weightSum为2时的效果图:

　　weightSum为3时的效果图:

　　SDK中说明的是,layout_weight表示额外空间怎么划分,要注意额外2字,要有额外的空间才可以将按比例将其分配给设置了layout_weight的子View,所以,如果LinearLayout设置为WRAP_CONTENT的话是没有额外的空间的,layout_weight就没有用处,所只要layout_width不设置为WRAP_CONTENT就行,也可以设置为具体的值,如果值太小的话,额外空间为负,可能压缩子控件,使其大小比XML文件中定义的小,例如:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:background="#00ff00"
    android:orientation="horizontal" >

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

    <Button
        android:id="@+id/button2"
        android:layout_width="60dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="2" >
    </Button>

    <Button
        android:id="@+id/button3"
        android:layout_width="60dp"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:text="3" >
    </Button>

</LinearLayout>
复制代码

　　额外空间：

delta = 100- 3 * 60 = -80

mWeightSum = 1 + 1 +2 =4

　　所以:

　　第一个按钮的宽度为：

60+ share = 60 + (layout_weight * delta / mWeightSum)

                = 60 + (1 * (-80) /4) = 40

　然后：
weightSum -= childExtra;(=3)
delta  -= share;(=-60)
　第二个按钮的宽度为：
 
    
 
     
60 + share = 60 + (layout_weight * delta / mWeightSum)
 
     
                = 60 + (2 * (-60) /3)
 
     
                = 40
 
    
 
    
　然后：
 
    
 
     
weightSum -= childExtra;(=2)
delta  -= share;(=-40)
 
    
 
    
 
 
    
　　第三个按钮的宽度为：
 
    
 
     
60 + share = 60 + (layout_weight * delta / mWeightSum)
 
     
                 = 60 + (2 * (-40) /2)
 
     
                 = 20
 
    
 
    
　　效果图:
 
    
 
    
　　以下代码也说明了layout_weight表示额外空间的分配:
 
    
 
     
 
      复制代码 
     
 
     
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:background="#00ff00"
    android:orientation="horizontal" >

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

    <Button
        android:id="@+id/button2"
        android:layout_width="40dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="2" >
    </Button>

   
</LinearLayout>
 
     
 
      复制代码 
     
 
    
 
    
额外空间为100，所以Button1的宽度为60+100/2=110，Button2的宽度为40+100/2=90。
 
 
 
   
 
   

     作者： 
    AngelDevil 
    
 出处： 
    www.cnblogs.com/angeldevil 
    
 转载请注明出处！
 
   
 
  
 
  
 
  
 
 
 


                

        

    

  



    



                



	

		

			

				
					
【Android】布局文件layout.xml文件使用控件属性android:layout_weight使布局较为美观，以RadioButton为例

				
			

			

				

					m0_73954336的博客
				

				

					01-26
					
					1071
					
				

			

		

		

			
				
android开发，控件属性layout_weight使用说明以及示例详解

			
		

	



                

            
              



	

		

			

				
					
不可忽视的布局属性layout_weight,彻底纠正网上很多对于该属性的片面理解

				
			

			

				

					陈宇的博客
				

				

					03-05
					
					6257
					
				

			

		

		

			
				
Android:layout_weight详解
 
中文定义：
在一个布局组件中（例如：LinearLayout）中各个子元素的对于剩余空间的使用权重。
默认：android:layout_weight= 0
默认情况下，布局模式以android:height 和 android:weight为标准
 
案例：
现在设置2个LinearLayout 个占据一张，第一行有左右各一个按

			
		

	



              


  
              

                


	

		

			

				
					
代码设置layout_weight attribute

				
			

			

				

					weixin_34146986的博客
				

				

					03-10
					
					155
					
				

			

		

		

			
				
代码设置
LinearLayout权重比例之小结：
如果在LinearLayout添加子View，那么只有一个View的时候设置所占的比例一定要设置LinearLayout总weightsum。不然会设置无效，代码示例：
 

  mTabLayout.setWeightSum(1.0f);
  mTabLayout.addView(textView, new LinearLayout...

			
		

	





	

		

			

				
					
layout_weight讲解

				
			

			

				

					weixin_33932129的博客
				

				

					04-06
					
					101
					
				

			

		

		

			
				

   在网上看了一些对Layout_weight的讲解，有些说的比较片面，只列举了一种情况，然后自己通过实验和一些比较好的文章总结了一下，特此记录下 来，以备以后所用。Layout_weight是线性布局，也就是LinearLayout里面用到的，下面通过实验来看这个Layout_weight 的特性。 1.当控件的属性android:layout_width="fill_parent"时，布...

			
		

	



		

			
		



	

		

			

				
					
layout_weight的使用

				
			

			

				

					小天花藏
				

				

					11-30
					
					1079
					
				

			

		

		

			
				
最近在看写公开视频，发现layout_weight跟我以前所认知的略有不同，在这总结下。
在LinearLayout中的子控件使用layout_weight属性可以让子控件按照父控件的一定比例来显示，先看几个常规的使用方法
1 子控件与子控件按照一定比例显示
<LinearLayout
    android:layout_width="match_parent"
    android:l...

			
		

	





	

		

			

				
					
Layout_weight属性

				
			

			

				

					weixin_39821531的博客
				

				

					03-04
					
					573
					
				

			

		

		

			
				
为了调剂一下心情，穿插一篇Android基础文档。



一、 简介

 android:layout_weight在LinearLayout中布局属性。根据权重布局。

二、 功能介绍

 android:layout_weight的默认值是0。

 当layout_weight被设置为有效值的时候，布局会计算两次。

 布局的计算公式：

 View的大小=Vi...

			
		

	





	

		

			

				
					
layout_weight 讲解

				
			

			

				

					Janine_Z的博客
				

				

					02-25
					
					545
					
				

			

		

		

			
				
今天把之前看过的视频又看了一遍，瞬间领悟了 layout_weight 的含义，现在我来记下对 layout_weight 的相关知识。layout_weight：用于指定空闲空间的分配比例，平分空余空间的部分，如下图所示：  红色部分便是绿色部分和蓝色部分将要平分的部分，但是frist和second不一样长，所以不是平分整个父控件。  如何让控件平分父控件？又如何让控件中父控件的1/3和2/3？

			
		

	





	

		

			

				
					
Android中的android:layout_weight使用详解

				
			

			

				

					09-05
				

			

		

		

			
				
在Android开发中，`android:layout_weight`是一个关键属性，特别是在使用`LinearLayout`进行界面布局时。`layout_weight`用于指定一个子视图在父视图中的权重，它决定了控件如何分配额外的空间，尤其是在视图的尺寸...

			
		

	





	

		

			

				
					
Android ListView实现表格：Layout_weight属性详解

				
			

			

				

					
				

			

		

		

			
				
"这篇文章主要讲解了如何在Android应用中通过使用`Layout_weight`属性与`ListView`来实现表格效果。作者首先对`Layout_weight`属性进行了深入的解释，并指出在通常开发中，开发者往往用`LinearLayout`和`...

			
		

	





	

		

			

				
					
Android电子书中Layout_weight属性详解与应用

				
			

			

				

					
				

			

		

		

			
				
在Android开发中，了解并掌握`Layout_weight`属性对于创建灵活且适应不同屏幕大小的应用界面至关重要。Layout_weight属性是LinearLayout或RelativeLayout等布局管理器中的一个关键特性，它用于在子视图之间动态分配...

			
		

	





	

		

			

				
					
Android线性布局之layout_weight

				
			

			

				

					yangshuangyue的博客
				

				

					07-19
					
					3103
					
				

			

		

		

			
				
前言
layout_weight按自己的理解就是按比例分配LinearLayout的子控件的大小，为了了解这个属性，接下来就边写代码，边看效果图来理解该属性。
正文
首先将根布局修改为LinearLayout，将orientation属性设置为horizontal，使LinearLayout的子控件水平排列，再给LinearLayout放三个TextView作为子布局，内容分别显示1，2，3；TextView的宽度设置为0dp，layout_weight的属性都填写为1，代码如下：
<?xml ver

			
		

	





	

		

			

				
					
android中layout_weight的理解

				
			

			

				

					编程菜鸟---正在努力进阶
				

				

					06-29
					
					1204
					
				

			

		

		

			
				
SDK中的解释

Indicates how much of the extra space in the LinearLayout will be allocated to the view associated with these LayoutParams. Specify 0 if the view should
 not be stretched. Otherwise the ex

			
		

	





	

		

			

				
					
Android 布局item中的layout_weight

				
			

			

				

					彬sir哥的博客
				

				

					09-03
					
					514
					
				

			

		

		

			
				
1.layout_weight是布局比重的意思
2.item的视图如下：

3. item代码如下：
<?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"
   

			
		

	





	

		

			

				
					
layout_weight详解

				
			

			

				

					chiyou6322的博客
				

				

					12-21
					
					663
					
				

			

		

		

			
				
layout_weight是我们常用的一个属性 
 layout的计算方式 weight = 控件定义长度(l) + 剩余控件所占的百分比(d),比如一个宽480px的屏幕定义三个TextView,所占比重为1:2:3，如果定义第一个空间的宽度为320dp，剩余的两个宽度均为0dp...

			
		

	





	

		

			

				
					
解析layout_weight

				
			

			

				

					IT_默
				

				

					12-14
					
					1009
					
				

			

		

		

			
				
谈谈LinearLayout中layout_weight的用法

			
		

	





	

		

			

				
					
Android-0.Android Studio布局中layout_weight用法

				
			

			

				

					hgy413的专栏
				

				

					09-22
					
					9882
					
				

			

		

		

			
				
Android Studio布局中layout_weight用法

			
		

	





	

		

			

				
					
android layout_weight 百分比,Android百分比布局之layout_weight属性

				
			

			

				

					weixin_28327051的博客
				

				

					05-26
					
					2525
					
				

			

		

		

			
				
如果转载，请注明出处：http://blog.youkuaiyun.com/wangdejun/article/details/42739983  谢谢。在Android中对控件布局指定尺寸时，一般有两种方式：一种设定为自适应布局，即match_parent(fill_parent)或者wrap_content，通过根据父布局大小或者自己内容来产生一个动态尺寸；另外一种通过指定一个具体数值的方式定义成固定...

			
		

	





	

		

			

				
					
Android Studio中的layout_weight属性讲解

				
			

			

				

					adminstate的博客
				

				

					05-12
					
					1220
					
				

			

		

		

			
				
lay_out_weight属性的讲解

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值