2014-09-02 09:40:46 tyh123456789 阅读数 4960

Android应用性能优化之分析工具[二]

  Android应用性能优化之分析工具
  上一次记录了解决过度绘制的过程,这一次,想先弄清个概念性的东西,就是如何判断顺不顺畅?
  这东西其实最初我自己也觉得有点废话,用起来会卡就明显是不顺畅咯。
  但这东西就跟我很想吐槽很多应用一样,明明那么卡还放出来一样的道理。
理论永远是理论,实践才是第一生产力。
 
  因为我自己的应用也能感觉到卡顿,现在回头分析,能明白,卡顿永远不是“用心的程序员”原本的初衷,但很多东西,真心是难言之隐。
  知错就改才是好人...所以要改,就要知道究竟错在哪。
 
  1、纵观全局
  对于顺畅度的分析,首先要知道一个整体情况,是局部,还是全局,这样在优化上才能有方向。
  如果是局部问题,那就需要仔细分析出具体的相关操作,如果是大体上的问题,那在思考的时候,就需要从整体的实现机制来考虑,有可能是实现方式上出现了问题。
  
  在android4.1中,谷歌提供了一个工具来,叫做“ GPU呈现模式分析(Profile GPU rendering)”,在开启这个功能后,系统就会记录保留每个界面最后128帧图像绘制的相关时间信息。
  如果是在开启应用后才开启此功能,记得先把应用结束后重新启动。
  开启后操作你需要分析的部分(比如滑动列表之类的),然后执行adb命令
  $ adb shell dumpsys gfxinfo com.xxxx.xxx
在执行的结果中,有一块叫做“Profile data in ms”底下有一堆数据.
 
  
  Draw:表示在Java中创建显示列表部分中,OnDraw()方法占用的时间。
  Process:表示渲染引擎执行显示列表所花的时间,view越多,时间就越长
  Execute:表示把一帧数据发送到屏幕上排版显示实际花费的时间。其实是实际显示帧数据的后台缓存区与前台缓冲区交换后并将前台缓冲区的内容显示到屏幕上的时间。所以这个时间,一般都很短。
 
  PS:View类包含Surface(变量名mSurface),每个Surface通常对应两个buffer,一个front buffer, 一个back buffer。(4.1之后是3个,一个前,两个后)其中,back buffer就是canvas绘图时对应的bitmap (研究Android_view_Surface.cpp::lockCanvas)。因此,绘画总是在back buffer上,需要更新时,则将back buffer和front buffer互换。
 
  Draw + Process + Execute = 完整显示一帧 ,这个时间要小于16ms才能保存每秒60帧。
 
  将数据复制到excel中(win记得逐列复制,mac下就直接复制过去吧),然后将数据生成“堆积柱形图”
 
  从图上看,能看出几个现象。第一,确实4.1的黄油项目还真的有点作用,每帧的时间控制在16ms左右。第二,有几帧超过16ms,确实会有丢帧的现象。
  看来,页面的卡顿应该是个别操作的问题。
 
  但这种数据是否还能看出其他问题呢?
  按照3个数据分别标示的内容,理论来讲,如果UI线程占用的时间过长,Draw的时间数据会应该会很长,所以做了个实验,在UI线程中睡了1S。得到了下面这个图。
 
  从图上看有几帧Draw部分异常的高就能看出,Draw部分能看出UI线程的大体使用情况。
  
  当然,其实这个数据主要能看出的是整体情况,单独的某个部分跟测试的环境也有很大关系,比如一下2组数据,都是instagram的,同样的数据,上面是Desire Z 4.1系统,下面是盖3 4.1系统,在Execute部分,两者有明显的差距。
  
 
 
2、具体分析
  “GPU呈现模式分析”的数据只能说明个现象,比如上面提到的数据,能说明在实际运行中会有短暂的长时间绘制问题。但造成问题的具体原因并没有说明。
  而且“GPU呈现模式分析”显示的是最后128帧的数据,但丢帧也有可能是两帧之间存在长时间的操作而造成的。  
  所以我们需要分析帧与帧之间的情况,才能对所分析应用的整体性能情况有个更升入的了解。
    
  在android中提供了两个工具来达到这个目的:1、Systrace (这工具坑的我....等下再吐槽) 2、traceview
 
  
  Systrace是对整个系统进行分析,数据比较准确,当然也包括我们所要分析的应用。
