Android六大基本布局分別是:線性布局LinearLayout、表格布局TableLayout、相對(duì)布局RelativeLayout、層布局FrameLayout、絕對(duì)布局AbsoluteLayout、網(wǎng)格布局GridLayout。其中,表格布局是線性布局的子類。網(wǎng)格布局是android 4.0后新增的布局。
創(chuàng)新互聯(lián)建站服務(wù)緊隨時(shí)代發(fā)展步伐,進(jìn)行技術(shù)革新和技術(shù)進(jìn)步,經(jīng)過(guò)十載的發(fā)展和積累,已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計(jì)師、專業(yè)的網(wǎng)站實(shí)施團(tuán)隊(duì)以及高素質(zhì)售后服務(wù)人員,并且完全形成了一套成熟的業(yè)務(wù)流程,能夠完全依照客戶要求對(duì)網(wǎng)站進(jìn)行網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、建設(shè)、維護(hù)、更新和改版,實(shí)現(xiàn)客戶網(wǎng)站對(duì)外宣傳展示的首要目的,并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。
在手機(jī)程序設(shè)計(jì)中,絕對(duì)布局基本上不用,用得相對(duì)較多的是線性布局和相對(duì)布局。
padding是站在父view的角度描述問(wèn)題,它規(guī)定它里面的內(nèi)容必須與這個(gè)父view邊界的距離。margin則是站在自己的角度描述問(wèn)題,規(guī)定自己和其他(上下左右)的view之間的距離,如果同一級(jí)只有一個(gè)view,那么它的效果基本上就和padding一樣了。
顯示特點(diǎn):所有子控件按照橫向或者豎向依次排列
left(左)、right(右)、top(上)、bottom(下)、center(中心)、
enter_vertical(豎向中心)、center_horizontal(橫向中心)
left(左)、right(右)、top(上)、bottom(下)、center(中心)、
enter_vertical(豎向中心)、center_horizontal(橫向中心)
子控件的用法:android:layout_weight="1" 多個(gè)控件同時(shí)使用,可以實(shí)現(xiàn)平分的效果
顯示特點(diǎn):和LinearLayout布局相似,所有子控件默認(rèn)顯示在RelativeLayout的左上角
layout_toRightOf 在指定控件的右邊
layout_toLeftOf 在指定控件的左邊
layout_above 在指定控件的上邊
layout_below 在指定控件的下邊子控件對(duì)齊關(guān)系
layout_alignRight 與指定控件右對(duì)齊
layout_alignLeft 與指定控件左對(duì)齊
layout_alignTop 與指定控件上對(duì)齊
layout_centerInParent 與父容器中間對(duì)齊 pairunte
layout_centerVertical 與父容器豎向中心對(duì)齊
layout_centerHorizontal 與父容器橫向中心對(duì)齊
layout_alignParentLeft 與父容器左邊對(duì)齊
layout_alignParentTop 與父容器上邊對(duì)齊
layout_alignParentRight 與父容器右邊對(duì)齊
layout_alignParentBottom 與父容器下邊對(duì)齊
顯示特點(diǎn):所有子控件默認(rèn)在GridLayout中橫向依次排列,當(dāng)只等每行的列數(shù)時(shí),到達(dá)指定列數(shù)
會(huì)自動(dòng)換行顯示。
layout_column 在網(wǎng)格的第幾列
layout_row 在網(wǎng)格的第幾行
layout_columnSpan 跨列
layout_rowSpan 跨行
layout_gravity 在一個(gè)網(wǎng)格中的重心位置
columnCount 每行列總數(shù)
顯示特點(diǎn):所有的子控件默認(rèn)顯示在FrameLayout的左上角,會(huì)重疊在一起顯示。
layout_gravity(設(shè)置給子控件,調(diào)整控件在容器內(nèi)的重心)
常用值:
left(左)、 right(右)、
top(上)、 bottom(下)、
center(中心)、 center_vertical(豎向中心)
center_horizontal(橫向中心)
表格布局和網(wǎng)格布局類似,但是需要注意的是,表格布局不能跨行,只能跨列
Android六大基本布局分別是:線性布局LinearLayout、表格布局TableLayout、相對(duì)布局RelativeLayout、層布局FrameLayout、絕對(duì)布局AbsoluteLayout、網(wǎng)格布局GridLayout。
其中,表格布局是線性布局的子類。網(wǎng)格布局是android 4.0后新增的布局。
在手機(jī)程序設(shè)計(jì)中,絕對(duì)布局基本上不用,用得相對(duì)較多的是線性布局和相對(duì)布局。
Android常見(jiàn)的5個(gè)布局,我想大家一定不會(huì)陌生。LinearLayout、RelativeLayout和FrameLayout也是使用頻率較高的布局方式,做Android開(kāi)發(fā)的一定使用過(guò)。
傳統(tǒng)的5種布局方式:
不過(guò)我的問(wèn)題并不是問(wèn)面試者如何使用這些基礎(chǔ)的布局,而是要看面試者怎么解決布局嵌套(影響性能)和屏幕適配問(wèn)題。
我們都清楚Android界面的布局太復(fù)雜,嵌套層次過(guò)深,會(huì)使整個(gè)界面的測(cè)量、布局和繪制變得更復(fù)雜,對(duì)性能會(huì)造成影響。所以我們?cè)趯慙ayout文件時(shí),也要盡量避免布局的嵌套層次過(guò)深的問(wèn)題。
在怎么解決問(wèn)題之前,我們得有一個(gè)好方法先判斷當(dāng)前的問(wèn)題情況。Android SDK工具箱中有一個(gè)叫做Hierarchy Viewer的工具,能夠在App運(yùn)行時(shí)分析Layout。
注意: 在ROOT的手機(jī),或者是安裝開(kāi)發(fā)版的ROM的手機(jī)可以直接使用Hierarchy Viewer。如果沒(méi)有Root的手機(jī)(SDK 4.1及以上),需要在你的PC端添加一個(gè)環(huán)境變量“ANDROID_HVPROTO=ddm”。
下面列舉一些面試者常使用的方式。
merge merge標(biāo)簽的作用是合并UI布局,使用該標(biāo)簽?zāi)芙档蚒I布局的嵌套層次。
merge標(biāo)簽可用于兩種情況:
ViewStub ViewStub標(biāo)簽引入的布局默認(rèn)不會(huì)inflate,既不會(huì)顯示也不會(huì)占用位置。 ViewStub常用來(lái)引入那些默認(rèn)不會(huì)顯示,只在特殊情況下顯示的布局,如數(shù)據(jù)加載進(jìn)度布局、出錯(cuò)提示布局等。
需要在使用時(shí)手動(dòng)inflate:
ViewStub在一定的程度可以起到減少嵌套層次的作用,特別是很多時(shí)候我們的程序可能不需要走到ViewStub的界面。
include 將可復(fù)用的組件抽取出來(lái)并通過(guò)include標(biāo)簽使用,但include標(biāo)簽?zāi)軠p少布局的層次嗎?
我認(rèn)為不能。include主要解決的是相同布局的復(fù)用問(wèn)題,它并不能減少布局的層次。
用RelativeLayout代替LinearLayout
很多人為了減少布局層次喜歡用RelativeLayout代替LinearLayout,不過(guò)可能達(dá)到的效果并不會(huì)很明顯。層次是減少了,但本身RelativeLayout就會(huì)比LinearLayout性能差一點(diǎn)。
有一些界面,比如一個(gè)圖片和一個(gè)文本的布局(ListItem常見(jiàn)的布局方式),可以利用TextView有drawableLeft, drawableRight等屬性,完全不需要RelativeLayout或者LinearLayout布局。
傳統(tǒng)的布局方式存在一定的缺陷,如RelativeLayout要兩次測(cè)量(measure)它的子View才能知道確切的高度;如果LinearLayout布局的子View有設(shè)置了layout_weight,那么它也需要測(cè)量?jī)纱尾拍塬@得布局的高度。
相對(duì)于傳統(tǒng)的布局方式,Android官方還推出了兩種新的布局方式:ConstraintLayout和FlexboxLayout。
ConstraintLayout ConstraintLayout即約束布局,在2016年由Google I/O推出。ConstraintLayout和RelativeLayout有點(diǎn)類似,控件之間根據(jù)依賴關(guān)系而存在,但比RelativeLayout更加靈活。創(chuàng)建大型復(fù)雜的布局仍然可以使用扁平的層級(jí)(不用嵌套View Group),說(shuō)的簡(jiǎn)單些就是,再?gòu)?fù)雜的界面也可以只有2層層次。
要使用ConstraintLayout需要在build.gradle中添加相關(guān)的support庫(kù):
使用ConstraintLayout可以有效的解決布局嵌套過(guò)多導(dǎo)致的性能問(wèn)題,官方也對(duì)其渲染性能進(jìn)行了優(yōu)化,并且ConstraintLayout支持可視化的方式編寫布局。
不過(guò)學(xué)會(huì)熟練使用ConstraintLayout會(huì)需要一點(diǎn)時(shí)間,但這是值得的。
FlexBoxLayout 做過(guò)前端開(kāi)發(fā)(CSS方面)的同學(xué)對(duì)FlexBox一定不會(huì)陌生,最近我在做微信小程序開(kāi)發(fā)時(shí)也涉及到FlexBox。FlexBox(彈性布局)是w3c在2009年提出的一種新的布局方案,解決以前那種傳統(tǒng)css的盒模型的局限性。
Google開(kāi)源了FlexboxLayout布局和前端CSS FlexBox布局具有相同的功能(肯定有不一樣的地方),但已經(jīng)足夠在Android上改進(jìn)布局的構(gòu)建方式。
FlexBoxLayout可以理解成一種更高級(jí)的LinearLayout,不過(guò)比LinearLayout更加強(qiáng)大和靈活。如果我們使用LinearLayout布局的話,那么不同的分辨率,也許我們要重新調(diào)整布局,勢(shì)必會(huì)需要跟多的布局文件放在不同的資源目錄。而使用FlexBoxLayout來(lái)布局的話,它可以適應(yīng)各種界面的改變(所以叫響應(yīng)式布局)。
如果對(duì)前端的Flexbox不太了解的話,你還需要補(bǔ)一些概念,好在這些東西在網(wǎng)上很容易找到。
可能很多讀者會(huì)覺(jué)這樣的面試題是吹毛求疵,很多項(xiàng)目中哪有這么復(fù)雜的界面,根本就用不到這些優(yōu)化措施。
可以說(shuō)厲害的人,或者叫高手,可能只是比較多在意這些細(xì)節(jié)而已。在實(shí)踐中的經(jīng)歷告訴我,很多難于解決的性能問(wèn)題,并不是因?yàn)橛幸粋€(gè)影響性能的問(wèn)題無(wú)法攻克,而是沒(méi)有一個(gè)明顯的制約因素,是有各種小問(wèn)題一點(diǎn)一點(diǎn)堆積起來(lái),最終積重難返。
所以,把細(xì)節(jié)做好,或者意識(shí)到細(xì)節(jié)的地方可能引發(fā)的問(wèn)題,對(duì)我們解決問(wèn)題是很有幫助的,不要浪費(fèi)了讓你可以成長(zhǎng)的細(xì)節(jié)。
有需要更多Android高級(jí)進(jìn)階和面試資料的朋友可以私信我獲取
所有東西依次都放在左上角,會(huì)重疊,這個(gè)布局比較簡(jiǎn)單,也只能放一點(diǎn)比較簡(jiǎn)單的東西。
分為垂直布局( android:orientation="vertical" )和水平布局( android:orientation="horizontal" )。
垂直布局時(shí),每一行就只有一個(gè)元素,多個(gè)元素依次垂直往下;
水平布局時(shí),只有一行,每一個(gè)元素依次向右排列。
用X,Y坐標(biāo)來(lái)指定元素的位置,這種布局方式也比較簡(jiǎn)單
在屏幕旋轉(zhuǎn)時(shí),往往會(huì)出問(wèn)題,而且多個(gè)元素的時(shí)候,計(jì)算比較麻煩。
可以理解為某一個(gè)元素為參照物,來(lái)定位的布局方式。
主要屬性有:
相對(duì)于某一個(gè)元素 android:layout_below 、 android:layout_toLeftOf
相對(duì)于父元素的地方 android:layout_alignParentLeft 、 android:layout_alignParentRigh ;
每一個(gè) TableLayout 里面有表格行 TableRow , TableRow 里面可以具體定義每一個(gè)元素。每一個(gè)布局都有自己適合的方式,這五個(gè)布局元素可以相互嵌套應(yīng)用,做出美觀的界面。