【轉(zhuǎn)】Android UI性能優(yōu)化實戰(zhàn) 識別繪制中的性能問題

轉(zhuǎn)載請標明出處: http://blog.csdn.net/lmj623565791/article/details/45556391; 本文出自:【張鴻洋的博客】

1摸袁、概述

2015年初google發(fā)布了Android性能優(yōu)化典范钥顽,發(fā)了16個小視頻供大家欣賞,當時我也將其下載靠汁,通過微信公眾號給大家推送了百度云的下載地址(地址在文末蜂大,ps:歡迎大家訂閱公眾號)闽铐,那么近期google又在udacity上開了系列類的相關(guān)課程。有了上述的參考奶浦,那么本性能優(yōu)化實戰(zhàn)教程就有了堅實的基礎(chǔ)兄墅,本系列將結(jié)合實例為大家展示如何去識別、診斷财喳、解決Android應(yīng)用開發(fā)中存在的性能問題。那么首先帶來的就是大家最關(guān)注的渲染的性能優(yōu)化(~~渲染就是把東西繪制到屏幕上)斩狱。
ps:本博客所有案例可能并不會完全按照Google給出的例子耳高,因為范例代碼比較多且不好在博客中展示,所以基本代碼都會經(jīng)過調(diào)整所踊,但表達的意思不會變泌枪。

2、 Android渲染機制

大家自己編寫App的時候秕岛,有時會感覺界面卡頓碌燕,尤其是自定義View的時候,大多數(shù)是因為布局的層次過多继薛,存在不必要的繪制修壕,或者onDraw等方法中過于耗時。那么究竟需要多快遏考,才能給用戶一個流暢的體驗?zāi)卮瑞磕敲淳托枰唵瘟私庀翧ndroid的渲染機制,一圖勝千言:



Android系統(tǒng)每隔16ms發(fā)出VSYNC信號灌具,觸發(fā)對UI進行渲染青团,那么整個過程如果保證在16ms以內(nèi)就能達到一個流暢的畫面。那么如果操作超過了16ms就會發(fā)生下面的情況:



如果系統(tǒng)發(fā)生的VSYNC信號咖楣,而此時無法進行渲染督笆,還在做別的操作,那么就會導致丟幀的現(xiàn)象诱贿,(大家在察覺到APP卡頓的時候娃肿,可以看看logcat控制太,會有drop frames類似的警告)珠十。這樣的話咸作,繪制就會在下一個16ms的時候才進行繪制,即使只丟一幀宵睦,用戶也會發(fā)現(xiàn)卡頓的~~(ps:上面標識不應(yīng)該是32ms么记罚,咋是34ms,難道我錯過了什么)壳嚎。

好了桐智,很多朋友會不會奇怪為什么是16ms末早,16ms意味著著1000/60hz,相當于60fps说庭,那么只要解釋為什么是60fps然磷,好在這個問題,網(wǎng)上有解答:

這是因為人眼與大腦之間的協(xié)作無法感知超過60fps的畫面更新刊驴。12fps大概類似手動快速翻動書籍的幀率聘裁,這明顯是可以感知到不夠順滑的。24fps使得人眼感知的是連續(xù)線性的運動停士,這其實是歸功于運動模糊的 效果迟隅。24fps是電影膠圈通常使用的幀率,因為這個幀率已經(jīng)足夠支撐大部分電影畫面需要表達的內(nèi)容躲惰,同時能夠最大的減少費用支出致份。但是低于30fps是 無法順暢表現(xiàn)絢麗的畫面內(nèi)容的,此時就需要用到60fps來達到想要的效果础拨,當然超過60fps是沒有必要的(據(jù)說Dart能夠帶來120fps的體驗)氮块。本引用來源:Google 發(fā)布 Android 性能優(yōu)化典范 - 開源中國社區(qū)

好了,有了對Android渲染機制基本的認識以后诡宗,那么我們的卡頓的原因就在于沒有辦法在16ms內(nèi)完成該完成的操作滔蝉,而主要因素是在于沒有必要的layouts、invalidations塔沃、Overdraw锰提。渲染的過程是由CPU與GPU協(xié)作完成,下面一張圖很好的展示出了CPU和GPU的工作芳悲,以及潛在的問題立肘,檢測的工具和解決方案。

