赞
踩
到深圳这边后比较忙,很久没有更新了,今天写的这篇博客是因为在面试的过程中问到了约束布局。
所以简单提一下约束布局。
这边文章会分为如下几点
1.ConstraintLayout是什么
2.为什么要用ConstraintLayout
3.ConstraintLayout的简单使用
1.ConstraintLayout是什么
ConstraintLayout 是Google在2016年推出的一种布局,是一个ViewGroup它的出现主要是为了解决布局嵌套过多的问题,以灵活的方式定位和调整小部件。
2.为什么要用ConstraintLayout
可以有效地解决布局嵌套过多的问题(设备绘制视图所需的时间和计算功耗)
性能比较结果表明: ConstraintLayout在测量/布局阶段的性能比相对布局大约高40%
3.ConstraintLayout的简单使用
以前在新建一个项目后,发现已经默认是ConstraintLayout布局了,如下:
ConstraintLayout的基本用法也很简单,比如我们想要向布局中添加一个按钮,那么只需要从左侧的Palette区域拖一个Button进去就可以了,如下图所示。
然后会发现xml代码中Button标签爆红
这句话的意思是:此视图不受约束。它只有设计时的位置,所以它将在运行时跳到(0.0),除非你添加更多的约束Ctrl+F1)。
那么接下来就是添加约束了:(设置参照物)
(通过四个点来确定其布局)首先来个最简单的,上下左右都拉一次。
然后就不爆红了,这就是最基础的使用了(这时通过鼠标可以直接移动控件的位置),下面通过一个小Demo,来拓展一下
layout_constraintStart_toEndOf :同left_toRightOf
layout_constraintStart_toStartOf :同left_toLeftOf
layout_constraintEnd_toStartOf :同right_toLeftOf
layout_constraintEnd_toEndOf :同right_toRightOf
layout_constraintLeft_toLeftOf :当前View的左侧和另一个View的左侧位置对齐
layout_constraintLeft_toRightOf :当前view的左侧会在另一个View的右侧位置
layout_constraintRight_toLeftOf :当前view的右侧会在另一个View的左侧位置
layout_constraintRight_toRightOf :当前View的右侧和另一个View的右侧位置对齐
layout_constraintTop_toTopOf :头部对齐
layout_constraintTop_toBottomOf :当前View在另一个View的下侧
layout_constraintBottom_toTopOf :当前View在另一个View的上方
layout_constraintBottom_toBottomOf :底部对齐
layout_constraintBaseline_toBaselineOf :文字底部对齐
Demo代码如下:
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <EditText android:id="@+id/main_et_user" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="32dp" android:layout_marginLeft="32dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginRight="8dp" android:layout_marginBottom="8dp" android:ems="10" android:inputType="textMultiLine" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.493" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.164" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginLeft="8dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginRight="8dp" android:layout_marginBottom="8dp" android:text="密 码:" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.079" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.185" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginLeft="8dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginRight="8dp" android:layout_marginBottom="8dp" android:text="登录" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.224" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.89" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginLeft="8dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginRight="8dp" android:layout_marginBottom="8dp" android:text="注册" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.739" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.89" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginLeft="8dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginRight="8dp" android:layout_marginBottom="8dp" android:text="用户名:" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.08" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.12" /> <EditText android:id="@+id/main_et_pwd" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="32dp" android:layout_marginLeft="32dp" android:layout_marginTop="8dp" android:layout_marginEnd="8dp" android:layout_marginRight="8dp" android:layout_marginBottom="8dp" android:ems="10" android:inputType="textMultiLine" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.493" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.097" /> </android.support.constraint.ConstraintLayout>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。