常用五種布局方式,分別是:FrameLayout(框架布局),LinearLayout (線性布局),AbsoluteLayout(絕對布局),RelativeLayout(相對布局),TableLayout(表格布局)。
成都創新互聯專注于企業成都營銷網站建設、網站重做改版、廣河網站定制設計、自適應品牌網站建設、html5、商城建設、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為廣河等各大城市提供網站開發制作服務。
LinearLayout里面又可分為垂直布局(android:orientation="vertical")和水平布局(android:orientation="horizontal" )
Android常見的5個布局,我想大家一定不會陌生。LinearLayout、RelativeLayout和FrameLayout也是使用頻率較高的布局方式,做Android開發的一定使用過。
傳統的5種布局方式:
不過我的問題并不是問面試者如何使用這些基礎的布局,而是要看面試者怎么解決布局嵌套(影響性能)和屏幕適配問題。
我們都清楚Android界面的布局太復雜,嵌套層次過深,會使整個界面的測量、布局和繪制變得更復雜,對性能會造成影響。所以我們在寫Layout文件時,也要盡量避免布局的嵌套層次過深的問題。
在怎么解決問題之前,我們得有一個好方法先判斷當前的問題情況。Android SDK工具箱中有一個叫做Hierarchy Viewer的工具,能夠在App運行時分析Layout。
注意: 在ROOT的手機,或者是安裝開發版的ROM的手機可以直接使用Hierarchy Viewer。如果沒有Root的手機(SDK 4.1及以上),需要在你的PC端添加一個環境變量“ANDROID_HVPROTO=ddm”。
下面列舉一些面試者常使用的方式。
merge merge標簽的作用是合并UI布局,使用該標簽能降低UI布局的嵌套層次。
merge標簽可用于兩種情況:
ViewStub ViewStub標簽引入的布局默認不會inflate,既不會顯示也不會占用位置。 ViewStub常用來引入那些默認不會顯示,只在特殊情況下顯示的布局,如數據加載進度布局、出錯提示布局等。
需要在使用時手動inflate:
ViewStub在一定的程度可以起到減少嵌套層次的作用,特別是很多時候我們的程序可能不需要走到ViewStub的界面。
include 將可復用的組件抽取出來并通過include標簽使用,但include標簽能減少布局的層次嗎?
我認為不能。include主要解決的是相同布局的復用問題,它并不能減少布局的層次。
用RelativeLayout代替LinearLayout
很多人為了減少布局層次喜歡用RelativeLayout代替LinearLayout,不過可能達到的效果并不會很明顯。層次是減少了,但本身RelativeLayout就會比LinearLayout性能差一點。
有一些界面,比如一個圖片和一個文本的布局(ListItem常見的布局方式),可以利用TextView有drawableLeft, drawableRight等屬性,完全不需要RelativeLayout或者LinearLayout布局。
傳統的布局方式存在一定的缺陷,如RelativeLayout要兩次測量(measure)它的子View才能知道確切的高度;如果LinearLayout布局的子View有設置了layout_weight,那么它也需要測量兩次才能獲得布局的高度。
相對于傳統的布局方式,Android官方還推出了兩種新的布局方式:ConstraintLayout和FlexboxLayout。
ConstraintLayout ConstraintLayout即約束布局,在2016年由Google I/O推出。ConstraintLayout和RelativeLayout有點類似,控件之間根據依賴關系而存在,但比RelativeLayout更加靈活。創建大型復雜的布局仍然可以使用扁平的層級(不用嵌套View Group),說的簡單些就是,再復雜的界面也可以只有2層層次。
要使用ConstraintLayout需要在build.gradle中添加相關的support庫:
使用ConstraintLayout可以有效的解決布局嵌套過多導致的性能問題,官方也對其渲染性能進行了優化,并且ConstraintLayout支持可視化的方式編寫布局。
不過學會熟練使用ConstraintLayout會需要一點時間,但這是值得的。
FlexBoxLayout 做過前端開發(CSS方面)的同學對FlexBox一定不會陌生,最近我在做微信小程序開發時也涉及到FlexBox。FlexBox(彈性布局)是w3c在2009年提出的一種新的布局方案,解決以前那種傳統css的盒模型的局限性。
Google開源了FlexboxLayout布局和前端CSS FlexBox布局具有相同的功能(肯定有不一樣的地方),但已經足夠在Android上改進布局的構建方式。
FlexBoxLayout可以理解成一種更高級的LinearLayout,不過比LinearLayout更加強大和靈活。如果我們使用LinearLayout布局的話,那么不同的分辨率,也許我們要重新調整布局,勢必會需要跟多的布局文件放在不同的資源目錄。而使用FlexBoxLayout來布局的話,它可以適應各種界面的改變(所以叫響應式布局)。
如果對前端的Flexbox不太了解的話,你還需要補一些概念,好在這些東西在網上很容易找到。
可能很多讀者會覺這樣的面試題是吹毛求疵,很多項目中哪有這么復雜的界面,根本就用不到這些優化措施。
可以說厲害的人,或者叫高手,可能只是比較多在意這些細節而已。在實踐中的經歷告訴我,很多難于解決的性能問題,并不是因為有一個影響性能的問題無法攻克,而是沒有一個明顯的制約因素,是有各種小問題一點一點堆積起來,最終積重難返。
所以,把細節做好,或者意識到細節的地方可能引發的問題,對我們解決問題是很有幫助的,不要浪費了讓你可以成長的細節。
有需要更多Android高級進階和面試資料的朋友可以私信我獲取
五大布局: 用的較多的是線性布局,相對布局和表格布局
線性布局(LinearLayout):按照垂直或者水平方向布局的組件。
幀布局(FrameLayout):組件從屏幕左上方布局組件。
表格布局(TableLayout):按照行列方式布局組件。
相對布局(RelativeLayout):相對其它組件的布局方式。
絕對布局(AbsoluteLayout):按照絕對坐標來布局組件。
1、打開任意一個布局文件,默認顯示Design頁面,點擊左下角按鈕Text切換到text頁面
2、點擊text頁面右邊側欄的Preview按鈕,就可以在text傍邊顯示布局預覽界面了。
3、布局預覽頁面默認是顯示在text頁面右側的,不過還是可以調整其顯示位置的。點擊布局預覽頁面右上角的設置按鈕,會顯示下拉設置選項。
4、光標移動到Moveto設置下拉選項時,會彈出新的選項列表。選中Left后,布局預覽頁面就顯示在text頁面左邊了。其他方向的設置方法類同。
View的布局顯示方式有下面幾種:線性布局(Linear Layout)、相對布局(Relative Layout)、表格布局(Table Layout)、網格視圖(Grid View)、標簽布局(Tab Layout)、列表視圖(List View)、絕對布局(AbsoluteLayout)
Android界面五種常用布局方式
Android的界面由布局和組件協同完成,布局相當于整體框架,而組件則是框架里面的內容。組件按布局方式一次排列,就組成了用戶所能看見的界面。Android的五大布局分別是LinearLayout(線性布局)、FrameLayout(單幀布局)、RelativeLayout(相對布局)、AbsoluteLayout(絕對布局)、TableLayout(表格布局)。
LinearLatout按照垂直或水平的順序依次排列子元素,每一個子元素都位于前一個元素之后。如果是垂直排列,那么將是一個N行單列的結構,每行只會有一個元素,而不論這個元素的寬度是多少;如果是水平排列,那么將是一個單行N列的結構。如果搭建兩行兩列的結構,通常是先垂直排列兩個元素,每個元素里再包含一個LinearLayout進行水平排列。
FrameLayout是五大布局中最簡單的一種布局,在這個布局中,整個界面被當成一塊備用的空白區域,所有的子元素都不能被指定放置的位置,它們統統放于這塊區域的左上角,并且后面的元素直接覆蓋在前面的子元素之上,將前面的子元素部分或全部遮擋。
AbsoluteLayout是絕對布局。在此布局中的子元素android:layout_x和android:layout_y屬性將生效,用于描述該子元素的坐標位置。屏幕上左上角為坐標原點(0,0),第一個0代表橫坐標,向右移動此值增大,第二個代表縱坐標,向下移動此值增大,在此布局中的子元素可以相互重疊。在四級開發中,通常不采用此布局方式,因為它的界面代碼過于剛性,以至于不能很好的適配各種終端。
RelativeLayout按照各子元素之間的位置關系完成布局。在此布局中的子元素里與位置相關的屬性將會生效。例如android:layout_below,android:layout_above等。子元素就通過這些屬性和個自的ID配合指定位置關系。注意在指定位置關系時,引用的ID必須在引用前被定義,否則將出現異常。RelativeLayout是Android五大布局中較為靈活的一種布局方式,比較適合一些復雜的界面布局。
TableRow(表格布局)是LinearLayout的子類,它的Android:Layout_width和Layout_height屬性恒為MATCH_PARENT和WRAP_CONTENT。所以它的子元素都是橫向排列,并且寬高一致。這樣的設計使得每個tablerow里的子元素都都相當于表格中的單元格一樣。在TableRow中,單元格可以為空,但是不能跨列。