Android布局(一)--- LinearLayout(線性布局)

當(dāng)android:orientation="vertical"時(shí),子View只有水平方向的設(shè)置生效提佣,當(dāng)android:orientation="horizontal"時(shí),子View只有垂直方向的設(shè)置生效。父元素設(shè)置的gravity優(yōu)先級(jí)要低于子元素設(shè)置的layout_gravity缤削。

1、線性布局中的元素屬性

android:gravity 表示該組件的子元素的對(duì)齊方式

android:layout_gravity 表示該組件在其父元素內(nèi)的對(duì)其方式

android:layout_width 表示該組件寬度

android:layout_height 表示該組件高度

android:id 表示該組件資源id

android:background 表示該組件背景

android:weight 表示該組件的權(quán)重

android:layout_margin 外邊距

android:layout_padding 內(nèi)邊距


2吹榴、weight(權(quán)重)屬性詳解:

LinearLayout有一個(gè)權(quán)重?cái)?shù)量的標(biāo)記:weightSum亭敢,在LinearLayout中沒有聲明weightSum時(shí),默認(rèn)的就是各個(gè)控件權(quán)重的總和

①最簡單用法:

如圖:

實(shí)現(xiàn)代碼:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"? ?

? ? xmlns:tools="http://schemas.android.com/tools"? ?

? ? android:id="@+id/LinearLayout1"? ?

? ? android:layout_width="match_parent"? ?

? ? android:layout_height="match_parent"? ?

? ? android:orientation="horizontal">?

? ? <LinearLayout? ?

? ? ? ? android:layout_width="0dp"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:background="#ADFF2F"? ?

? ? ? ? android:layout_weight="1"/>? ?

? ? <LinearLayout? ?

? ? ? ? android:layout_width="0dp"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:background="#DA70D6"? ?

? ? ? ? android:layout_weight="2"/>? ?

? ? ? ? </LinearLayout>?

要實(shí)現(xiàn)第一個(gè)的1:1的效果图筹,只需要分別把兩個(gè)LinearLayout的weight改成1和1就可以了帅刀。 按比例劃分水平方向:將涉及到的View的android:width屬性設(shè)置為0dp,然后設(shè)置為android weight屬性設(shè)置比例即可远剩,如果是豎直方向,只需設(shè)android:height為0dp扣溺,然后設(shè)weight屬性即可。

②weight屬性詳解:

當(dāng)然,如果我們不適用上述那種設(shè)置為0dp的方式瓜晤,直接用wrap_content和match_parent的話锥余,則要接著解析weight屬性了,分為兩種情況:wrap_content與match_parent痢掠。另外還要看 LinearLayout的orientation是水平還是豎直驱犹,這個(gè)決定哪個(gè)方向等比例劃分嘲恍。

1)wrap_content比較簡單,直接就按比例的了

實(shí)現(xiàn)代碼:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"? ?

? ? xmlns:tools="http://schemas.android.com/tools"? ?

? ? android:id="@+id/LinearLayout1"? ?

? ? android:layout_width="match_parent"? ?

? ? android:layout_height="match_parent"?

? ? android:orientation="horizontal" >? ?

? ? <TextView? ?

? ? ? ? android:layout_weight="1"? ?

? ? ? ? android:layout_width="wrap_content"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:text="one"? ?

? ? ? ? android:background="#98FB98"? ?

? ? />? ?

? ? <TextView? ?

? ? ? ? android:layout_weight="2"? ?

? ? ? ? android:layout_width="wrap_content"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:text="two"? ?

? ? ? ? android:background="#FFFF00"? ?

? ? />? ?

? ? <TextView? ?

? ? ? ? android:layout_weight="3"? ?

? ? ? ? android:layout_width="wrap_content"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:text="three"? ?

? ? ? ? android:background="#FF00FF"? ?

? ? />? ?

? ? </LinearLayout>?

2)match_parent(fill_parent):這個(gè)則需要計(jì)算了

我們寫這段簡單的代碼:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"? ?

? ? xmlns:tools="http://schemas.android.com/tools"? ?

? ? android:id="@+id/LinearLayout1"? ?

? ? android:layout_width="match_parent"? ?

? ? android:layout_height="match_parent" >? ?

? ? <TextView? ?

? ? ? ? android:layout_weight="1"? ?

? ? ? ? android:layout_width="fill_parent"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:text="one"? ?

? ? ? ? android:background="#98FB98"? ?

? ? />? ?

? ? <TextView? ?

? ? ? ? android:layout_weight="2"? ?

? ? ? ? android:layout_width="fill_parent"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:text="two"? ?

? ? ? ? android:background="#FFFF00"? ?

? ? />? ?

? ? <TextView? ?

? ? ? ? android:layout_weight="3"? ?

? ? ? ? android:layout_width="fill_parent"? ?

? ? ? ? android:layout_height="fill_parent"? ?

? ? ? ? android:text="three"? ?

? ? ? ? android:background="#FF00FF"? ?

? ? />? ?

? ? </LinearLayout>

運(yùn)行效果圖:

