美文网首页
linearlayout,relativelayout,fram

linearlayout,relativelayout,fram

作者: miky_zheng | 来源:发表于2019-06-18 16:29 被阅读0次
    问:
    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>
    

    相关文章

      网友评论

          本文标题:linearlayout,relativelayout,fram

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