当这个工具的使用是有条件限制的:
  (1)是4.1之后才提供的工具。
  (2)手机的内核一定要支持trace(可以查看是否存在/sys/kernel/debug/tracing 这个目录),所以很多第三方ROM或者三星之类的rom都在内核中remove了这个模块。模拟器里面好像也都没有。[这个坑的我刷了无数多的rom才找到适合的...之前的one x我记得好像也有,这个也间接说明一点,作为开发者,还是乖乖的买亲儿子好]
 
  Systrace的运行方式有两种,一种是运行sdk包下的py文件,这种要求的环境配置比较多。另一种就是在adt下的工具,点击直接运行。所以下面的使用介绍主要是这种。
  
 
 
 
  在流畅程度的这种特殊分析情景下,我们一般只关注图形性能。所以我们要选择Graphics和View.还有其他很多选项,如果是在做音频处理或者视频播放的分析测试话,可以选择其他选项。  
  确认运行之后,滚轮我们要测试的列表,工具会记录5秒钟的数据,之后我们回得到一个html页面。打开后,我们能看到页面中显示了系统中一切运行情况的概述。
 
  浏览的操作时通过WASD来完成,W/S 放大/缩小 A/D 左移/右移
 
  页面中有个surfaceFlinger,知道android绘制原理的人应该能明白,这个就是负责绘制Android应用程序UI的服务,所以surfaceFlinger能反应出整体绘制情况,一般正常情况都是连续的,如果出现空档,一种是没有操作或者滑动到头,没东西需要绘制,这种属于正常,另一种就是有问题存在,有其他操作时间过长。
 
  对应所要分析的程序那行,放大后就能看到具体的情况,点击后能看到每个部分所使用的时间。
  比如
  deliverInputEvent是系统提供的触摸事件。
  performTraversals是开始布局并且绘画显示画面的过程。
  draw是绘画的过程。
  ...
 
  对于一个listview,如果deliverInputEvent过长,很有可能是在adapter中的getView方法中处理时间过长导致。
 
  所以通过Systrace的数据,可以大体上的发现是否存在性能问题。
  但如果要知道具体情况,就需要用到另外一个工具。
 
  traceview
  这个工具其实比较简单,是一个分析器,记录了应用程序中每个函数的的执行时间。在DDMS中,选中要分析的进场,点击“Start method profiling”(就是右上角有个红点的图标)。然后开始操作要分析的应用,然后再次点击按钮来停止跟踪。  
  然后下面显示的数据应该挺通俗易懂的。
  具体的可以参见:http://hubingforever.blog.163.com/blog/static/17104057920112825035143/

  这里我想介绍下我使用的一个经验。 
  ViewRootImpl.draw(),这个是绘制函数,点击后,绘制的部分就会被突出出来。从理论上讲,只要操作时没有太多停顿,draw()的图示应该是较为连续的。并且要保持顺畅,每一个draw区域应该在16ms及以下。
所以一旦看到区域有大于16ms的,就可以认真分析下,看看都做了些什么操作。从而找到导致绘制时间过长的问题所在。
 
  
  对于这些工具的使用,虽然很大程度上能够帮助我们更快的定位到问题之处,但还是有许多局限的地方。
  如果对android整体系统原理有一定的理解,并且深刻知道自己的程序的运转情况,这样分析起来,才会炉火纯青。
 
  以上是我个人的一些看法,希望能帮助到大家,没写的太细,够用就好,因为有些部分,自己也有很多疑问,找到了一堆资料,发现也没有说明的特别详细的地方。
 
  以下是参考的一些地方,大家可以去看看,有些需要走出去(怎么出去这东西每个程序员都会吧?):
  http://www.youtube.com/watch?v=Q8m9sHdyXnE(google IO的,需翻)  

2018-12-05 13:57:57 wuqingsen1 阅读数 3431

在开发时,在聊天室内用到属性动画,时间久了卡顿,先看一下效果图:

礼物动画是 SVGA 动画和属性动画配合使用,才达到这样的效果;这是在聊天室内,会不停的刷这种礼物,在测试时,刷到70个左右,出现明显的卡顿现象;