系統(tǒng)先給第1個(gè)子控件分配parent_width(剩余空間),再給第2個(gè)分配parent_width雄驹,再給第3個(gè)分配parent_width佃牛,即分配了3個(gè)parent_width,此時(shí)剩余空間為 parent_width - 3parent_width = -2parent_width医舆。接著吁脱,第一個(gè)控件占寬度:parent_width(當(dāng)前已有寬度)+ 權(quán)重1/6*(-2parent_width) = 2/3parent_width;第二個(gè)控件占寬度:parent_width + 權(quán)重1/3*(-2parent_width) = 1/3parent_width彬向;第三個(gè)控件占寬度:parent_width + 權(quán)重1/2*(-2parent_width) = 0parent_width兼贡。得出公式:C表示子布局聲明的大小,B表示剩余布局的大小娃胆,P表示子布局占據(jù)父布局剩余布局的比例遍希,則子布局最終的實(shí)際大小R為:R = C + B * P。

0dp與wrap_content

谷歌官方建議使用0dp里烦,來分比例顯示布局凿蒜,和wrap_content大同小異,當(dāng)使用layout_weight時(shí)胁黑,都表示占據(jù)剩余寬度或高度的比重废封。

但兩者有明顯區(qū)別。

使用0dp時(shí)丧蘸,要考慮所分配的布局寬度是否小于控件實(shí)際寬度漂洋,比如:

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/linear_layout"android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:background="@android:color/holo_blue_dark"android:padding="5dp"android:text="left"/><TextViewandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="19"android:background="@android:color/holo_green_dark"android:gravity="center"android:padding="5dp"android:text="right"/></LinearLayout>

則顯示為如下:

而使用wrap_content則不會(huì)出現(xiàn)上面的那種情況

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/linear_layout"android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:background="@android:color/holo_blue_dark"android:padding="5dp"android:text="left"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="19"android:background="@android:color/holo_green_dark"android:gravity="center"android:padding="5dp"android:text="right"/></LinearLayout>

這里left先獲取自適應(yīng)的大小,然后再去獲取剩余布局的1/20力喷。

0dp與match_parent

可以發(fā)現(xiàn)match_parent是與0dp的效果是相反的

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/linear_layout"android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:background="@android:color/holo_blue_dark"android:padding="5dp"android:text="left"/><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="2"android:background="@android:color/holo_green_dark"android:gravity="center"android:padding="5dp"android:text="right"/></LinearLayout>

權(quán)重計(jì)算:
控件的實(shí)際大小 = 控件設(shè)定的大小 + (布局剩余的大小) * 布局的比例

布局剩余的大小 = 父布局的大小 - 子布局大小之和


3刽漂、LinearLayout 設(shè)置分割線

(1)直接在布局中添加一個(gè)view,作用僅僅是顯示出一條線

<View ?

? ? android:layout_width="match_parent" ?

? ? android:layout_height="1px" ?

? ? android:background="#000000" />

(2)使用LinearLayout的divider屬性

第一步準(zhǔn)備一張分割線的圖片弟孟;第二步 android:divider 設(shè)置作為分割線的圖片贝咙;第三步 android:showDividers 設(shè)置分割線的位置,none(無)拂募、begining(開始)庭猩、end(結(jié)束)、middle(每兩個(gè)組件之間)陈症;第四步 android:dividerPadding 設(shè)置分割線的Padding蔼水。

android:divider="@drawable/cut_off_rule"

android:showDividers="middle"

android:dividerPadding="5dp"

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市爬凑,隨后出現(xiàn)的幾起案子徙缴,更是在濱河造成了極大的恐慌试伙,老刑警劉巖嘁信,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件于样,死亡現(xiàn)場離奇詭異,居然都是意外死亡潘靖,警方通過查閱死者的電腦和手機(jī)穿剖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卦溢,“玉大人糊余,你說我怎么就攤上這事〉ゼ牛” “怎么了贬芥?”我有些...
    開封第一講書人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長宣决。 經(jīng)常有香客問我蘸劈,道長,這世上最難降的妖魔是什么尊沸? 我笑而不...
    開封第一講書人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任威沫,我火速辦了婚禮,結(jié)果婚禮上洼专,老公的妹妹穿的比我還像新娘棒掠。我一直安慰自己,他們只是感情好屁商,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開白布烟很。 她就那樣靜靜地躺著,像睡著了一般蜡镶。 火紅的嫁衣襯著肌膚如雪溯职。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評(píng)論 1 291
  • 那天帽哑,我揣著相機(jī)與錄音谜酒,去河邊找鬼。 笑死妻枕,一個(gè)胖子當(dāng)著我的面吹牛僻族,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播屡谐,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼述么,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了愕掏?” 一聲冷哼從身側(cè)響起度秘,我...
    開封第一講書人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后剑梳,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體唆貌,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年垢乙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锨咙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡追逮,死狀恐怖酪刀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情钮孵,我是刑警寧澤骂倘,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站巴席,受9級(jí)特大地震影響稠茂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜情妖,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一睬关、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧毡证,春花似錦电爹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至恤煞,卻和暖如春屎勘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背居扒。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來泰國打工概漱, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人喜喂。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓瓤摧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親玉吁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子照弥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容