美文网首页
Android UI优化小结

Android UI优化小结

作者: anmi7 | 来源:发表于2017-06-28 15:27 被阅读0次

前言

日常开发中,我们经常会碰到比较复杂的布局,在这种情况下,最简单的方案就是采用多层嵌套实现效果,但是最简单的方法就是最优的方案吗?我认为在不影响效果的情况下应尽可能减少布局的层级、减少嵌套,这样做的好处就是可以让整个布局达到结构清晰,渲染速度快的效果。

1. 减少嵌套(减少布局的层次):
首先在我们日常开发中,我们心中要有一个大原则:尽量保持布局层级的扁平化。在这个大原则下我们要知道:

  • 在不影响层级深度的情况下,使用LinearLayout而不是RelativeLayout。因为RelativeLayout会让子View调用2次onMeasure,LinearLayout 在有weight时,才会让子View调用2次onMeasure。Measure的耗时越长那么绘制效率就低。
  • 如果非要是嵌套,那么尽量避免RelativeLayout嵌套RelativeLayout,恶性循环。

LinearLayout只能用来描述一个方向上连续排列的控件,容易导致布局文件嵌套太深,不符合布局扁平化的设计原理。而RelativeLayout几乎可以用于描述任意复杂度的界面。但是表达能力越强的容器控件,性能往往略低一些,因为RelativeLayout主要在onMeasure和onLayout阶段会耗费更多时间。
综上所述:LinearLayout易用,效率高,表达能力有限。RelativeLayout复杂,表达能力强,但是效率稍逊。所以当某一界面在使用LinearLayout并不会比RelativeLayout带来更多的控件数和控件层级时,我们要优先考虑LinearLayout。但是要根据实际情况来做一个取舍,在保证性能的同时尽量避免OverDraw。

View过度绘制,导致某些像素在同一帧时间内被绘制多次,从而使CPU或GPU负载过重;
View频繁的触发measure、layout,导致measure、layout累计耗时过多及整个View频繁的重新渲染;

2.背景优化(去掉window的默认背景):

当我们使用了Android自带的一些主题时,window会被默认添加一个纯色的背景,这个背景是被DecorView持有的。当我们的自定义布局时又添加了一张背景图或者设置背景色,那么DecorView的background此时对我们来说是无用的,但是它会产生一次Overdraw,带来绘制性能损耗。

public void onCreate(Bundle icicle){   
   super.onCreate(icicle);         
   setContentView(R.layout.mainview); getWindow().setBackgroundDrawable(null);   
  ...
}  

或者在theme中添加

<resources>  
<style name="NoBackgroundTheme" parent="android:Theme">   
<item name="android:windowBackground">@null  
</item>  
</style>  
</resources  

有时候为了方便会先给Layout设置一个整体的背景,再给子View设置背景,这里也会造成重叠,如果子View宽度mach_parent,可以看到完全覆盖了Layout的一部分,这里就可以通过分别设置背景来减少重绘。
再比如如果采用的是selector的背景,将normal状态的color设置为“@android:color/transparent",也同样可以解决问题

2. 巧用ViewStub:
ViewStub是一个非常轻量级的View,与其他的控件一样,有着自己的属性及特定的方法。它是一个看不见的,不占布局位置,占用资源非常小的控件。可以为ViewStub指定一个布局,ViewStub与其他控件相比,主要区别在以下:

  • 当布局文件inflate时,ViewStub控件虽然也占据内存,但是相相比于其他控件,ViewStub所占内存很小。
  • ViewStub只能用来Inflate一个布局文件,而不是某个具体的View,当然也可以把View写在某个布局文件中。
ViewStub
         android:id="@+id/stub_view"
         android:inflatedId="@+id/panel_stub"
         android:layout="@layout/progress_overlay"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_gravity="bottom" />

