码迷,mamicode.com
首页 > 其他好文 > 详细

深入LinearLayout

时间:2014-06-27 20:36:08      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:des   android   cWeb   style   class   blog   

1. LinearLayout布局的嵌套

2. 奇葩的 layout_weight 属性

 

布局是一种不可见的控件

 

bubuko.com,布布扣

    代码如下

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="wrap_content"   
 5     android:background="#FF0000"
 6     android:orientation="horizontal"   
 7     tools:context="first.pack.MainActivity$PlaceholderFragment" >
 8  
 9     <LinearLayout
10         android:layout_width="wrap_content"
11         android:layout_height="wrap_content"
12         android:layout_margin="20dp"   //间隔
13         android:orientation="vertical"   
14         android:background="#880000">
15         <TextView
16             android:layout_width="wrap_content"
17             android:layout_height="wrap_content"
18             android:textSize="20sp"    //文字大小
19             android:text="first"/>
20         <TextView
21             android:layout_width="wrap_content"
22             android:layout_height="wrap_content"
23             android:textSize="20sp"
24             android:text="second"/>
25     </LinearLayout>
26     
27     <LinearLayout
28         android:layout_width="wrap_content"
29         android:layout_height="wrap_content"
30         android:layout_margin="20dp"
31         android:orientation="vertical"   
32         android:background="#880000">
33         <TextView
34             android:layout_width="wrap_content"
35             android:layout_height="wrap_content"
36             android:textSize="20sp"
37             android:text="third"/>
38         <TextView
39             android:layout_width="wrap_content"
40             android:layout_height="wrap_content"
41             android:textSize="20sp"
42             android:text="fourth"/>
43     </LinearLayout>
44     
45 </LinearLayout>

          效果如下

bubuko.com,布布扣

 

 

2. 奇葩的 layout_weight 属性

      使用条件:

    bubuko.com,布布扣

        bubuko.com,布布扣

    代码如下:

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="wrap_content"   
 5     android:background="#FF0000"
 6     android:orientation="horizontal"   
 7     tools:context="first.pack.MainActivity$PlaceholderFragment" >
 8  
 9     <TextView
10             android:layout_width="wrap_content"
11             android:layout_height="wrap_content"
12             android:background="#00FF00"
13             android:textSize="20sp"
14             android:text="first"/>
15     <TextView
16             android:layout_width="wrap_content"
17             android:layout_height="wrap_content"
18             android:background="#0000FF"
19             android:textSize="20sp"
20             android:text="secondddddd"/>    
21             
22 </LinearLayout>

      bubuko.com,布布扣

     加入Layout_weight属性之后

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="wrap_content"   
 5     android:background="#FF0000"
 6     android:orientation="horizontal"   
 7     tools:context="first.pack.MainActivity$PlaceholderFragment" >
 8  
 9     <TextView
10             android:layout_width="wrap_content"
11             android:layout_height="wrap_content"
12             android:background="#00FF00"
13             android:textSize="20sp"
14             android:layout_weight="1"   //加入weight属性
15             android:text="first"/>
16     <TextView
17             android:layout_width="wrap_content"
18             android:layout_height="wrap_content"
19             android:background="#0000FF"
20             android:textSize="20sp"
21             android:layout_weight="1"
22             android:text="secondddddd"/>    
23             
24 </LinearLayout>

         两个红色的箭头长短平均分配的!!!!

          bubuko.com,布布扣

      但是这不能保证两个控件大小一样,因此将本身控件width设置为0dp就好了!!!

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="wrap_content"   
 5     android:background="#FF0000"
 6     android:orientation="horizontal"   
 7     tools:context="first.pack.MainActivity$PlaceholderFragment" >
 8  
 9     <TextView
10         android:layout_width="0dp"
11         android:layout_height="wrap_content"
12         android:background="#00FF00"
13         android:layout_weight="1"
14         android:text="First"/>
15     <TextView
16         android:layout_width="0dp"
17         android:layout_height="wrap_content"
18         android:background="#0000FF"
19         android:layout_weight="1"
20         android:text="Second"/>
21     
22 </LinearLayout>

      bubuko.com,布布扣

深入LinearLayout,布布扣,bubuko.com

深入LinearLayout

标签:des   android   cWeb   style   class   blog   

原文地址:http://www.cnblogs.com/iMirror/p/3807476.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!