image.png

如果你對上圖感到不理解名扛,沒關(guān)系谅年,你只要知道問題:

  • 通過Hierarchy Viewer去檢測渲染效率,去除不必要的嵌套
  • 通過Show GPU Overdraw去檢測Overdraw肮韧,最終可以通過移除不必要的背景以及使用canvas.clipRect解決大多數(shù)問題融蹂。

如果你還覺得不能理解,沒關(guān)系弄企,文本畢竟是枯燥的超燃,那么結(jié)合實例來展示優(yōu)化的過程。

3拘领、Overdraw的檢測

對于性能優(yōu)化意乓,那么首先肯定是去發(fā)現(xiàn)問題,那么對么overdraw這個問題约素,還是比較容易發(fā)現(xiàn)的届良。 按照以下步驟打開Show GPU Overrdraw的選項:設(shè)置 -> 開發(fā)者選項 -> 調(diào)試GPU過度繪制 -> 顯示GPU過度繪制

好了笆凌,打開以后呢,你會發(fā)現(xiàn)屏幕上有各種顏色士葫,此時你可以切換到需要檢測的程序乞而,對于各個色塊,對比一張Overdraw的參考圖:



那么如果你發(fā)現(xiàn)你的app上深紅色的色塊比較多慢显,那么可能就要注意了爪模,接下來就開始說如果遇到overdraw的情況比較嚴重我們該則么處理。

4荚藻、Overdraw 的處理方案一:移除不必要的background

下面看一個簡單的展示ListView的例子:
activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:paddingLeft="@dimen/activity_horizontal_margin"
              android:paddingRight="@dimen/activity_horizontal_margin"
              android:background="@android:color/white"
              android:paddingTop="@dimen/activity_vertical_margin"
              android:paddingBottom="@dimen/activity_vertical_margin"
              android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="@dimen/narrow_space"
        android:textSize="@dimen/large_text_size"
        android:layout_marginBottom="@dimen/wide_space"
        android:text="@string/header_text"/>

    <ListView
        android:id="@+id/id_listview_chats"
        android:layout_width="match_parent"
        android:background="@android:color/white"
        android:layout_height="wrap_content"
        android:divider="@android:color/transparent"
        android:dividerHeight="@dimen/divider_height"/>
</LinearLayout>

item的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:paddingBottom="@dimen/chat_padding_bottom">

    <ImageView
        android:id="@+id/id_chat_icon"
        android:layout_width="@dimen/avatar_dimen"
        android:layout_height="@dimen/avatar_dimen"
        android:src="@drawable/joanna"
        android:layout_margin="@dimen/avatar_layout_margin" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/darker_gray"
        android:orientation="vertical">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:textColor="#78A"
            android:orientation="horizontal">

            <TextView xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:padding="@dimen/narrow_space"
                android:text="@string/hello_world"
                android:gravity="bottom"
                android:id="@+id/id_chat_name" />

            <TextView xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:textStyle="italic"
                android:text="@string/hello_world"
                android:padding="@dimen/narrow_space"
                android:id="@+id/id_chat_date" />
        </RelativeLayout>

        <TextView xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="@dimen/narrow_space"
            android:background="@android:color/white"
            android:text="@string/hello_world"
            android:id="@+id/id_chat_msg" />
    </LinearLayout>
</LinearLayout>

Activity的代碼

package com.zhy.performance_01_render;

import android.os.Bundle;
import android.os.PersistableBundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

/**
 * Created by zhy on 15/4/29.
 */
