ConstraintLayout2，金三银四大厂面经总结

• start

• next

如果start状态与该基本布局相对应，则previous的状态则应该表示为轮播项目向右移动一个。

例如，假设我们有5个视图：处于开始状态的A，B，C，D，E。

start时，B，C，D可见，而A和E在屏幕外。我们要设置previous的状态，以使A，B，C，D的位置现在位于B，C，D，E所在的位置，并且视图从左向右移动。

在next状态中，需要相反的情况发生，与B，C，D，E移动到其中A，B，C，D分别为和的观点从从右向左移动。

至关重要的是，start状态必须恰好位于原始视图的起始状态。这种无限轮播的错觉的方式，实际上是将实际视图移回它们的位置，然后使用新的匹配内容将其重新初始化。下图显示了这种机制（请注意“ item＃”值）：

转场Transitions

在ConstraintSet中定义的这三个状态，在start和next，以及start和previous之间创建两个Transitions：向前和向后。让我们添加一个OnSwipe，以通过手势触发Transitions，例如：

添加轮播

一旦创建了这个基本的Motion Scene，我们只需要在布局中添加一个Carousel Help并引用这些视图即可（以实现上一个/下一个动画的顺序）。

Carousel Helper还需要设置几个属性：

• app:carousel_firstView：表示轮播的第一个元素的视图，在我们的示例中为C，即首先展示默认居中的视图
• app:carousel_previousState：ConstraintSet中previous状态的ID
• app:carousel_nextState：ConstraintSet中next状态的ID
• app:carousel_backwardTransition：Transition在start->previous之间应用的ID
• app:carousel_forwardTransition：Transition在start->next之间应用的ID

例如，您的布局XML文件中将包含以下内容：

android:id="@+id/carousel"
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
app:carousel_forwardTransition="@+id/forward"
app:carousel_backwardTransition="@+id/backward"
app:carousel_previousState="@+id/previous"
app:carousel_nextState="@+id/
next"
app:carousel_infinite=“true”
app:carousel_firstView="@+id/imageView2"

next"
app:carousel_infinite=“true”
app:carousel_firstView="@+id/imageView2"