linearlayout，relativelayout，fram

2019-06-18 本文已影响0人 miky_zheng

问：
linearlayout，relativelayout，framelayout都能实现的情况下，优先选哪个布局。

首先声明，这个问题是个坑，很难回答，由于不同的ui，可能性能，代码上都会体现不同，不能单纯的说哪个比哪个好，只有适不适合。

下面结合案例来给出总结

1.从源码来看

linearlayout，relativelayout，framelayout都是viewgroup的直接子类
framelayout代码量最少，逻辑最少。子类view只和父类存在关联。
这样看起来，framelayout似乎性能最好。所以以前很多视频的控件都会用framelayout。
linearlayout和relativelayout都设计子类的计算。具体后面分析。

2.实测绘制时间

由于ui绘制，viewgroup只涉及onmesure，onlayout两个方法。子类view只和ondraw有关。

因此我们可以分别继承linearlayout，relativelayout，framelayout，来观察父类onmesure，onlayout的调用时间。以及分别继承两个子view，这里用普通的textview和button，观察ondraw时间

日志如下：

时间为纳秒
I/MYVIEW: TextView onDraw163542,parent=com.example.viewgroupresourcetest.MyLinearLayout
I/MYVIEW: Button onDraw265625,parent=com.example.viewgroupresourcetest.MyLinearLayout
I/MYVIEW: Button onDraw167188,parent=com.example.viewgroupresourcetest.MyLinearLayout
I/MYVIEW: TextView onDraw169271,parent=com.example.viewgroupresourcetest.MyRelativeLayout
I/MYVIEW: Button onDraw303125,parent=com.example.viewgroupresourcetest.MyRelativeLayout
I/MYVIEW: Button onDraw241146,parent=com.example.viewgroupresourcetest.MyRelativeLayout
I/MYVIEW: TextView onDraw156771,parent=com.example.viewgroupresourcetest.MyFrameLayout
I/MYVIEW: Button onDraw279687,parent=com.example.viewgroupresourcetest.MyFrameLayout
I/MYVIEW: Button onDraw194791,parent=com.example.viewgroupresourcetest.MyFrameLayout


===================================viewgroup
I/MyLinearLayout: onMeasure:576041
I/MyLinearLayout: onMeasure:176042
I/MyLinearLayout: onLayout:223437

I/MyRelativeLayout: onMeasure:1030208
I/MyRelativeLayout: onMeasure:378125
I/MyRelativeLayout: onLayout:172917

I/MyFrameLayout: onMeasure:660416
I/MyFrameLayout: onMeasure:123959
I/MyFrameLayout: onLayout:163542

由上简单得出：

调用onMeasure，MyFrameLayout总时间最小，但是 MyLinearLayout 子view的ondraw时间最小。
MyRelativeLayout 三者中方法调用都最长。

但是在约束布局没出来前，RelativeLayout是官方默认布局，为什么？
当遇到负责的布局时，RelativeLayout相对LinearLayout能减少布局层级。减少过多的父布局。

或者直接监听activity的setcontentview方法，结果日志如下：

时间为 纳秒/1000
I/setContentView: Framlayout:22576
I/setContentView: relaytive:23244
I/setContentView: linear:19935

结果依然如上面一样，线性布局在绘画ui的环节当中性能是最好的。

but

如果加上findviewbyid（查找控件），算总时间呢

日志如下：

时间为 纳秒/1000
I/setContentView: Framlayout:21784
I/setContentView: relaytive:21662
I/setContentView: linear:26496

结果大吃一惊，线性布局性能最差，相反relativelayout相对布局确是最好的，难怪之前默认官方用relativelayout

当然同本文开头所说，单纯的比较谁的性能好，没意义，只有在适合的地方用才是最优的。

如果只是绘制ui，不涉及findviewbyid这种操作，就用线性布局，否则还是用relativelayout好，当然如果是视频还是framelayout，具体可以自行测试。

注：约束布局又是怎么样呢？是不是性能更好呢？

测试布局如下：

<?xml version="1.0" encoding="utf-8"?>
<com.example.viewgroupresourcetest.MyFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.example.viewgroupresourcetest.MyTextView
        android:id="@+id/tv"
        android:text="hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <com.example.viewgroupresourcetest.MyButton
        android:layout_marginLeft="100dp"
        android:id="@+id/btn"
        android:text="submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</com.example.viewgroupresourcetest.MyFrameLayout>

<?xml version="1.0" encoding="utf-8"?>
<com.example.viewgroupresourcetest.MyLinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.example.viewgroupresourcetest.MyTextView
        android:id="@+id/tv"
        android:text="hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <com.example.viewgroupresourcetest.MyButton
        android:id="@+id/btn"
        android:text="submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</com.example.viewgroupresourcetest.MyLinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<com.example.viewgroupresourcetest.MyRelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.example.viewgroupresourcetest.MyTextView

        android:id="@+id/tv"
        android:text="hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <com.example.viewgroupresourcetest.MyButton
        android:layout_toRightOf="@+id/tv"
        android:id="@+id/btn"
        android:text="submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</com.example.viewgroupresourcetest.MyRelativeLayout>

这里同样给出约束布局日志数据：

ConstraintActivity:33657
ConstraintActivity:31255

结果性能最差，不知道官方推荐它的道理在哪里。

布局如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <com.example.viewgroupresourcetest.MyTextView
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:id="@+id/tv"
        android:text="hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <com.example.viewgroupresourcetest.MyButton
        app:layout_constraintLeft_toRightOf="@+id/tv"
        app:layout_constraintTop_toTopOf="parent"
        android:id="@+id/btn"
        android:text="submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</android.support.constraint.ConstraintLayout>