很多開(kāi)發(fā)者一聽(tīng)說(shuō)Android終端的屏幕尺寸五花八門(mén)，屏幕分辨率千奇百怪，就覺(jué)得Android開(kāi)發(fā)在屏幕適配方面是必定是一件頭疼的事情。因?yàn)樵贏ndroid問(wèn)世之前，廣大開(kāi)發(fā)者知道的UI解決方案大致分為兩類(lèi)：

從事成都機(jī)柜租用，服務(wù)器租用，云主機(jī)，雅安服務(wù)器托管，域名與空間，CDN，網(wǎng)絡(luò)代維等服務(wù)。

1. 在Web開(kāi)發(fā)中的CSS，一層一層的去層疊樣式。

2. 在iOS開(kāi)發(fā)中去計(jì)算每一個(gè)UIView的尺寸。

上面兩種方案，無(wú)論哪種方案面對(duì)碎片化嚴(yán)重的Android終端，那都是一場(chǎng)噩夢(mèng)。好在Android提供了另一套解決方案來(lái)應(yīng)對(duì)嚴(yán)重的終端碎片化，這就是布局和9-patch。

這里想來(lái)說(shuō)說(shuō)布局，在Android SDK剛剛問(wèn)世的時(shí)候，Android提供了AbsoluteLayout，F(xiàn)rameLayout，LinearLayout，RelativeLayout和Tablelayout五大布局來(lái)應(yīng)對(duì)終端碎片化問(wèn)題。

但很快Android發(fā)現(xiàn)AbsoluteLayout是一個(gè)愚蠢的方案，在Android 1.5系統(tǒng)中就不再支持此布局，剩下的四個(gè)布局中，Tablelayout雖然依然被支持，但是由于Fragment以及新的TabLayout的出現(xiàn)，博主在此斷言，Tablelayout也命不久矣，被移除支持只是遲早的事兒。

所以，Android的五大基本布局現(xiàn)在只剩下三個(gè)（這里說(shuō)的是基本布局，在Android support包里引入的新的布局不計(jì)入內(nèi)），下面分別介紹一下這三個(gè)基本布局。

FrameLayout

FrameLayout應(yīng)該是Android系統(tǒng)中最簡(jiǎn)單的布局了，在FrameLayout中的元素，默認(rèn)都是以FrameLayout控件的坐上頂點(diǎn)作為基準(zhǔn)點(diǎn)，一層一層的重疊起來(lái)，后加進(jìn)來(lái)的元素覆蓋前面的元素。

下面先來(lái)一個(gè)演示，代碼如下：

<FrameLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <View        android:layout_width="200dp"        android:layout_height="200dp"        android:background="#ff0000"/>    <View        android:layout_width="200dp"        android:layout_height="200dp"        android:background="#000000"/>    <View        android:layout_width="200dp"        android:layout_height="200dp"        android:layout_margin="100dp"        android:background="#00ff00"/></FrameLayout>

運(yùn)行結(jié)果如下：

在代碼里，有三個(gè)View，而在運(yùn)行結(jié)果上只能看到兩個(gè)View，一個(gè)黑色和一個(gè)綠色。這是因?yàn)榧t色的View被黑色的View蓋住了。

在FrameLayout中，通過(guò)android:layout_gravity屬性去指定子元素的位置，下面調(diào)整一下上訴例子中的黑色View的位置，讓紅色的View顯示出來(lái)，調(diào)整后的代碼如下：

<View    android:layout_width="200dp"    android:layout_height="200dp"    android:layout_gravity="bottom|right"    android:background="#000000"/>

可以看到上面代碼里添加了android:layout_gravity屬性，并且指定了兩個(gè)值，一個(gè)為bottom，一個(gè)為right，表示這個(gè)View將被放到FrameLayout的右下角。運(yùn)行結(jié)果如下圖所示：

LinearLayout

LinearLayout是線(xiàn)性布局，它可以讓它內(nèi)部的元素按照指定方向依次排開(kāi)。LinearLayout的方向是通過(guò)android:orientation屬性指定，并且可以通過(guò)android:gravity屬性指定對(duì)其方式。

還是直接上段代碼看看效果，代碼如下：

<LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:gravity="center">    <View        android:layout_width="100dp"        android:layout_height="100dp"        android:background="#ff0000"/>    <View        android:layout_width="100dp"        android:layout_height="100dp"        android:background="#000000"/>    <View        android:layout_width="100dp"        android:layout_height="100dp"        android:background="#00ff00"/></LinearLayout>

在代碼中，設(shè)置了LinearLayout的方向?yàn)榭v向，并且對(duì)其方式居中對(duì)齊，于是運(yùn)行結(jié)果如下圖所示：

除了android:orientation將設(shè)為vertical外，也可以設(shè)為horizontal。讓LinearLayout內(nèi)部的元素橫向排列，將上面例子中的android:orientation屬性值改為horizontal后的運(yùn)行結(jié)果，如下圖所示：

RelativeLayout

