一、思維導圖

Android布局技巧與優(yōu)化

二、重述知識

這節(jié)課主要講了Android的布局是怎樣繪制的，
它是按層級一層層地繪制的，所以如果層次太多就會產生性能問題。
這就需要我們去優(yōu)化布局，有以下的這些手段：

1. 多用相對布局，合理使用線性布局；
2. 用<include/>標簽去引用相同的部分
3. 用<merge/>減少無用的層次
4. 布局結構要清晰，刪除無用的布局，選擇合適的布局。

還可以利用“Android Lint”、“Hierarchy Viewer”這樣的工具協(xié)助優(yōu)化。
另外，不要嵌套多個使用layout_weight屬性的LinearLayout。

三、具體應用場景

略。（這些優(yōu)化技巧，很難從應用長什么樣子看出來，用起來才知道。）

四、擴展理解(優(yōu)劣？有無替代方案?除了這樣用，還能怎么用?)

這里推薦徐宜生的《Android群英傳》P228~P234，
有這方面內容的明細，其實根本不用寫，看完、練完書上的也就學到了。

Android布局是怎樣繪制出來的（是什么）?【簡述】

在Android中，系統(tǒng)對View進行測量、布局和繪制時，都是通過對View數(shù)的遍歷來進行操作的。 ——《Android群英傳》

簡單來說，就是一層層深入，畫完“子”那一層，再回去畫“父”那層。

更深入的內容，請閱讀《公共技術點之 View 繪制流程》這篇文章，我初學就先不看了。

為什么我這個應用這么卡（為什么）？

首先，回答這個問題，要先知道怎樣才會覺得應用不卡。
玩游戲的都知道，最佳fps是60fps，
我們人眼能感覺到的流暢是40幀/秒到60幀/秒。
在Android中， 1秒/60幀 約等于16ms。
這個數(shù)據(jù)表示，我們在手機屏幕看到的所有UI界面的東西，
都要保證在16ms內完成繪制，畫不完的要等到下一次屏幕渲染，
這樣就會在16ms*2的時間內，顯示同一幀畫面，
那我們人眼看出來的效果，就是“卡”了。

那我怎么優(yōu)化才能不卡啊（怎樣做）?

目前對我來說，就是上面說到那幾樣：優(yōu)化布局層級、<include/>、<merge/>、<ViewStub/> ……

五、核心代碼或操作

1.課程視頻中的減少<LinearLayout/>的操作
首先從第3分鐘開始，老師以拖控件的方式，
拖了一個布局出來，從“3：28~8:45”這段時間，過程如下所示：

前8分鐘操作步驟 1

中間那個橫向的<LinearLayout/>高度改為100dp，
在中間那個<LinearLayout/>再加個<LinearLayout/>，
再改一下大小、顏色之類的屬性，就弄成下面最后的那幅圖那樣。

前8分鐘操作步驟 2

代碼大概是下面這樣，這個是我自己拖的，
不是視頻里面的：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#888888"
    android:orientation="vertical">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:background="#567890"
        android:gravity="right"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <LinearLayout
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="@color/red"
            android:orientation="horizontal"></LinearLayout>

        <Button
            android:id="@+id/button7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New Button" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Large Text"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </LinearLayout>

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button" />

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button" />

    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

然后就可以開始減少層次了，過程如下：

2.課程視頻中的<include/>的操作
例如我有一個布局，要用到其它很多的Activity，
沒理由每個Activity再重新寫一遍這個布局的代碼，
這時候就可以用<include/>標簽，
把這個需要重用的代碼放到那些Activity需要的地方。

新建一個這樣的 layout_title.xml 布局

在另一個Activity把它include進來

產生這樣的效果

就像上面這樣，在activity_main.xml中把layout_title.xml的布局<include/>進來。

(課程視頻里面其它的優(yōu)化技巧說得都不太好，
看完別的資料，還需要寫另一篇博文說一下。)

六、相關面試題

待補充。

七、腦內記憶

主要記住下面這件代碼：

<include layout="@layout/layout_title"/>

layout → 布局
一般這句都是有兩個"布局"，
那個@想成象棋棋子，兩個"布局"include在一起，
就是一幅象棋咯。(腦洞略大)

八、參考資料

1. Android Layout Tricks #1
2. Android Layout Tricks #2: Reusing layouts
3. Android Layout Tricks #3: Optimize by merging
4. Android Layout Tricks #3: Optimize with stubs
5. Optimizing Your UI
6. Analyzing UI Performance with Systrace
7. Improving Your Code with lint
8. Improving Layout Performance
9. 布局優(yōu)化技巧
10. Android最佳性能實踐(四)——布局優(yōu)化技巧
11. [Android]布局優(yōu)化技巧](http://www.cnblogs.com/rossoneri/p/4838072.html)
12. 【推薦】Android布局優(yōu)化之過度繪制
13. 【推薦】公共技術點之 View 繪制流程