问:
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>
网友评论