public class OverDrawActivity01 extends AppCompatActivity
{
    private ListView mListView;
    private LayoutInflater mInflater ;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_overdraw_01);

        mInflater = LayoutInflater.from(this);
        mListView = (ListView) findViewById(R.id.id_listview_chats);

        mListView.setAdapter(new ArrayAdapter<Droid>(this, -1, Droid.generateDatas())
        {
            @Override
            public View getView(int position, View convertView, ViewGroup parent)
            {

                ViewHolder holder = null ;
                if(convertView == null)
                {
                    convertView = mInflater.inflate(R.layout.chat_item,parent,false);
                    holder = new ViewHolder();
                    holder.icon = (ImageView) convertView.findViewById(R.id.id_chat_icon);
                    holder.name = (TextView) convertView.findViewById(R.id.id_chat_name);
                    holder.date = (TextView) convertView.findViewById(R.id.id_chat_date);
                    holder.msg = (TextView) convertView.findViewById(R.id.id_chat_msg);
                    convertView.setTag(holder);
                }else
                {
                    holder = (ViewHolder) convertView.getTag();
                }

                Droid droid = getItem(position);
                holder.icon.setBackgroundColor(0x44ff0000);
                holder.icon.setImageResource(droid.imageId);
                holder.date.setText(droid.date);
                holder.msg.setText(droid.msg);
                holder.name.setText(droid.name);

                return convertView;
            }

            class ViewHolder
            {
                ImageView icon;
                TextView name;
                TextView date;
                TextView msg;
            }

        });
    }


}

實體的代碼

package com.zhy.performance_01_render;

import java.util.ArrayList;
import java.util.List;

public class Droid
{
    public String name;
    public int imageId;
    public String date;
    public String msg;


    public Droid(String msg, String date, int imageId, String name)
    {
        this.msg = msg;
        this.date = date;
        this.imageId = imageId;
        this.name = name;
    }

    public static List<Droid> generateDatas()
    {
        List<Droid> datas = new ArrayList<Droid>();

        datas.add(new Droid("Lorem ipsum dolor sit amet, orci nullam cra", "3分鐘前", -1, "alex"));
        datas.add(new Droid("Omnis aptent magnis suspendisse ipsum, semper egestas", "12分鐘前", R.drawable.joanna, "john"));
        datas.add(new Droid("eu nibh, rhoncus wisi posuere lacus, ad erat egestas", "17分鐘前", -1, "7heaven"));
        datas.add(new Droid("eu nibh, rhoncus wisi posuere lacus, ad erat egestas", "33分鐘前", R.drawable.shailen, "Lseven"));

        return datas;
    }


}

現(xiàn)在的效果是:



注意屋灌,我們的需求是整體是Activity是個白色的背景。
開啟Show GPU Overdraw以后:



對比上面的參照圖鞋喇,可以發(fā)現(xiàn)一個簡單的ListView展示Item声滥,竟然很多地方被過度繪制了4X 眉撵。 那么侦香,其實主要原因是由于該布局文件中存在很多不必要的背景,仔細看上述的布局文件纽疟,那么開始移除吧罐韩。
  • 不必要的Background 1

我們主布局的文件已經(jīng)是background為white了,那么可以移除ListView的白色背景

  • 不必要的Background 2

Item布局中的LinearLayout的android:background="@android:color/darker_gray"

  • 不必要的Background 3

Item布局中的RelativeLayout的android:background="@android:color/white"

  • 不必要的Background 4

Item布局中id為id_msg的TextView的android:background="@android:color/white"

這四個不必要的背景也比較好找污朽,那么移除后的效果是:

image.png

對比之前的是不是好多了~~~接下來還存在一些不必要的背景散吵,你還能找到嗎?

  • 不必要的Background 5

這個背景比較難發(fā)現(xiàn)蟆肆,主要需要看Adapter的getView的代碼矾睦,上述代碼你會發(fā)現(xiàn),首先為每個icon設(shè)置了背景色(主要是當沒有icon圖的時候去顯示)炎功,然后又設(shè)置了一個頭像枚冗。那么就造成了overdraw,有頭像的完全沒必要去繪制背景蛇损,所有修改代碼:

Droid droid = getItem(position);
if(droid.imageId ==-1)
{
    holder.icon.setBackgroundColor(0x4400ff00);
    holder.icon.setImageResource(android.R.color.transparent);
} else {
    holder.icon.setImageResource(droid.imageId);
    holder.icon.setBackgroundResource(android.R.color.transparent);
}

ok赁温,還有最后一個,這個也是非常容易被忽略的淤齐。

  • 不必要的Background 6

記得我們之前說股囊,我們的這個Activity要求背景色是白色,我們的確在layout中去設(shè)置了背景色白色更啄,那么這里注意下稚疹,我們的Activity的布局最終會添加在DecorView中,這個View會中的背景是不是就沒有必要了祭务,所以我們希望調(diào)用mDecor.setWindowBackground(drawable);那么可以在Activity調(diào)用getWindow().setBackgroundDrawable(null);

