android布局LinearLayout的使用

序：本文讲述Android布局中的LinearLayout的使用，重点2方面：

1. 跨行和跨列如何实现 

2.使用layout_weight注意事项

-------------------------------------------------------------------------------------------------------------------------------------------

1. 跨列如何实现？(例如一行 有2个按钮，其中左边一个按钮长度是右边按钮的2倍,如下图的按钮0）。

实现方法：a. 先设置 按钮0  的layout_weight = "2" , layout_width=“0dp”

                  b. 再设置 按钮·   的layout_weight = "1" , layout_width=“0dp” 即可。

2. 使用layout_weight注意事项

       在设置layout_weight的view(比如Button) 或Component(比如LinearLayout)设置layout_weight值时，要将对应的view(比如Button) 或Component(比如LinearLayout)的layout_width设置为“0dp” ，这样系统能自动按比例分配空间。因为之前的文章也讲了，layout_weight的权重，是将系统默认分配后剩余的空间(因为系统刚开始会根据layout_width的值先自动分配空间)按比例分配。所以不写layout_width="match_parent"，而写成 layout_width=“0dp”.这样是说，系统刚开始不自动分配空间，所以剩余的空间就是初始空间，就能按比例分配了。

简单概括：一行横向有2个按钮：button1,button2.  使得button1的宽 ： button2宽的 = 2:1 的方法如下

button1 : android:layout_weight = "2" , android:layout_width="0dp"

button2 : android:layout_weight = "1" , android:layout_width="0dp" 

同理：

对于component(比如LinearLayout)设置比例宽度方法一致，以下图举例。

如上图，左边LinearLayout宽 ： 右边LinearLayout宽 = 3 : 1 。实现方法如下：

将一个大的LinearLayout 分成 左边一个LinearLayout 和 右边一个LinearLayout ，宽度比为 3:1 。关键代码如下：

强调1.左边宽3倍设置方法：    android:layout_width="0dp" android:layout_weight="3"

强调2.右边宽1倍设置方法：    android:layout_width="0dp" android:layout_weight="1"

     <LinearLayout 
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"  >  
        
             <LinearLayout 
	        android:orientation="vertical"
	        android:layout_width="0dp"
	        android:layout_height="wrap_content"
	        android:layout_weight="3"  > 
	        
                            省略中间具体内容
            
             
	     </LinearLayout><!-- 对应两行整体左边 2/3 -->  
	     
	     <LinearLayout         
	        android:layout_width="0dp"
	        android:layout_height="match_parent"
	        android:layout_weight="1"  >
             
	                       省略中间具体内容	         
	         
	     </LinearLayout><!-- 对应两行整体右边 1/3 --> 
     </LinearLayout><!-- 总体linearlayout --> 

-------------------------------------------------------------------------------------------------------------------------------------------

实际程序结果图：

页面代码：/res/layout/activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical" >
	<EditText
		android:layout_width="match_parent"
		android:layout_height="wrap_content" >
	</EditText>
	<LinearLayout
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:orientation="horizontal" >
             "
		<Button
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="1"
			android:text="+" />
		<Button
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="1"
			android:text="-" />
		<Button
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="1"
			android:text="*" />
		<Button
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="1"
			android:text="/" />
	</LinearLayout>
	<LinearLayout
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:orientation="horizontal" >
		<LinearLayout
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="3"
			android:orientation="vertical" >
			<LinearLayout
				android:layout_width="match_parent"
				android:layout_height="match_parent"
				android:orientation="horizontal" >
				<Button
					android:layout_width="0dp"
					android:layout_height="wrap_content"
					android:layout_weight="1"
					android:text="1" />
				<Button
					android:layout_width="0dp"
					android:layout_height="wrap_content"
					android:layout_weight="1"
					android:text="2" />
				<Button
					android:layout_width="0dp"
					android:layout_height="wrap_content"
					android:layout_weight="1"
					android:text="3" />
			</LinearLayout> <!-- 对应左边2/3 的上一行 -->
 
			<LinearLayout
				android:layout_width="match_parent"
				android:layout_height="match_parent"
				android:orientation="horizontal" >
				<Button
					android:layout_width="0dp"
					android:layout_height="wrap_content"
					android:layout_weight="2"
					android:text="0" />
				<Button
					android:layout_width="0dp"
					android:layout_height="wrap_content"
					android:layout_weight="1"
					android:text="." />
			</LinearLayout><!-- 对应左边2/3 的下一行 -->

 		</LinearLayout> <!-- 对应下两行整体左边 2/3 -->
 
		<LinearLayout
			android:layout_width="0dp"
			android:layout_height="match_parent"
			android:layout_weight="1" >
			<Button
				android:layout_width="match_parent"
				android:layout_height="match_parent"
				android:text="=" >
			</Button>
		</LinearLayout> <!-- 对应下两行整体右边 1/3 -->
 
	</LinearLayout><!-- 对应下面两大行的总体linearlayout -->
 
</LinearLayout>