0
点赞
收藏
分享

微信扫一扫

Android UI性能优化实战 识别绘制中的性能问题

四月天2021 2022-05-05 阅读 48

如果系统发生的VSYNC信号,而此时无法进行渲染,还在做别的操作,那么就会导致丢帧的现象,(大家在察觉到APP卡顿的时候,可以看看logcat控制太,会有drop frames类似的警告)。这样的话,绘制就会在下一个16ms的时候才进行绘制,即使只丢一帧,用户也会发现卡顿的~~(ps:上面标识不应该是32ms么,咋是34ms,难道我错过了什么)。

好了,很多朋友会不会奇怪为什么是16ms,16ms意味着着1000/60hz,相当于60fps,那么只要解释为什么是60fps,好在这个问题,网上有解答:

好了,有了对Android渲染机制基本的认识以后,那么我们的卡顿的原因就在于没有办法在16ms内完成该完成的操作,而主要因素是在于没有必要的layouts、invalidations、Overdraw。渲染的过程是由CPU与GPU协作完成,下面一张图很好的展示出了CPU和GPU的工作,以及潜在的问题,检测的工具和解决方案。

如果你对上图感到不理解,没关系,你只要知道问题:

  • 通过Hierarchy Viewer去检测渲染效率,去除不必要的嵌套

  • 通过Show GPU Overdraw去检测Overdraw,最终可以通过移除不必要的背景以及使用canvas.clipRect解决大多数问题。

如果你还觉得不能理解,没关系,文本毕竟是枯燥的,那么结合实例来展示优化的过程。

3、Overdraw的检测

对于性能优化,那么首先肯定是去发现问题,那么对么overdraw这个问题,还是比较容易发现的。

按照以下步骤打开Show GPU Overrdraw的选项:

设置 -> 开发者选项 -> 调试GPU过度绘制 -> 显示GPU过度绘制

好了,打开以后呢,你会发现屏幕上有各种颜色,此时你可以切换到需要检测的程序,对于各个色块,对比一张Overdraw的参考图:

那么如果你发现你的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”

  • 不必要的Background 2
  • 不必要的Background 3
  • 不必要的Background 4

这四个不必要的背景也比较好找,那么移除后的效果是:

对比之前的是不是好多了~~~接下来还存在一些不必要的背景,你还能找到吗?

  • 不必要的Background 5

这个背景比较难发现,主要需要看Adapter的getView的代码,上述代码你会发现,首先为每个icon设置了背景色(主要是当没有icon图的时候去显示),然后又设置了一个头像。那么就造成了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中去设置了背景色白色,那么这里注意下,我们的Activity的布局最终会添加在DecorView中,这个View会中的背景是不是就没有必要了,所以我们希望调用mDecor.setWindowBackground(drawable);,那么可以在Activity调用getWindow().setBackgroundDrawable(null);

setContentView(R.layout.activity_overdraw_01);

getWindow().setBackgroundDrawable(null);

ok,一个简单的listview显示item,我们一共找出了6个不必要的背景,现在再看最后的Show GPU Overdraw 与最初的比较。

ok,对比参照图,基本已经达到了最优的状态。

5、Overdraw 的处理方案二:clipRect的妙用

我们在自定义View的时候,经常会由于疏忽造成很多不必要的绘制,比如大家看下面这样的图:

多张卡片叠加,那么如果你是一张一张卡片从左到右的绘制,效果肯定没问题,但是叠加的区域肯定是过度绘制了。

并且material design对于界面设计的新的风格更容易造成上述的问题。那么有什么好的方法去改善呢?

答案是有的,android的Canvas对象给我们提供了很便利的方法clipRect就可以很好的去解决这类问题。

下面通过一个实例来展示,那么首先看一个效果图:

左边显示的时效果图,右边显示的是开启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, nul 《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》无偿开源 徽信搜索公众号【编程进阶路】 l);

}

canvas.restore();

}

}

  • Activity代码

/**

  • Created by zhy on 15/4/30.

*/

public class OverDrawActivity02 extends AppCompatActivity

{

@Override

protected void onCreate(@Nullable Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

举报

相关推荐

0 条评论