ConstraintLayout,RelativeLayout和LinearLayout的性能对比

ConstraintLayout,RelativeLayout和LinearLayout的性能对比从五年前刚接触Android开发,到初入职场

        从五年前刚接触Android开发,到初入职场。不管想写什么小demo,或者做什么课程设计,拿到需求,我就开始自己的线性布局之旅了。不管多么复杂的布局,我几乎都能通过各种嵌套来实现。但是,逐渐的,我也听到身边的同事说线性布局嵌套会导致过度绘制,影响性能等等的说法。那时,我还一脸懵逼。确实,那时候,我也只是想着完成功能。

        那么,为什么我想写一篇文章来对比一下这三种布局的性能呢?因为,以前我用线性布局,有同事说相对布局好一些,然后我会适量的使用相对布局。后来,随着约束布局的出现和使用人群日渐增多,我在否定约束布局很久后,终于也没逃过“真香定理”。确实,约束布局她太香了。尝试过一次约束布局后,我开始大量的使用,以至于我最喜欢的线性布局,我都很少去触碰它了。但是,我确实没有自己去验证一下,这三种布局是否在性能上的差别。好,接下来,我就以我的方式去对比一下这三种布局的性能。

一.从需求入手

        首先,我们给自己一个需求。就做一个老生常谈的登录界面吧!很简单的登录界面:

ConstraintLayout,RelativeLayout和LinearLayout的性能对比

二.性能比较

        首先,说明一下,这里的性能比较是在不嵌套布局的情况下去对比。我们分别用线性布局,相对布局和约束布局去实现上面的登录界面。比较方式:我们在这里也没有去详细的比较绘制的三个流程分别耗时多少,我们就打印一下setContentView的耗时情况。(注:(1)不统计除此启动耗时(2)均为杀死进程后重新启动(3)测试手机为小米Max 2)

        long startTime = System.currentTimeMillis();
        setContentView(R.layout.activity_main_linear);
        long endTime = System.currentTimeMillis();
        long totalTime = endTime-startTime;
        Log.d("TTTT","totalTime:"+totalTime);

1.线性布局

(1)代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/edt_1"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="200dp" />

    <EditText
        android:id="@+id/edt_2"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="10dp" />

    <Button
        android:id="@+id/button"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:text="login in"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="10dp" />

</LinearLayout>

  (2)耗时情况

线性布局耗时表(单位:ms)
1 2 3 4 5 6 7 8 9 10 平均
130 129 131 130 129 132 131 131 129 129 130

 2.相对布局

(1)代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/edt_1"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="200dp" />

    <EditText
        android:id="@+id/edt_2"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_below="@+id/edt_1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp" />

    <Button
        android:id="@+id/button"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_below="@+id/edt_2"
        android:text="login in"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp" />

</RelativeLayout>

(2)耗时情况

相对布局耗时表(单位:ms)
1 2 3 4 5 6 7 8 9 10 平均
132 130 130 131 128 129 130 127 129 130 130

3.约束布局

(1)代码 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/edt_1"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_marginTop="200dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/edt_2"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_marginTop="10dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/edt_1" />

    <Button
        android:id="@+id/button"
        android:layout_width="200dp"
        android:layout_height="40dp"
        android:layout_marginTop="10dp"
        android:text="login in"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/edt_2" />

</androidx.constraintlayout.widget.ConstraintLayout>

(2)耗时情况

约束布局耗时表(单位:ms)
1 2 3 4 5 6 7 8 9 10 平均
160 163 163 162 161 159 168 168 156 158 162

4.比较结果 

        经过上面的数据,我们可以看出,在简单布局下,相对布局和线性布局的耗时情况差不多。但是,约束布局的耗时反而会多了30ms。大家都知道,在不考虑布局嵌套的情况下,相对布局由于会在measure中计算两次,会导致耗时比线性布局稍微多一些。而约束布局是相对布局的进化版,在处理简单布局的时候,耗时确实有所增加。

三.个人观点

        根据自己的实际工作,以及了解到的一些同事对布局的使用情况,说一下个人的几个观点:

(1)在布局简单的情况下,优先使用LinearLayout,其次考虑RelativeLayout和ConstraintLayout。原因:简单布局下,LinearLayout确实简单,且耗时不多,代码量也相对少一些。

(2)在布局比较复杂的情况下,优先使用RelativeLayout和ConstraintLayout,不建议使用LinearLayout各种嵌套。原因:布局过多层次的嵌套,会增加绘制时间。

(3)不必刻意追求使用ConstraintLayout,如果你习惯了使用RelativeLayout。原因:ConstraintLayout和RelativeLayout在处理复杂布局时,我没做过更多的耗时比较。但是,有很多人确实习惯使用RelativeLayout,那么,也不必强行使用约束布局,因为有些人会觉得约束布局会写很多的代码。。。

今天的文章ConstraintLayout,RelativeLayout和LinearLayout的性能对比分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/72835.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注