setContentView(R.layout.activity_overdraw_01);
getWindow().setBackgroundDrawable(null);

ok贫堰,一個簡單的listview顯示item穆壕,我們一共找出了6個不必要的背景,現(xiàn)在再看最后的Show GPU Overdraw 與最初的比較其屏。

image.png

ok喇勋,對比參照圖,基本已經(jīng)達到了最優(yōu)的狀態(tài)偎行。

5川背、Overdraw 的處理方案二:clipRect的妙用

我們在自定義View的時候,經(jīng)常會由于疏忽造成很多不必要的繪制蛤袒,比如大家看下面這樣的圖:

image.png

多張卡片疊加熄云,那么如果你是一張一張卡片從左到右的繪制,效果肯定沒問題妙真,但是疊加的區(qū)域肯定是過度繪制了缴允。 并且material design對于界面設(shè)計的新的風格更容易造成上述的問題。那么有什么好的方法去改善呢珍德? 答案是有的练般,android的Canvas對象給我們提供了很便利的方法clipRect就可以很好的去解決這類問題。

下面通過一個實例來展示锈候,那么首先看一個效果圖:

image.png

左邊顯示的是效果圖薄料,右邊顯示的是開啟Show Override GPU之后的效果,可以看到泵琳,卡片疊加處明顯的過度渲染了摄职。 (ps:我對這個View添加了一個背景色~~仔細看下面的代碼)

View代碼

package com.zhy.performance_01_render;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.view.View;

//Created by zhy on 15/4/30.
public class CardView extends View
{
    private Bitmap[] mCards = new Bitmap[3];

    private int[] mImgId = new int[]{R.drawable.alex, R.drawable.chris, R.drawable.claire};

    public CardView(Context context)
    {
        super(context);

        Bitmap bm = null;
        for (int i = 0; i < mCards.length; i++)
        {
            bm = BitmapFactory.decodeResource(getResources(), mImgId[i]);
            mCards[i] = Bitmap.createScaledBitmap(bm, 400, 600, false);
        }

        setBackgroundColor(0xff00ff00);
    }

    @Override
    protected void onDraw(Canvas canvas)
    {

        super.onDraw(canvas);

        canvas.save();
        canvas.translate(20, 120);
        for (Bitmap bitmap : mCards)
        {
            canvas.translate(120, 0);
            canvas.drawBitmap(bitmap, 0, 0, null);
        }
        canvas.restore();

    }
}

Activity代碼

public class OverDrawActivity02 extends AppCompatActivity
{

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        setContentView(new CardView(this));
    }
}

那么大家可以考慮下如何去優(yōu)化,其實很明顯哈获列,我們上面已經(jīng)說了使用cliprect方法谷市,那么我們目標直指 自定義View的onDraw方法。 修改后的代碼:

@Override
    protected void onDraw(Canvas canvas)
    {

        super.onDraw(canvas);

        canvas.save();
        canvas.translate(20, 120);
        for (int i = 0; i < mCards.length; i++)
        {
            canvas.translate(120, 0);
            canvas.save();
            if (i < mCards.length - 1)
            {
                canvas.clipRect(0, 0, 120, mCards[i].getHeight());
            }
            canvas.drawBitmap(mCards[i], 0, 0, null);
            canvas.restore();
        }
        canvas.restore();

    }

分析得出击孩,除了最后一張需要完整的繪制迫悠,其他的都只需要繪制部分;所以我們在循環(huán)的時候溯壶,給i到n-1都添加了clipRect的代碼及皂。
最后的效果圖:

image.png

可以看到,所有卡片變?yōu)榱说仙腋模瑢Ρ葏⒄請D验烧,都是1X過度繪制,那么是因為我的View添加了一個 ff00ff00的背景又跛,可以說明已經(jīng)是最優(yōu)了碍拆。

如果你按照上面的修改,會發(fā)現(xiàn)最終效果圖不是淡紫色,而是青色(2X)感混,那是為什么呢端幼?因為你還忽略了 一個優(yōu)化的地方,本View已經(jīng)有了不透明的背景弧满,完全可以移除Window的背景了婆跑,即在Activity中,添加getWindow().setBackgroundDrawable(null);代碼庭呜。