RelativeLayout是基本布局里面最靈活，也是最復(fù)雜的布局，它內(nèi)部的元素可以通過(guò)設(shè)定彼此之間的相對(duì)關(guān)系來(lái)決定布局，使用RelativeLayout時(shí)，推薦為其內(nèi)部每個(gè)元素都設(shè)定id，下面依然通過(guò)一個(gè)列子來(lái)演示此布局的使用方法。代碼如下：

<RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <View android:id="@+id/red"        android:layout_width="100dp"        android:layout_height="100dp"        android:background="#ff0000"/>    <View android:id="@+id/black"        android:layout_width="100dp"        android:layout_height="100dp"        android:layout_toRightOf="@id/red"        android:layout_below="@id/red"        android:background="#000000"/>    <View android:id="@+id/green"        android:layout_width="100dp"        android:layout_height="100dp"        android:layout_below="@id/black"        android:layout_alignParentRight="true"        android:background="#00ff00"/>    <View android:id="@+id/gray"        android:layout_width="100dp"        android:layout_height="100dp"        android:layout_centerInParent="true"        android:background="#888888"/>    <View android:id="@+id/orange"        android:layout_width="100dp"        android:layout_height="100dp"        android:layout_toRightOf="@id/green"        android:layout_below="@id/gray"        android:background="#ff8800"/></RelativeLayout>

先分析代碼，可以看到每一個(gè)View都被設(shè)置了一個(gè)id值，分別為red，black，green，gray和orange。然后通過(guò)代碼，可以看出black位于red的右邊和下面，green位于black的下面并且右對(duì)齊其父元素（即RelativeLayout），gray居中對(duì)齊父元素（即RelativeLayout）， orange位于green的右邊同時(shí)位于gray的下面，運(yùn)行結(jié)果如圖所示：

在此在歸納一下RelativeLayout中，與布局相關(guān)的屬性：

• android:layout_below：位于指定元素的下方

• android:layout_above：位于指定元素的上方

• android:layout_toLeftOf：位于指定元素的左側(cè)

• android:layout_toRightOf：位于指定元素的右側(cè)

• android:layout_centerVertical：垂直居中對(duì)齊父元素

• android:layout_centerHorizontal：水平居中對(duì)齊父元素

• android:layout_centerInParent：居中對(duì)齊父元素

• android:layout_alignParentRight：與父元素右對(duì)齊

• android:layout_alignParentLeft：與父元素左對(duì)齊

• android:layout_alignParentTop：與父元素上對(duì)齊

• android:layout_alignParentBottom：與父元素下對(duì)齊

• android:layout_alignRight：與指定元素右對(duì)齊

• android:layout_alignLeft：與指定元素左對(duì)齊

• android:layout_alignTop：與指定元素上對(duì)齊

• android:layout_alignBottom：與指定元素下對(duì)齊

從Android 4.2開(kāi)始，也就是從API Level 17開(kāi)始，Android增強(qiáng)了RelativeLayout，使其能夠更好的應(yīng)對(duì)并本地化這一需求，比如在有的國(guó)家，文字是從右往左閱讀，這也就是所說(shuō)的RTL。為了應(yīng)對(duì)RTL，RelativeLayout又增加了以下屬性：

• android:layout_alignStart：與指定元素的開(kāi)始位置對(duì)齊

• android:layout_toStartOf：位于指定元素的開(kāi)始側(cè)

• android:layout_alignParentStart：與父元素與開(kāi)始側(cè)對(duì)齊

• android:layout_alignEnd：與指定元素的結(jié)束始位置對(duì)齊

• android:layout_toEndOf：位于指定元素的結(jié)束側(cè)

• android:layout_alignParentEnd:與指定元素的結(jié)束位置對(duì)齊

這里的開(kāi)始和結(jié)束我們可以做如下理解：

• 開(kāi)始：在從左到右閱讀習(xí)慣的國(guó)家，開(kāi)始側(cè)等于左側(cè)，toStartOf的顯示效果就等于toLeftOf。但是在從右往左閱讀習(xí)慣的國(guó)家，那么開(kāi)始側(cè)就變成了右側(cè)，toStartOf的顯示效果就等于了toRightOf。

• 結(jié)束：同上面對(duì)開(kāi)始的理解一樣，結(jié)束側(cè)在從左到右閱讀習(xí)慣的國(guó)家就是右側(cè)，反之則在左側(cè)。

歡迎轉(zhuǎn)載，轉(zhuǎn)載同時(shí)請(qǐng)尊重版權(quán)，附上本文原文鏈接：點(diǎn)擊這里

==============================================

 更多內(nèi)容，歡迎查看本人博客：林彥君的博客

================================================

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

標(biāo)題名稱(chēng)：【入門(mén)篇】Android學(xué)習(xí)筆記——常用布局-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://chinadenli.net/article44/gshee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、軟件開(kāi)發(fā)、云服務(wù)器、網(wǎng)站排名、靜態(tài)網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)