优化和降低GPU Overdraw - Android

Question

我在开发者设置中打开了GPU Overdraw叠加层，发现我的应用程序没有得到很好的优化，我不确定在哪里更改它以使其更好地工作。这是它的图像。

红色部分都是ListView的一部分，因此我不知道如何在保持相同样式的同时优化它。 以下是每个ListView部分的layout.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/background_card"
android:orientation="horizontal"
android:padding="5dip" >

<ImageView
    android:id="@+id/list_image"
    android:layout_width="50dip"
    android:layout_height="50dip"
    android:src="@drawable/gta5thumb"
    android:padding="3dip"
    android:background="@drawable/image_bg"
    android:layout_centerVertical="true"/>





<TextView
    android:id="@+id/title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/list_image"
    android:layout_toRightOf="@id/list_image"
    android:text="Grand Theft Auto 5"
    android:textColor="#040404"
    android:textSize="18sp"

    android:layout_marginLeft="4dp"
    android:textStyle="bold"/>

<TextView
    android:id="@+id/date1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/title"
    android:textColor="#343434"
    android:textSize="14sp"
    android:layout_marginTop="1dip"
    android:layout_toRightOf="@id/list_image"
    android:layout_marginLeft="4dp"
    android:text="17th September 2013" />
<TextView
    android:id="@+id/date2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/date1"
    android:textColor="#343434"
    android:textSize="14sp"
    android:layout_marginTop="1dip"
    android:visibility="visible"
    android:layout_marginLeft="4dp"
    android:layout_toRightOf="@id/list_image"
    android:text="17th September 2013" />
<TextView
    android:id="@+id/date3"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textColor="#343434"
    android:textSize="14sp"
    android:layout_marginLeft="4dp"
    android:text="17th September 2013"
    android:layout_below="@+id/date2"
    android:layout_toRightOf="@+id/list_image"/>

<TextView
    android:id="@+id/platforms"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignTop="@id/title"
    android:gravity="right"
    android:text="360, PS3"
    android:layout_marginRight="3dip"
    android:textSize="12sp"
    android:textColor="#10bcc9"
    android:textStyle="bold"/>

 <!-- Rightend Arrow -->    
 <ImageView android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/arrow"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"/>

</RelativeLayout>

我真的迷失了对此进行排序，我很乐意提供您可能想要帮助缓解正在发生的GPU Overdraw的任何其他文件。我不确定该怎么做，因为它是一个ListView，所以不能轻易改变。请记住，风格需要保持尽可能接近。

Answer 1

行的RelativeLayout和子项似乎不是问题。相反，它是他们背后的东西。

你应该阅读Romain Guy's epic blog post来诊断jank（或 :: cough :: 备受推崇的Android开发者书籍中的类似报道）。具体来说，使用层次结构视图来确定什么是层叠在什么上，并尝试彻底摆脱不必要的层，或者至少使它们的颜色完全重叠在Z轴上更高的东西。

其中一些可能需要更改您的设计，或者在实现您当前的外观时可能会有很大的复杂性。例如，你的填充5dip导致ListView插入页面内，这意味着它背后的任何东西都会在边缘上窥视。因此，您无法摆脱它背后的东西，或者让它完全透明，因为它对用户是可见的。您可能能够找到一种方法，只有5dip边界存在且内部是透明的，但这可能会变得混乱。

其他东西可能更容易修复。例如，绿色条带下方有蓝色区域表示您的绿色条带是一些View，它在页面背景的大部分上分层。如果你可以使它们垂直堆叠，而不是重叠，这将消除一些过度绘制。

（当然，这可能是ViewPager这样做，因为我猜你在这里使用ViewPager，而且我从来没有检查过基于ViewPager的透支UI）