好了滑进,說完了Overdraw的檢測與處理,那么還剩下一個layouts募谎、invalidations過慢的問題扶关,那么這類問題主要可能是你的XML層級過多導致的,當然也有很好的工具可以用來檢測数冬,那么就是Hierarchy Viewer节槐。

6、減少不必要的層次:巧用Hierarchy Viewer

1拐纱、Hierarchy Viewer工具簡介

Android SDK中包含這個工具铜异,不過大家肯定也不陌生了~~~
那么就簡單說一下它在哪,如何使用戳玫,以及真機無法使用該工具該怎么解決熙掺。

  • Hierarchy Viewer在哪未斑?

本博客使用IDE為Android Studio咕宿,那么只需要按照下圖步驟即可找到:

image.png

其他IDE的兄弟,找到這個肯定沒問題蜡秽,不過還是建議慢慢的轉(zhuǎn)向AS府阀。

  • 如何使用?

一圖勝千言:

image.png

關(guān)注下芽突,所有框住的區(qū)域~~

  • 無法連接真機調(diào)試怎么辦试浙?

如果你不存在這樣的問題,直接跳過本節(jié)寞蚌。
Android的官方文檔中田巴,有這么一句話:

出于安全考慮,Hierarchy Viewer只能連接Android開發(fā)版手機或是模擬器

看來的確是存在這樣的問題了挟秤,并且網(wǎng)上也有一些解決方案壹哺,修改源碼神馬的,有興趣去試試艘刚。 這里推薦一種解決方案:romainguy在github上有個項目ViewServer管宵,可以下載下來導入到IDE中,里面有個ViewServer的類,類注釋上也標注了用法箩朴,在你希望調(diào)試的Activity以下該三個方法中岗喉,添加幾行代碼:

<pre>
 * public class MyActivity extends Activity {
 *     public void onCreate(Bundle savedInstanceState) {
 *         super.onCreate(savedInstanceState);
 *         // Set content view, etc.
 *         ViewServer.get(this).addWindow(this);
 *     }
 *       
 *     public void onDestroy() {
 *         super.onDestroy();
 *         ViewServer.get(this).removeWindow(this);
 *     }
 *   
 *     public void onResume() {
 *         super.onResume();
 *         ViewServer.get(this).setFocusedWindow(this);
 *     }
 * }
 * </pre>

記得先添加依賴,別問我怎么找不到ViewServer這個類炸庞,添加以上3行以后钱床,手機運行至該Activity,重啟下Android Device Moniter埠居,然后就ok了诞丽,我就是這種方法調(diào)試的,哈~~

2拐格、優(yōu)化案例

好了僧免,上面介紹完成了如何使用Hierarchy Viewer,下面使用一個案例來說明問題捏浊。 主要就是個布局文件:

布局文件

<?xml version="1.0" encoding="utf-8"?>

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

    <!-- Version 1. Uses nested LinearLayouts -->
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/activity_vertical_margin">

        <ImageView
            android:id="@+id/chat_author_avatar1"
            android:layout_width="@dimen/avatar_dimen"
            android:layout_height="@dimen/avatar_dimen"
            android:layout_margin="@dimen/avatar_layout_margin"
            android:src="@drawable/joanna"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/line1_text" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/line2_text"/>
        </LinearLayout>
    </LinearLayout>


    <!-- Version 2: uses a single RelativeLayout -->
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/activity_vertical_margin">

        <ImageView
            android:id="@+id/chat_author_avatar2"
            android:layout_width="@dimen/avatar_dimen"
            android:layout_height="@dimen/avatar_dimen"
            android:layout_margin="@dimen/avatar_layout_margin"
            android:src="@drawable/joanna"/>


        <TextView
            android:id="@+id/rl_line1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/chat_author_avatar2"
            android:text="@string/line1_text" />

        <TextView
            android:id="@+id/rl_line2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/rl_line1"
            android:layout_toRightOf="@id/chat_author_avatar2"
            android:text="@string/line2_text" />
    </RelativeLayout>
</LinearLayout>

Activity

package com.zhy.performance_01_render;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;

import com.android.debug.hv.ViewServer;


