当前位置: 代码迷 >> Android >> Android中View作图优化之一- 优化布局层次
  详细解决方案

Android中View作图优化之一- 优化布局层次

热度:102   发布时间:2016-05-01 14:51:45.0
Android中View绘制优化之一---- 优化布局层次

 

 

                                                                               本文原创, 转载请注明出处http://blog.csdn.net/qinjuning

 

 


 

      前言,竟然是翻译,当然得弄的有板有眼。 照着大作家格式来咯 , - - 。



                                                                              译序



       最近一直在做锁屏界面,之前也写过关于锁屏界面的一些简单原理,未曾想自己真正去深入理解锁屏时,才发觉锁屏框架

  真是又大又复杂,主要体现在如下两个方面:

 

            1、界面的组成以及更新机制;

            2、对电源管理的控制,在锁屏界面会禁用系统的电源管理,自己接管屏幕亮度的控制。

 

         当然还有更多的逻辑细节处理,只能耐着性子去研究了。。

 

        通过对本次锁屏界面的处理,才发现自己对View绘制还是不熟透,很多东西也没有去潜心研究,导致自己在真正做

  项目时候才手忙脚乱的。因此,借着这次机会,也把Android 4.0 developer这些先进的知识(山人一直沉浸在Android 2.2)

  给过了一下,真是妙处多多。

 

      本文翻译地址:http://developer.android.com/training/improving-layouts/index.html

 

 

    开头: 为了避免歧义,先将Android “Layout”一次的意思进行说明,主要有如下三个方面:

                   1、统称,即如何摆放UI,UI呈现效果等;

                   2、布局文件  ,即/res/layout/xxx.xml  ;

                   3、布局过程  ,Android绘制过程中的 layout过程;

                   4、一些布局控件,例如LinearLayout、FrameLayout等 ;


     正文


                                                    改善布局效率(Layout Performace)

 

          布局是Android应用程序重要的一部分,它与用户体验有着直接联系。如果一个布局是糟糕的,它将产生一个消耗内存

    与低效UI应用程序。 Android SDK 及它包含的工具都能帮助你定位在布局过程中隐藏的问题,通过对这些课程的学习,

    你能够以很小的内存代价去实现流畅的平滑界面。

 

   内容如下:

 

       1 、 优化布局层次

                 同样地,一个复杂的网页会延长加载时间,你的布局层次如果太复杂也能引发一些效率问题。本课程告知你如何利用

         SDK的工具去观察你的布局以及发现布局过程的瓶颈问题。

 

     2、使用<include />标签复用布局文件

                  如果应用程序的UI在多处重复某些布局结构,本课程向你展示如何创建高效、可重用的布局结构,然后以合适的

          UI布局文件包括它们。

               

      3、按需加载View视图

                 除了简单地在另外的布局文件中包括一个布局组件,你可能想在需要的时候才将视图显现出来,有的时候是在

           Activity运行之后。本课程告诉你如何改进布局初始化行为---- 按需加载布局文件的某个视图。

                  

     4、如何使ListView流畅滑动

               如果你构建了一个ListView实例呈现那些包含复杂或者大容量数据的列表项,这可能会影响ListView的流畅滑动。

          本课程提供了一些如何让滑动过程更加流畅的建议。

                  

                

 

   译一 :

                                                                     优化布局层次

 

      本文地址: http://developer.android.com/training/improving-layouts/optimizing-layout.html

 

         一个通常的错误观念就是使用基本的布局结构(例如:LinearLayout、FrameLayout等)能够在大多数情况下产生高效率 

    的布局。 显然,你的应用程序里添加的每一个控件和每一个布局都需要初始化、布局(layout)、绘制(drawing)。举例来说:

    嵌入一个LinearLayout会产生一个太深的布局层次。更严重的是,嵌入几个使用 layout_weight属性的LinearLayout

   将会导致大量的开销,因为每个子视图都需要被测量两次。这是反复解析布局文件时重要的一点,例如在ListView或者

   GridView中使用时。

 

 

   观察你的布局

 

          Android SDK 工具箱包括一个称作“ Hierarchy Viewer”的工具,它允许你去在你的应用程序运行时分析布局。

    通过使用这个工具,能帮助你发现你的布局效率上的瓶颈问题。

 

       “ Hierarchy Viewer”工具允许你在已连接的设备或模拟器中选择正在运行的进程,然后呈现出布局层次树(layout tree)。

   每个正方块下的交通灯(见下图) --- 红绿蓝表现出了在测量(measure)、布局(layout)、以及绘制(draw)过程中的效率值,这能

   帮助你定位潜在的问题。

 

           假设ListView 中的一项Item 存在如下(见图 1)布局


                                         

                                                        图1:ListView某项Item的布局效果图


        “Hierarchy Viewer”工具可以在 <sdk>/tools路径下找到。当打开它时,“ Hierarchy Viewer”工具显示了所有可用的

  设备以及运行在这些设备上的组件。点击”Load View Hierarchy”来显示某个你选择的组件的UI布局层次。举例来说,图2

  展现了图1的布局层次树。

                                          

                                                                     图2:使用LinearLayout的布局树


        在图2中,你可以直观看到这个三层的布局结构是存在一些问题的。点击项体现出了在每个测量(measure)、布局(layout)、

  以及绘制(draw)过程中的时间消耗(见图3)。很明显,该项(LinearLayout)花费了最长的时间去测量、布局、绘制,你应该

  花点精力去优化它们。

                                                          

                                                      图3: 某个LinearLayout的绘制时间


        完成该布局文件渲染的时间分别为:

                测量过程:0.977ms

                布局过程: 0.167ms

                绘制过程:2.717ms

 

   修改布局文件

 

            由于上图中布局效率的低下是因为一个内嵌的 LinearLayout控件,通过扁平化布局文件----让布局变得更浅更宽,

     而不是变得更窄更深层次 ,这样就能提升效率了。 一个RelativeLayout 作为根节点也能提供如上的布局效果(即图1)。

     因此,  使用RelativeLayout 改变布局的设计,你可以看到现在我们的布局层次只有2层了。新的布局层次树如下:


                                                    

                                                                    图4:使用RelativeLayout的布局树

 

            现在,完成该布局文件渲染的时间分别为:

                      测量过程:0.977ms

                      布局过程:0.167ms

                      绘制过程:2.717ms

   

        也许它只是一点点微小的改进,但这次它会被多次调用,因为是ListView会布局所有的Item,因此累积起来,改进后效果

   还是非常显著地。

        大部分的时间差异是由于使用了带有layout_weight 属性的LinearLayout ,它能减缓测量过程的速度。这仅仅是一个例子,

   即每个布局都应该合适地使用以及你应该认真考虑是否有必要采用“layout_weight" 属性。

 

 

   使用Lint工具 (译者注:ADT插件更新到最新的16.0后的工具)

 

       关于Lint的使用更多请看:Android Lint(官方代码优化利器)

     

     一个好的实践就是在你的布局文件中使用Lint工具去寻求可能优化布局层次的方法。Lint已经取代了Layoutopt 工具并且它提供了更强大的功能。一些Lint规则如下:


       1、使用组合控件 --- 包含了一个  ImageView 以及一个 TextView 控件的 LinearLayout 如果能够作为一个组合控件将会

 被更有效的处理。

        关于这点,更多请看:  http://stackoverflow.com/questions/8318765/how-do-i-use-a-compound-drawable-instead-of-a-linearlayout-that-contains-an-imag

 

      2、合并作为根节点的帧布局(Framelayout)  ----如果一个帧布局时布局文件中的根节点,而且它没有背景图片或者padding

   等,更有效的方式是使用<merge />标签替换该< Framelayout />标签 。

 

          关于这点,更多请看 : <<android merge之布局>>

                                          <<Android里merge和include标签的使用>>

                                        

     3、无用的叶子节点----- 通常来说如果一个布局控件没有子视图或者背景图片,那么该布局控件时可以被移除(由于它处于

         invisible状态)。

 

     4、无用的父节点 -----如果一个父视图即有子视图,但没有兄弟视图节点,该视图不是ScrollView控件或者根节点,并且它

        没有背景图片,也是可以被移除的,移除之后,该父视图的所有子视图都直接迁移至之前父视图的布局层次。同样能够使

        解析布局以及布局层次更有效。

 

     5、过深的布局层次  ----内嵌过多的布局总是低效率地。考虑使用一些扁平的布局控件,例如: RelativeLayout、

          GridLayout ,来改善布局过程。默认最大的布局深度为10 。

 

 

      当使用Eclipse环境开发时,Lint能够自动解决一些问题,提供一些建议以及直接跳转到出错的代码中去核查。如果你没有

  使用Eclipse,Lint也可以通过命令行的方式运行。更多关于Lint的可用信息请参看:《Android Lint》  

 

 

      Hi 

 

                 



  相关解决方案