Android 優化性能之如何避免--過分繪製

時間 2019-11-13

原文原文鏈接

可能有些人不明白什麼是過分繪製，簡單言，咱們app一個頁面所顯示的效果是由像素一幀一幀繪製而成。過分繪製就是意味着這一幀被繪製屢次。若是是靜態的佈局，可能影響不是很大，若是是動態的，好比ListView，GridView,ViewPager等在性能上就會差一點，常見的好比listView上下滑動，過分繪製的狀況下，就會出現卡頓，或者跳躍感很明顯。固然過分繪製確定沒法避免，咱們只能減小沒必要要的繪製，那麼如何看的出來，一個頁面是否過分繪製呢？node

下面咱們來看一下，下面說的這個工具只有Android 4.2以上有此功能。android

1.打開咱們的手機設置--開發者選項--調試GPU過分繪製（可能有些手機不是這樣的叫法，有的是顯示GPU過分繪製，根據手機而來），選擇顯示過分繪製區域，此時手機頁面會顯示成這樣，不要驚慌。。windows

這裏給你們介紹下，繪製顏色的標識，從好到差：藍色(1x次繪製)-》淺綠色(2x繪製)-》淡紅色(3x繪製)-》紅色(4x繪製)。app

2.怎麼減小過分繪製ide

通常狀況下，最好把繪製控制在2次如下，3次繪製有時候是不能避免的，儘可能避免，4次的繪製基本上是不容許的。工具

怎麼減小繪製是咱們最關心的，咱們來看一個圖（本身項目裏面的。。咱們以圖片下面的ListView爲例子）從圖上看的出來，被繪製3次甚至4次，佈局

咱們來看下代碼：listView和item性能

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent" >
 5 
 6     <ListView
 7         android:id="@+id/xListView"
 8         android:layout_width="match_parent"
 9         android:layout_height="wrap_content"
10         android:layout_marginBottom="50dp"
11       android:background="@color/white"
12         android:divider="@drawable/self_center_divider"
13         android:dividerHeight="4px"
14         android:headerDividersEnabled="false"
15         android:listSelector="@drawable/item_selector"
16         android:scrollbars="none" >
17     </ListView>
18 
19 </RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" android:background="@color/white">

    <RelativeLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="50dp" android:background="@drawable/self_center_item_bg">

            <ImageView
                android:id="@+id/item_img_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="15dp" />

            <TextView
                android:id="@+id/item_text_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="25dp"
                android:layout_toRightOf="@id/item_img_view"
                android:textColor="@color/text_color_darker"
                android:textSize="15sp" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/right_arrow_gray"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="20dp"/>
    </RelativeLayout>

</RelativeLayout>