为了解决卡顿的问题,去搜了挺多,最终找到了解决的方法;

先看我之前的写法:

        ObjectAnimator animatorX = ObjectAnimator.ofFloat(view, "scaleX", 1.0f);
        ObjectAnimator animatorY = ObjectAnimator.ofFloat(view, "scaleY", 1.0f);
        AnimatorSet animatorSet = new AnimatorSet();
        //动画持续时间
        animatorSet.setDuration(500);
        //X轴和Y轴同时开始
        animatorSet.playTogether(animatorX, animatorY);
        //动画开始
        animatorSet.start();

上面似乎没什么问题,但时间久了就是卡顿~~~;经过一番折腾,换成了下面的写法 :

    private PropertyValuesHolder animatorX;
    private PropertyValuesHolder animatorY;

    animatorX = PropertyValuesHolder.ofFloat("scaleX", 0f, 1.0f);
    animatorY = PropertyValuesHolder.ofFloat("scaleY", 0f, 1.0f);
    ObjectAnimator.ofPropertyValuesHolder(view, animatorX, animatorY).start();

换成这样之后,测试送了 200 个礼物也没有明显的卡顿;

有兴趣的可以下载我的小例子(项目中包括:SVGA 动画和属性动画配合使用实现复杂的动画效果,以及对属性动画的优化,解决卡顿的问题):

GitHub 下载地址:https://github.com/wuqingsen/Animation

到这里就讲完了,下面是其他的一些推荐写法,在这里做一下记录.

先看下面的写法:

AnimatorSet animSet = new AnimatorSet();

ObjectAnimator transYFirstAnim = ObjectAnimator.ofFloat(mView, "translationY", 0, 100);
ObjectAnimator transYSecondAnim = ObjectAnimator.ofFloat(mView, "translationY", 100, 0);
animSet.playSequentially(transYFirstAnim, transYSecondAnim);

将上面的写法替换为:

Keyframe k0 = Keyframe.ofFloat(0f, 0); //第一个参数为“何时”,第二个参数为“何地”
Keyframe k1 = Keyframe.ofFloat(0.5f, 100);
Keyframe k2 = Keyframe.ofFloat(1f, 0);

PropertyValuesHolder p = PropertyValuesHolder.ofKeyframe("translationY", k0, k1, k2);
ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(mView, p);
objectAnimator.start();

导致卡顿的最关键的还是内存泄漏,如果补间动画可以代替的话,还是使用补间动画,补间动画不会出现此问题

 

2017-04-11 11:10:48 majun0007 阅读数 5526
1、开启translateZ或 translate3d
webkit-transform: translateZ(0); 
-moz-transform: translateZ(0); 
-ms-transform: translateZ(0); 
-o-transform: translateZ(0); 
transform: translateZ(0);

webkit-transform: translate3d(0,0,0); 
-moz-transform: translate3d(0,0,0); 
-ms-transform: translate3d(0,0,0); 
-o-transform: translate3d(0,0,0); 
transform: translate3d(0,0,0);

2、backface-visibility
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

3、perspective
-webkit-perspective:1000;
perspective:1000

4、运动元素的父级transform-style
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;


2018-01-04 10:19:05 qq_31164261 阅读数 2852
旋转动画卡顿,只要在animation对象上set一个匀速插值器就OK了。如下最后一行代码:
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1500"
    android:fillAfter="true"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatMode="restart"
    android:repeatCount="infinite"
    android:toDegrees="360" >

</rotate> 

anim = AnimationUtils.loadAnimation(context, R.anim.rotating);
//匀速插值器 解决卡顿问题
anim.setInterpolator(new LinearInterpolator());
anim.setRepeatCount(-1);

 

2016-09-22 22:15:07 qq_18148011 阅读数 650

在android里面使用补间动画的时候有时候会感到很卡,
原因之一有可能是因为,你正在进行动画的那个控件上面有别的控件,比如:帧布局中,图片一覆盖了图片二,但是图片一透明,可以看见图片二,这时候图片二的动画就会卡顿,
;解决办法:在图片二开始动画的时候让图片一gone,这样就不会卡顿啦。

H5动画卡顿优化

阅读数 1036

没有更多推荐了,返回首页