动效流程：

      从右向左抹第一下，箭头往右移到“password”，同时，“username”输入框的下在出现“password”的输入框。再从右向左抹第二下，箭头再往右移到“phone”，同时，“password”的输入框渐隐成“sign in”按钮。

图层命名：

      箭头我们给它起个名字“arrow”是被热区控制的，会在username、password和phone之间移动，为了让arrow可以移动，我们在输入框以下的地方设置一个热区，这个热区我们给他起个名字“container”，它其它是个容器，里面放三个块，可以让我们轻松的滑动。username的输入框我们叫它“input1”，password的输入框我们叫它“input2”。

下面我们给容器一个手势动作，“Scroll”，“paging mode”设置为：“paging”。“input2”我们给它一个渐隐“fade”，“input2” 被container控制，这里我们设置的是container的触发设置：选择“scroll position”、“continuously with rate”, 勾选“Limit scroll range”限制滑动范围0到273，水平方向，渐隐速度0.0036。

“sign in”按钮我们给它一个渐隐“fade”，“sign in”被container控制，这里我们设置的是container的触发设置：选择“scroll position”、“continuously with rate”, 勾选“Limit scroll range”限制滑动范围273到546，水平方向，渐隐速度0.0036。

下面我们arrow，arrow被container控制，这里我们设置的是container的触发设置：选择“scroll position”、“continuously with rate”, 勾选“Limit scroll range”限制滑动范围0到546，水平方向，从右向左滑动，渐隐速度0.383。

现在我们见证奇迹的时刻就要到了……