1. 程式人生 > >Android五大布局介紹&屬性設置大全

Android五大布局介紹&屬性設置大全

relative oid 像素 屬性 div data 空間 常用 關系

前言

在進行Android開發中,常常需要用到各種布局來進行UI的繪制,今天我們就來講下Android開發中最常用的五大布局介紹和相關屬性的設置。

目錄

技術分享圖片
Android五大布局介紹&屬性設置.jpg

一、布局介紹

在Android中,共有五種布局方式,分別是:

  • FrameLayout(框架布局)
  • LinearLayout(線性布局)
  • AbsoluteLayout(絕對布局)
  • RelativeLayout(相對布局)
  • TableLayout(表格布局)

1. FrameLayout框架布局

  • 布局特點:放入其中的所有元素都被放置在最左上的區域,而且無法為這些元素指定一個確切的位置,下一個子元素會重疊覆蓋上一個子元素
  • 應用場景:適合瀏覽單張圖片。

2. LinearLayout線性布局

  • 布局特點:放主要提供控件水平或者垂直排列的模型,每個子組件
    都是以垂直或水平的方式來線性排布.(默認是垂直)
  • 應用場景:最常用的布局方式

    linearLayout中有一個重要的屬性 android:layout_weight="1",這個weight在垂直布局時,代表行距;水平的時候代表列寬;weight值越大就越大。

3. AbsoluteLayout絕對定位布局

  • 布局特點:采用坐標軸的方式定位組件,左上角是(0,0)點,往右x軸遞增,往下Y軸遞增,組件定位屬性為android:layout_x和 android:layout_y來確定坐標。
  • 應用場景:準確定位空間位置

    由於Android手機的屏幕尺寸、分辨率存在較大差異,使用AbsoluteLayout無法兼顧適配問題,所以該布局已經過時

4. RelativeLayout相對布局

  • 布局特點:為某一個組件為參照物,來定位下一個組件的位置的布局方式。
  • 應用場景:控件之間存在相應關系(適配神器,推薦使用)

5. TableLayout表格布局

  • 布局特點:類似Html裏的Table.使用TableRow來布局,其中TableRow代表一行,TableRow的每一個視圖組件代表一個單元格。
  • 應用場景:控件之間存在相應關系。

這五個布局元素可以相互嵌套應用,做出美觀的界面。

二、布局屬性配置

Android布局裏XML的屬性配置

1. 五種Layout中Item的基礎屬性:

  • layout_width & layout_height
  • layout_margin+方位 & padding+方位
  • layout_gravity & gravity

Android五種布局都具備上述幾個基礎屬性

1. layout_width & layout_height

  • 作用:設置Layout中組件的寬度和高度
  • 取值:
    a. 固定的像素值
    android:layout_width="66px"
    b. "wrap_content"
    相應視圖的寬和高就會被設定成所需的最小尺寸以適應視圖中的內容
    android:layout_width="wrap_content"
    c. “match_parent"(在Android API 8之前叫作"fill_parent")
    視圖的寬和高延伸至充滿整個父布局
    android:layout_width="match_parent"

2. layout_margin+方位/padding+方位

  • 作用:設置放入Layout中的View與Layout的邊界或者其他View之間能夠相距一段距離


作者:Carson_Ho
鏈接:http://www.jianshu.com/p/4fac6304d872
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請註明出處。

Android五大布局介紹&屬性設置大全