android 卡片放大变详情页,ConstraintLayout动画实现布局卡片式滑动放大缩放

ConstraintLayout(约束布局)是Android Studio 2.2中主要的新增功能之一，Android studio升级到2.3版本之后，不管是新建Activity或fragment，xml默认布局由RelativeLayout更改为ConstraintLayout了。

按照以往惯例先上效果图：

GIF.gif

上图效果所示 根据手势滑动View 改变View的位置实现方法多种，此处记录下使用ConstraintLayout布局动画实现的过程(此篇笔记仅仅只记录应用demo，不讲解动画实现的原理，如有错误之处还望指正 3Q_)：

1.首先保证Android studio升级到2.3版本之后，然后新建项目，编写xml布局(引用android.support.constraint.ConstraintLayout控件)：

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"

android:background="@color/colorPrimary"

android:orientation="vertical"

tools:context="com.dawnling.app.MainActivity">

android:id="@+id/imgBack"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="8dp"

android:layout_marginTop="15dp"

android:layout_marginBottom="15dp"

app:srcCompat="@mipmap/ic_back" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/main">

android:id="@+id/rlTop"

android:layout_width="0dp"

android:layout_height="375dp"

android:background="@drawable/shape_bg_qrcode_transparent"

app:layout_constraintTop_toTopOf="parent"

android:layout_marginEnd="16dp"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

android:layout_marginStart="16dp">

android:id="@&#