AndroidUI優化實踐

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

</LinearLayout></code></pre>

然后再填充到TestLinearLayout中，這時候就相當于多了一層無用的LinearLayout。

2.ViewStub標簽的使用

ViewStub標簽使我們很少使用，但又是很重要的一個標簽，該標簽的作用是用于懶加載布局，當系統碰到ViewStub標簽的時候是不進行任何處理（measure、layout等），比設置View隱藏、不可見更高效。當我們真正需要顯示某一個布局的時候才去渲染。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">
    <ViewStub android:id="@+id/action_mode_bar_stub"
              android:inflatedId="@+id/action_mode_bar"
              android:layout="@layout/action_mode_bar"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:theme="?attr/actionBarTheme" />
    <FrameLayout
         android:id="@android:id/content"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:foregroundInsidePadding="false"
         android:foregroundGravity="fill_horizontal|top"
         android:foreground="?android:attr/windowContentOverlay" />
</LinearLayout>

上述布局是系統Activity中某種布局。該布局文件對Activity布局中的actionBar進行了懶加載處理，畢竟不是每個Activity都需要actionBar。

3.利用高級View的特殊屬性

1）利用TextView滑動屬性來避免嵌套一層ScrollView。

在xml中添加TextView的屬性：

android:scrollbars = "vertical"

然后在代碼中添加：

textView.setMovementMethod(new ScrollingMovementMethod())

2）利用TextView的drawableEnd屬性等設置icon。

3）在TextView設置文本中利用換行符達到上下標簽的功能。

4）利用GridLayout來完成宮格布局，GridLayout是非常好使的一個View，多多使用吧。

4.自定義View來減少布局層級

這方面的優化一般優先級較低，隨著大家修為的提升，這方面的工作也越來越得心應手。

減少過渡繪制

1.謹慎設置View的背景

帶分割線的布局

很多情況下，我們會有上圖的布局需求。要求每個條目之間有分割線。

很多情況下我們都是直接給XXLayout設置背景顏色，然后通過margin來產生分割線。然后在加上Activity的背景顏色和TextView背景顏色，這樣就出現過度繪制的情況。

該情況我們可以通過LinearLayout的分割線屬性來解決，同時我們也可以自定義一個ILinearLayout并集成LinearLayout來完善分割線的需求。如下代碼。

public class ILinearLayout extends LinearLayout {


private Paint mPaint;

private boolean mHeaderDividersEnable = false;

private boolean mFooterDividersEnable = false;

private int mLineWidth = DensityUtil.dip2px(getContext(), 0.5f);

public ILinearLayout(Context context) {
    super(context);
    initResource();
}

/**
 * add custom attributeSet
 **/
public ILinearLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
    String nameSpace = "http://schemas.android.com/apk/res-auto";
    mHeaderDividersEnable = attrs.getAttributeBooleanValue(nameSpace, "headDividerEnable", false);
    mFooterDividersEnable = attrs.getAttributeBooleanValue(nameSpace, "footerDividerEnable", false);
    initResource();
}

public ILinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initResource();
}

private void initResource() {
    if (mPaint == null) {
        mPaint = new Paint();
        mPaint.setColor(Color.parseColor("#cccccc"));
        mPaint.setStrokeWidth(mLineWidth);
    }
    setShowDividers(SHOW_DIVIDER_MIDDLE);
    GradientDrawable gd = new GradientDrawable();
    Drawable drawable = getResources().getDrawable(R.drawable.linearlayout_divider);
    setDividerDrawable(drawable);
}

/**
 * 設置頭部線是否可見
 */
public void setShowHeaderDividers(boolean enable) {
    mHeaderDividersEnable = enable;
}

/**
 * 設置尾部線是否可見
 */
public void setShowFooterDividers(boolean enable) {
    mFooterDividersEnable = enable;
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if (mHeaderDividersEnable) {
        canvas.drawLine(0, 0, getMeasuredWidth(), 0, mPaint);
    }
    if (mFooterDividersEnable) {
        canvas.drawLine(0, getMeasuredHeight(), getMeasuredWidth(), getMeasuredHeight(), mPaint);
    }
}

}</code></pre> 
  
強烈建議：很多情況的過度繪制都是我們設置大片的背景顏色，所以在給布局設置背景顏色上，我們一定要慎重。
 
  
2.大面積不可見區域盡量不要繪制。
 
  
 
  
不可見區域不要繪制！
 
  
如上圖，是我們app中碰到的一個優化場景（我見過很多App都有這種界面需求，淘寶、QQ、攜程等），XListView設置了一張背景圖片。在下拉的時候，圖片會慢慢出現。這種方式會出現兩個問題：
 
  
第一、過度繪制。
 
  
第二、圖片過大，導致內存消耗過大。
 
  
所以我們要把背景圖片不可見的部分不進行繪制。
 
  
實現步驟其實很簡單。
 
  
在onDraw方法，畫布canvas的clipRect(RectF rect)方法可以只繪制規定矩形內的區域。當下拉刷新的時候，下拉刷新的頭高度是在變化的。所以我們只需要計算出任意時刻下拉刷新頭的矩形大小就可以動態設置背景。
 
  
寫在最后
 
  
以上介紹，是我們優化UI的時候碰到的一些常見問題。當App達到一定用戶規模的時候，UI優化是一個不可避免的任務。當然隨著我們能力提升，在寫布局的時候都會盡量把布局寫的簡單。另外強大的自定義View能力會對我們UI優化大有裨益。
 
  
 
 
  
來自：http://www.jianshu.com/p/2e0a2787e0c0