我们经常会遇到这样的情况,运行时动态根据条件来决定显示哪个View或布局。常用的做法是把View都写在上面,先把它们的可见性都设为View.GONE,然后在代码中动态的更改它的可见性。这样的做法的优点是逻辑简单而且控制起来比较灵活。但是它的缺点就是,耗费资源。虽然把View的初始可见View.GONE但是在Inflate布局的时候View仍然会被Inflate,也就是说仍然会创建对象,会被实例化,会被设置属性。也就是说,会耗费内存等资源。

3.TextView同时显示图片和文字:

使用TextView的drawableLeft(Right,Top,Bottom)

使用TextView的行间距:

   <TextView
        android:textSize="14dp"
        android:lineSpacingExtra="10dp"
        android:gravity="center_vertical"
        android:text="姓名:test\n属性:测试测试测试测试
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

可以看到我们仅仅利用Android:lineSpacingExtra="10dp",这一行代码就省去了1个TextView

4.使用Merge减少布局深度

假如需要在LinearLayout里面嵌入一个布局(或者视图),而恰恰这个布局(或者视图)的根节点也是LinearLayout,这样就多了一层没有用的嵌套,无疑这样只会拖慢程序速度。而这个时候如果我们使用merge根标签就可以避免那样的问题。

<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <Button
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="@string/add"/>

    <Button
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="@string/delete"/>

</merge>

官方文档给出的解释是这样做可以减少一级布局层次达到优化布局的效果.

5.< include/> 标签重用
< include>标签的作用是在当前布局中引入另外一个布局,作为当前布局的子布局。可以节省大量代码,同时便于统一使用及维护。

<include layout="@layout/titlebar" />  

ps:
一些应用开发中常见的规避内存泄露建议:
Context使用不当造成内存泄露;不要对一个Activity Context保持长生命周期的引用(譬如上面概念部分给出的示例)。尽量在一切可以使用应用ApplicationContext代替Context的地方进行替换(原理我前面有一篇关于Context的文章有解释)。

非静态内部类的静态实例容易造成内存泄漏;即一个类中如果你不能够控制它其中内部类的生命周期(譬如Activity中的一些特殊Handler等),则尽量使用静态类和弱引用来处理(譬如ViewRoot的实现)。

相关文章

  • Android UI优化小结

    前言 日常开发中,我们经常会碰到比较复杂的布局,在这种情况下,最简单的方案就是采用多层嵌套实现效果,但是最简单的方...

  • Android UI性能优化

    Ui性能优化 参考博客:Android UI性能优化实战 识别绘制中的性能问题Android UI性能优化详解 1...

  • Android UI优化

    Android性能优化 - UI篇Android性能优化 - CPU/GPU篇 一、UI层级优化 借助工具:Hie...

  • 性能优化

    Android UI性能优化实战 识别绘制中的性能问题性能优化(二) UI 绘制优化 通过Hierarchy Vi...

  • Android性能优化 - CPU/GPU篇

    Android性能优化 - UI篇Android性能优化 - CPU/GPU篇 前言 本篇主要讲解APP性能优化路...

  • Android webview-tips

    webview优化 Android学习之 WebView使用小结 Android 各个版本WebView 移动前端...

  • Android 之你真的了解 View.post() 原理吗?

    UI 优化系列专题,来聊一聊 Android 渲染相关知识,主要涉及 UI 渲染背景知识、如何优化 UI 渲染两部...

  • Android 之 Choreographer 详细分析

    UI 优化系列专题,来聊一聊 Android 渲染相关知识,主要涉及 UI 渲染背景知识、如何优化 UI 渲染两部...

  • 关于 UI 渲染,你需要了解什么?

    UI 优化系列专题,来聊一聊 Android 渲染相关知识,主要涉及 UI 渲染背景知识、如何优化 UI 渲染两部...

  • RenderThread:实现动画的异步渲染

    UI 优化系列专题,来聊一聊 Android 渲染相关知识,主要涉及 UI 渲染背景知识、如何优化 UI 渲染两部...

网友评论

      本文标题:Android UI优化小结

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