美文网首页Android 程序开发
性能优化之布局优化记录

性能优化之布局优化记录

作者: Jinbeen | 来源:发表于2018-05-20 20:26 被阅读32次
    gpu绘制

    做开发时间长了之后,收集后台的bug,发现很多都是OOM(Out Of Memory Killer)。性能优化这时候成为了重点,下面是自己项目中布局优化的记录,希望对大家有所帮助。

    父布局

    • 对于ViewGroup的选择问题:推荐FrameLayout > LinearLayout > RelativeLayout(为了优化布局,RelativeLayout会调用childrenView 的onMeasure()两次),推荐阅读:LinearLayout与RelativeLayout的性能比较
    • 尽量不要嵌套使用RelativeLayout.
    • 尽量不要在嵌套的LinearLayout中都使用weight属性.
    • 避免使用多重布局嵌套,层级能少就少
    • 善用TextView的Drawable减少布局层级

    背景色

    • 去掉多余的布局背景色,比如ScrollView包裹的内容分为两段,第一段使用的是match_parent的宽,第二段是文字,只需要给文字部分加背景,则背景色属性就放在文字部分的节点属性里。
    • RecyclerView及ViewPager等外部容器最好不要使用背景色,如果内容有背景色会导致重叠
    • selector可使用系统自带的点击效果android:background="?attr/selectableItemBackground",因为初始值为透明色,不会重绘。如果需要使用对应的高亮色来作为ripple的背景色,那么就需要在styles-v21里面加这个加入:
      <item name = "android:colorControlHighlight">@color/colorAccent</item>
    • 注:Navigation的background会影响4.4系统的状态栏
    • CardView会自动加一层背景色
    • ripple里的默认颜色为<item>标签下设置,如果设置多个重复的<item>会导致多重绘制。
    • ripple里如要设置默认色为透明色,因为设置透明色不会导致重新绘制。直接设置color="@android:color/transparent"点击会没有效果,加上一个掩码<item android:id="@android:id/mask">就好了
    <?xml version="1.0" encoding="utf-8"?>
    <ripple xmlns:android="http://schemas.android.com/apk/res/android"
      android:color="@color/itemBackground">
      <item android:id="@android:id/mask">
          <color android:color="@android:color/white" />
      </item>
    </ripple> 
    
    

    Mask层(Mask Layer):
    可以设置指定子层item的android:id="@android:id/mask"来设定当前Ripple的Mask。
    Mask的内容并不会被绘制到屏幕上,它的作用是限定Ripple效果的绘制区域。
    mask所在的的子层限制了Ripple效果的最大范围只能是View的边界,不会扩散到父组件。

    布局优化标签

    1、<include>:常用于将布局中的公共部分提取出来供其他layout共用,以实现布局模块化,这在布局编写方便提供了大大的便利。

    2、<viewstub>:viewstub标签同include标签一样可以用来引入一个外部布局,不同的是,viewstub引入的布局默认不会扩张,即既不会占用显示也不会占用位置,从而在解析layout时节省cpu和内存。
    viewstub常用来引入那些默认不会显示,只在特殊情况下显示的布局,如进度布局、网络失败显示的刷新布局、信息出错出现的提示布局等。
    比较直观的感觉是:在设置里打开显示布局边界后,如果不是使用<viewstub>标签,GONE掉后,加载中的布局还是会有颜色显示,而使用了此标签后颜色会消失。

    使用前 使用后

    3、<merge>:在使用了include后可能导致布局嵌套过多,多余不必要的layout节点,从而导致解析变慢,不必要的节点和嵌套可通过hierarchy viewer(下面布局调优工具中有具体介绍)或设置->开发者选项->显示布局边界查看。

    优化工具

    1、GPU过渡绘制:Graphic Processing Unit

    位置:设置/选择开发选项(Developer Options)/调试GPU 过度绘制(Debug GPU Overdraw),然后选择“显示过度绘制区域(Show overdraw area)”。

    定义:指在屏幕上的一个像素在单个帧中被重绘了多次。可以通过手机设置/开发者选项/调试GPU过渡绘制/,不同的颜色显示了渲染过渡程度


    手机gpu绘制

    2、Hierarchy Viewer
    3、Lint tool

    优化结果

    优化前 优化后

    对应项目:CloudReader

    参考资料

    相关文章

      网友评论

        本文标题:性能优化之布局优化记录

        本文链接:https://www.haomeiwen.com/subject/fuotjftx.html