Android的布局控件----LinearLayout(线性布局)

在Android中,常见的布局控件包括LinearLayout(线性布局)、RelativeLayout(相对布局)、TableLayout(网格布局)、FrameLayout(帧布局)、AbsoluteLayout(绝对布局)等,其中最常用的是:LinearLayout(线性布局)、RelativeLayout(相对布局)。

LinearLayout布局是Android中应用最广泛的,也是最基础的一种布局文件。LinearLayout布局可以使放入其中的组件以水平方式或者垂直的方式整齐排列,LinearLayout的继承关系如下:

java.lang.Object
   ↳ android.view.View
     ↳ android.view.ViewGroup
       ↳ android.widget.LinearLayout
属性:android:layout_width属性定义了控件的宽度;android:layout_height属性定义了控件的高度,anroid:layout_weight:属性设置了每个组件在布局中所占的比重(权重),android:orientation属性指定具体的排列方式。android:orientation的属性值为horizontal表示组件以水平方式排列,android:orientation的属性值为vertical表示组件以垂直方式排列。下面使用LineraLayout布局例子如下:

main.xml如下:

<?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="match_parent"
    android:orientation="vertical" 
    android:background="#aaaaaa"
    
    >
    <!-- 顶部 -->
    <LinearLayout 
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        >


        <Button
            android:id="@+id/button1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#00ff00"
            android:text="微信"
            android:textColor="#ffffff"
            android:textSize="26sp" />
                                       
         <Button
             android:id="@+id/button2"
             android:layout_width="0dp"
             android:layout_height="match_parent"
             android:layout_weight="1"
             android:background="#ff00ff"
             android:text="支付宝"
             android:textColor="#ffffff"
             android:textSize="26sp" />


    </LinearLayout>
    
  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:orientation="horizontal" >
 
      
       <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:orientation="vertical" 
            android:layout_weight="1"
           >


           <Button
               android:id="@+id/button3"
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:background="#ff0000"
               android:gravity="center"
               android:text="淘宝"
               android:textColor="#ffffff"
               android:textSize="26sp" />


       </LinearLayout>
        <LinearLayout 
         android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"  
        >


              <LinearLayout 
         android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        >
        <Button 
            android:id="@+id/button4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#00BFFF"
            android:text="钉钉"
            android:textSize="20sp"
            android:textColor="#ffffff"
            />
        
         <Button 
            android:id="@+id/button5"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#DC143C"
            android:text="QQ"
            android:textSize="20sp"
            android:textColor="#ffffff"
            />
              </LinearLayout>
         
                <LinearLayout 
         android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
           
       >
          <Button 
            android:id="@+id/button6"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#FFD700"
            android:text="UC浏览器"
            android:textColor="#ffffff"
            android:textSize="20sp"
            />
        
         <Button 
            android:id="@+id/button7"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#7FFF00"
            android:text="微博"
            android:textColor="#ffffff"
            android:textSize="20sp"
            />
        </LinearLayout>
        
        </LinearLayout>
        
              
              
         
        
  </LinearLayout>
  
     <LinearLayout 
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        >


        <Button
            android:id="@+id/button8"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff4500"
            android:text="百度"
            android:textColor="#ffffff"
            android:textSize="26sp" />
                                       
         <Button
             android:id="@+id/button9"
             android:layout_width="0dp"
             android:layout_height="match_parent"
             android:layout_weight="1"
             android:background="#00ffff"
             android:text="京东"
             android:textColor="#ffffff"
             android:textSize="26sp" />


    </LinearLayout>
    
</LinearLayout>

运行效果如下:


最后说几句:LinearLayout布局可使用嵌套。活用LinearLayout布局,可以设计出各种各样漂亮的布局方式。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值