美文网首页
孰优孰劣——RelativeLayout 对比Constrain

孰优孰劣——RelativeLayout 对比Constrain

作者: 浮云若飞 | 来源:发表于2017-07-22 15:27 被阅读0次

原创文章,转载请注明出处:http://www.jianshu.com/p/6ec3d71eaa5f

Android 开发中,我们常用的布局就是RelativeLayout ,而ConstraintLayout出现后,按照谷歌官方的看法,就是要将ConstraintLayout来替代RelativeLayout的,那么这两者又有什么区别呢,有什么优劣性呢,这就需要我们动一番脑筋了。

RelativeLayout

这里为什么要将RelativeLayout与ConstriantLayout 来进行对比呢,将其他的布局来对比呢,其他布局的使用范围都不如RelativeLayout广,用的也少,我们只需要对比了,明白了RelativeLayout和ConstraintLayout的区别,其他的布局相差的并不大。

ConstraintLayout

先短暂回顾一下RelativeLayout:相对布局,控件的位置是按照相对位置来计算的,控件之间的位置具有相对对应的关系,是最灵活最常用的布局。
而ConstraintLayout:约束布局,控件之间、控件与父布局之间具有约束关系,控件的位置是按照约束来计算的,使用ConstraintLayout布局时,也可以添加引导线(Guideline)来辅助布局,所有的布局可以在如图所示的界面上通过拖动和调整来完成,相对于RelativeLayout这一点要方便许多。优点1:布局调整更为方便,所见即所得

如图

举个小例子

简书
如图是简书APP的界面,如果采用RelativeLayout我们要如何布局得到这个界面呢?首先最上面的是AppToolBar,这个直接在ToolBarLayout中进行布局即可。其次下面列表,有多行,虽然每行的布局是一样的,内容却不同,可以把它统一写到一个xml中再使用include标签引入,最后在代码中修改内容,但是这样就不实际了,代码的冗余复杂度并没有改善。如果直接在xml 中进行布局,那么每一行不同的图标和文字,在布局的过程中可能会混乱,为了方便对每一行来管理,就需要嵌套linearLayout。还有一种布局的方式就是使用ListView来布局,再使用代码加载,这种方式应该是最优的吧。
如果采用ConstraintLayout呢,那些使用代码的方式都不谈,这都是相似的。而在xml文件中布局呢,就不需要嵌套linearLayout了,直接添加控件,将控件之间的约束调整好即可,并且由于ConstraintLayout的特性,我们可以很方便的就将各布局给对齐好,如图所示做了个简单的示例。
示例
这样布局以后,控件的位置就能够对齐了。
优点2:布局之间相对位置更好控制

动态新建布局

上面讲的都是在xml代码中静态的对布局进行调整,但是实际开发过程中,动态的控件也不少见,比如要显示一个对话框、或者显示登录按钮,甚至是弹出一个让人深恶痛绝的广告吧,都需要在代码中动态的添加布局,添加布局的基本步骤就是先找到我们要新建布局的view,通常是一个Layout,然后调用addView方法,传入一个新的view,就可以将新的view添加到我们的界面中来了。
光添加view还不足够,我们还得控制view的位置,当然这个view的位置通常是在左上角,但是这样不美观,不符合我们对界面的要求。
在RelativeLayout中,我们常用LayoutParams来对新建的控件进行控制,尺寸和控件等,ConstraintLayout也可以使用LayoutParams,具体的不多说,可参看官网。
而ConstraintLayout引入的一个新的类,ConstraintSet,这个就大有文章了,这个类的功能更强,对控件都可以在代码中动态的调整id,如图

2.gif
因为ConstraintLayout这些强大的特性,使得它的应用面很广,同时,ConstraintLayout也可以方便的创造出动画效果,这个可以参考我的另一篇文章ConstraintLayout基础 及动态控件(动画效果)
由上面这些可以得出ConstraintLayout的优点3,动态创建布局方便,对控件的控制能力更加强大,可以实现动画效果

性能

过后再更新,性能更好,渲染速度更快。

总结

综合上面这些来说,ConstraintLayout的功能更加强大,使用起来更加方便,不论是静态布局还是动态布局都具有良好的支持,同时可以完成动画效果,性能上也更加优越,由此看来,ConstraintLayout完全替代RelativeLayout指日可待。

相关文章

  • 孰优孰劣——RelativeLayout 对比Constrain

    原创文章,转载请注明出处:http://www.jianshu.com/p/6ec3d71eaa5f Androi...

  • 孰优孰劣

    尺有所长,寸有所短,孰优孰劣,怎么界定,不同标准,不同结论。不能以君之心度小人之腹。对于他人不能妄加猜测,只能就事...

  • 微服务-SpringCloudAlibaba-nacos服务注册

    SpringCloudAlibaba使用的是nacos作为服务注册,和Eureka对比一下,看看孰优孰劣。 nac...

  • Tensorflow 2 vs PyTorch —— 对比学习教

    关于 Tensorflow 和 PyTorch 孰优孰劣的对比和争论一直没有停过,但这并不是本文讨论的重点。因为,...

  • 阅读

    终极对决!Dubbo 和 Spring Cloud 微服务架构到底孰优孰劣? http://mp.weixin.q...

  • 各种竞争规则孰优孰劣

    回顾 昨天的问题比较简单,我回答的基本正确。 今天这讲中的重点其实是“每种竞争规则本身都会带来成本”,这是我昨天没...

  • 稀缺VS余闲,孰优孰劣?

    这个问题,不急着回答你,仍然先给各位举个例子: 比如说,你要出门旅游,出门前,你肯定要把你的洗漱用品,要换洗的衣物...

  • 各种竞争规则孰优孰劣

    ​​​没有任何一个规则比别的规则更公平 所有这些竞争规则里,哪一个更公平?答案是,公平与不公平要看说的人谁? 不同...

  • 文学与影视孰优孰劣

    周末太忙,没有时间日更,只好偷懒,偷懒的方式就是偷窃自己的旧文。一篇关于文学是否比影视剧高明,而影视剧是否又该妄...

  • 各种竞争规则孰优孰劣

    1.没有任何一个规则比别的规则更公平 公平与不公平要看谁说了,不同的人,具有不同的公平观。 身强力壮的人、喜欢练武...

网友评论

      本文标题:孰优孰劣——RelativeLayout 对比Constrain

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