ConstraintLayout的简单介绍和使用

ConstraintLayout是Android Studio 2.2中主要的新增功能之一,也是Google在去年的I/O大会上重点宣传的一个功能。我们都知道,在传统的Android开发当中,界面基本都是靠编写XML代码完成的,虽然Android Studio也支持可视化的方式来编写界面,但是操作起来并不方便,我也一直都不推荐使用可视化的方式来编写Android应用程序的界面。

而ConstraintLayout就是为了解决这一现状而出现的。它和传统编写界面的方式恰恰相反,ConstraintLayout非常适合使用可视化的方式来编写界面,但并不太适合使用XML的方式来进行编写。当然,可视化操作的背后仍然还是使用的XML代码来实现的,只不过这些代码是由Android Studio根据我们的操作自动生成的。

另外,ConstraintLayout还有一个优点,它可以有效地解决布局嵌套过多的问题。我们平时编写界面,复杂的布局总会伴随着多层的嵌套,而嵌套越多,程序的性能也就越差。ConstraintLayout则是使用约束的方式来指定各个控件的位置和关系的,它有点类似于RelativeLayout,但远比RelativeLayout要更强大。

为了要使用ConstraintLayout,我们需要在app/build.gradle文件中添加ConstraintLayout的依赖,如下所示。

dependencies {
    compile 'com.android.support.constraint:constraint-layout:1.0.0-beta4'
}

 目前ConstraintLayout库最新的版本是1.0.0-beta4,还没有推出正式稳定版本

打开res/layout/activity_main.xml文件,Android Studio自动创建的这个布局默认使用的是RelativeLayout,我们可以通过如下操作将它转换成ConstraintLayout。

 

转换完成之后,原RelativeLayout中的内容也会自动转换到ConstraintLayout中


具体操作学习详见:http://blog.csdn.net/guolin_blog/article/details/53122387

Inspector最中间的那个正方形区域,它是用来控制控件大小的。一共有三种模式可选,每种模式都使用了一种不同的符号表示,点击符号即可进行切换。

  • 表示wrap content,这个我们很熟悉了,不需要进行什么解释。
  • 表示固定值,也就是给控件指定了一个固定的长度或者宽度值。
  • 表示any size,它有点类似于match parent,但和match parent并不一样,是属于ConstraintLayout中特有的一种大小控制方式,下面我们来重点讲解一下。

  自动添加约束的方式主要有两种,一种叫Autoconnect,一种叫Inference


本文学习来源:http://blog.csdn.net/guolin_blog/article/details/53122387


 

posted on 2017-03-02 15:27  LoaderMan  阅读(3516)  评论(0编辑  收藏  举报

导航