基本的优化总结(三)

导言

这节主要讲的是UI优化方面关于GPU相关的知识,比方说过渡绘制和硬件加速

过渡绘制

在Google的教程中我们可以看到人家专门提了过渡绘制的问题,这个在平时使用的时候也非常的简单,直接找到手机的开发者选项,然后打开GPU过渡绘制即可


打开选项位置

启用后的效果

这里可以看到一些控件上面有一些颜色,这些颜色就是用于反馈过渡绘制的程度
1.白色:没有过渡绘制
2.蓝色:过渡绘制一次
3.浅绿色:过渡绘制两次
4.浅红色:过渡绘制三次
5.红色:过渡绘制四次及以上

过渡绘制所导致问题就是在绘图的时候可能会重复绘制一些用户并不能看到的像素点,比方说一些互相重叠的视图,从而造成性能方面的损失

常用的解决方案

    <style name="easy_overdraw" parent="AppTheme">
        <item name="android:windowBackground">@null</item>
    </style>

因为视图默认是展示在window上面,而window本身就有一个背景,在很多时候,你不能确定窗体的背景是否有展示的必要,而且完全可以用更高层级的视图背景来替代,从而降低过渡绘制

此外就是注意自身的布局,减少不必要的重叠以及背景,一般原则上就是层级越低的布局优先设置背景,否则才考虑顶层布局设置背景。
减少重叠有一个方案,这个可以参考官方的DrawerLayout中的代码

        if (drawingContent) {
            final int childCount = getChildCount();
            for (int i = 0; i < childCount; i++) {
                final View v = getChildAt(i);
                if (v == child || v.getVisibility() != VISIBLE
                        || !hasOpaqueBackground(v) || !isDrawerView(v)
                        || v.getHeight() < height) {
                    continue;
                }

                if (checkDrawerViewAbsoluteGravity(v, Gravity.LEFT)) {
                    final int vright = v.getRight();
                     //只选择了抽屉右边的区域
                    if (vright > clipLeft) clipLeft = vright;
                } else {
                    final int vleft = v.getLeft();
                    //只选择了抽屉左边的区域
                    if (vleft < clipRight) clipRight = vleft;
                }
            }
            canvas.clipRect(clipLeft, 0, clipRight, getHeight());
        }

重点关注clipRect方法

    /**
     * Intersect the current clip with the specified rectangle, which is
     * expressed in local coordinates.
     *
     * @param left   The left side of the rectangle to intersect with the
     *               current clip
     * @param top    The top of the rectangle to intersect with the current clip
     * @param right  The right side of the rectangle to intersect with the
     *               current clip
     * @param bottom The bottom of the rectangle to intersect with the current
     *               clip
     * @return       true if the resulting clip is non-empty
     */
    public boolean clipRect(int left, int top, int right, int bottom) {
        return nClipRect(mNativeCanvasWrapper, left, top, right, bottom,
                Region.Op.INTERSECT.nativeInt);
    }

从注释中可以看出,实际上就是指定绘制的区域,也就是说可以通过该方法来优化绘制的范围。
DrawerLayout就是通过这个方法,来避免当抽屉出现的时候重复绘制内容被遮挡的部分,从而优化过渡绘制

硬件加速

平常看视频之类的都知道有一个硬件加速,在Android中同样也可以使用,通过View的

    setLayerType(LAYER_TYPE_HARDWARE,null);

可以指定开启硬件加速层,看一下具体的注释

    /**
     * <p>Indicates that the view has a hardware layer. A hardware layer is backed
     * by a hardware specific texture (generally Frame Buffer Objects or FBO on
     * OpenGL hardware) and causes the view to be rendered using Android's hardware
     * rendering pipeline, but only if hardware acceleration is turned on for the
     * view hierarchy. When hardware acceleration is turned off, hardware layers
     * behave exactly as {@link #LAYER_TYPE_SOFTWARE software layers}.</p>
     *
     * <p>A hardware layer is useful to apply a specific color filter and/or
     * blending mode and/or translucency to a view and all its children.</p>
     * <p>A hardware layer can be used to cache a complex view tree into a
     * texture and reduce the complexity of drawing operations. For instance,
     * when animating a complex view tree with a translation, a hardware layer can
     * be used to render the view tree only once.</p>
     * <p>A hardware layer can also be used to increase the rendering quality when
     * rotation transformations are applied on a view. It can also be used to
     * prevent potential clipping issues when applying 3D transforms on a view.</p>
     *
     * @see #getLayerType()
     * @see #setLayerType(int, android.graphics.Paint)
     * @see #LAYER_TYPE_NONE
     * @see #LAYER_TYPE_SOFTWARE
     */
    public static final int LAYER_TYPE_HARDWARE = 2;

注释中提到,开启硬件加速层可以很有效的进行视图树绘制缓存,降低绘制的次数,这样对于一些复杂的动画来说是一个非常大的优化,也就是说在使用动画的时候应该考虑开启硬件加速进行优化
但是注意硬件加速会带来其他的问题,比方说在GPU层会有明显的内存占用增加


Android profiler中Memory的反馈

可以看到GPU层所使用的内存大量增加,所以一般来说在动画结束之后需要关闭硬件加速层,从而去释放这一部分的内存,比方说

    text1.setLayerType(View.LAYER_TYPE_HARDWARE,null)
    val animator = ValueAnimator.ofFloat(0.0f,90.0f)
    animator.addUpdateListener {
         text1.rotation = it.animatedValue as Float
    }
    animator.addListener(object :Animator.AnimatorListener{
         override fun onAnimationRepeat(animation: Animator?) {

         }

        override fun onAnimationCancel(animation: Animator?) {
             text1.setLayerType(View.LAYER_TYPE_NONE,null)
         }

         override fun onAnimationStart(animation: Animator?) {

         }

         override fun onAnimationEnd(animation: Animator?) {
             text1.setLayerType(View.LAYER_TYPE_NONE,null)
         }
     })
     animator.setTarget(text1)
     animator.repeatCount = ValueAnimator.INFINITE
     animator.start()

总结

这部分主要是介绍了过渡绘制的处理以及硬件加速的使用,是关于GPU层的一种优化手段

文章系列:
基本的优化总结(一)
基本的优化总结(二)
基本的优化总结(三)
基本的优化总结(四)
基本的优化总结(五)
基本的优化总结(六)
基本的优化总结(七)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342