ConstrainLayout-登录界面设计

先上效果

 

实现流程：

1. 按钮登录的点击事件：移动各个组件到中心 
2. 请求网络，登录验证
3. 验证通过后，button设置文字“登录成功”，跳转到其他activity，未通过则各个组件返回原位置

背景

ConstraintLayout出来两年了，一直懒得去学习，即使是每次新建一个空白的acitivity，系统自动生成xml文件的根布局是ConstraintLayout也不用，换成其他的LinearLayout或RelativeLayout。

恰好不怎么忙就好好学习一下。

总结

ConstraintLayout很强，对于不同机型的适配很好用（百分比布局－不用写marginLeft，marginTop之类的）；

1. Circular positioning

2. 百分比布局

3. GuideLine

4. Chains

5. Group

6. Barrier