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

來源:互聯網
上載者:User

標籤:origin   view   技術   class   height   小尺寸   line   布局   重要   

前言

在進行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五大布局介紹&屬性設定大全

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.