public class CompareLayoutActivity extends ActionBarActivity
{

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_compare_layouts);

        ViewServer.get(this).addWindow(this);
    }

    @Override
    protected void onResume()
    {
        super.onResume();
        ViewServer.get(this).setFocusedWindow(this);
    }

    @Override
    protected void onDestroy()
    {
        super.onDestroy();
        ViewServer.get(this).removeWindow(this);
    }
}

可以看到我們的Activity里面添加了ViewServer相關(guān)的幾行代碼懂衩。 然后手機打開此Activity,打開Android Device Moniter金踪,切換到Hierarchy Viewer視圖浊洞,可以看到:

image.png

點擊LinearLayout,然后點擊Profile Node胡岔,你會發(fā)現(xiàn)所有的子View上面都有了3個圈圈法希, (取色范圍為紅、黃靶瘸、綠色)苫亦,這三個圈圈分別代表measure 、layout怨咪、draw的速度屋剑,并且你也可以看到實際的運行的速度,如果你發(fā)現(xiàn)某個View上的圈是紅色诗眨,那么說明這個View相對其他的View唉匾,該操作運行最慢,注意只是相對別的View匠楚,并不是說就一定很慢巍膘。

紅色的指示能給你一個判斷的依據(jù),具體慢不慢還是需要你自己去判斷的芋簿。

好了峡懈,上面的布局文件展示了ListView的Item的編寫的兩個版本,一個是Linearlayout嵌套的益咬,一個是RelativeLayout的逮诲。上圖也可以看出Linearlayout的版本相對RelativeLayout的版本要慢很多(請多次點擊Profile Node取樣)帜平。即可說明RelativeLayout的版本更優(yōu)于RelativeLayout的寫法,并且Hierarchy Viewer可以幫助我們發(fā)現(xiàn)類似的問題梅鹦。

恩裆甩,對了,第一個例子里面的ListView的Item的寫法就是Liearlayout嵌套的齐唆,大家有興趣可以修改為RelativeLayout的寫法的~~

到此我們就介紹完成了如何去對Android渲染進行優(yōu)化嗤栓,如果你的app有卡頓的情況,可以通過使用上述的工具首先去檢測收集數(shù)據(jù)箍邮,然后按照上面提供的方法進行優(yōu)化 ~~ have a nice day ~~

參考鏈接
Android性能優(yōu)化典范百度云下載(密碼:3h9v)
Google 發(fā)布 Android 性能優(yōu)化典范 - 開源中國社區(qū)
Android Performance Render課程視頻下載地址
Android Performance Optimizing Apps for Speed and Usability
ViewServer

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末茉帅,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子锭弊,更是在濱河造成了極大的恐慌堪澎,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件味滞,死亡現(xiàn)場離奇詭異樱蛤,居然都是意外死亡,警方通過查閱死者的電腦和手機剑鞍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門昨凡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蚁署,你說我怎么就攤上這事便脊。” “怎么了光戈?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵哪痰,是天一觀的道長。 經(jīng)常有香客問我田度,道長妒御,這世上最難降的妖魔是什么解愤? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任镇饺,我火速辦了婚禮,結(jié)果婚禮上送讲,老公的妹妹穿的比我還像新娘奸笤。我一直安慰自己,他們只是感情好哼鬓,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布监右。 她就那樣靜靜地躺著,像睡著了一般异希。 火紅的嫁衣襯著肌膚如雪健盒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天,我揣著相機與錄音扣癣,去河邊找鬼惰帽。 笑死,一個胖子當著我的面吹牛父虑,可吹牛的內(nèi)容都是我干的该酗。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼士嚎,長吁一口氣:“原來是場噩夢啊……” “哼呜魄!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起莱衩,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤爵嗅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后笨蚁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體操骡,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年赚窃,在試婚紗的時候發(fā)現(xiàn)自己被綠了册招。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡勒极,死狀恐怖是掰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情辱匿,我是刑警寧澤键痛,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站匾七,受9級特大地震影響絮短,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜昨忆,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一丁频、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧邑贴,春花似錦席里、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至繁疤,卻和暖如春咖为,著一層夾襖步出監(jiān)牢的瞬間秕狰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工躁染, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留封恰,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓褐啡,卻偏偏與公主長得像诺舔,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子备畦,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

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