撰写在你的移动端原型中，使用丰富的动画来实现页面之间的转场过度。
STEP 0：下载移动端练习文件
如果你还没有练习文件，请下载AxureMobile练习文件.rp并在Axure RP中打开它，该文件包含了Axure移动端教程中对应的每个页面。
STEP 1：设置
在移动端练习文件中打开“转场动画”页面，在画布上有两个元件组合，“首页”和“设置”。
在画布上选中两个组合，然后在选中的区域上点击鼠标右键，选择“转换为动态面板”。拖动动态面板的右边缘直到与“首页”组合的右边缘重合，以使动态面板的宽度为360像素，这样可以限制动态面板的可见区域，以便每次只能显示两个组合中的其中一个。
STEP 2：当点击齿轮图标时显示“设置”
在概要窗格中，双击动态面板下的“State1”以打开进行编辑。
当你处于动态面板状态页面时，在概要窗格中选中“设置菜单按钮”（就是画布中“首页”组合头部右上角的齿轮图标），然后双击检视窗格中属性页签下的“鼠标单击时”，来添加一个新的鼠标单击时用例。
在该用例下，我们要做的第一件事就是为转场动画准备好“设置”组合，我们把它隐藏，然后放在动态面板的可见区域。
在用例编辑器中，点击左侧“配置动作”栏中的“隐藏”（位于“显示/隐藏”下面），然后在右侧“配置动作”栏中选择“设置”。
备注：你可以直接在“配置动作”栏的搜索条中直接搜索“设置”以便可以更快的定位到它。
回到左侧“添加动作”栏，点击“移动”，然后在右侧“配置动作”栏中选择“设置”。
在右侧“配置动作”栏的底部，设置“移动”下拉列表的选项为“绝对位置”，并且在“y”字段中输入“20”，这样可以将“设置”组合移动到动态面板画布的(0,20)位置。
接下来，我们将使用“显示”动作和另一个“移动”动作来实现转场效果。
在左侧“添加动作”栏中点击“显示”（位于“显示/隐藏”下面），在右侧“配置动作”栏中选择“设置”。
在右侧“配置动作”栏的底部，设置“动画”下拉列表的选项为“逐渐”，并在“时间”字段中输入“300”，然后勾选“置于顶层”的复选框。
再回到左侧“配置动作”栏，再次点击“移动”，在右侧“配置动作”栏中选择“设置”。
在右侧“配置动作”栏的底部，将“移动”下拉列表的选项改为“绝对位置”，并且保持“x”字段和“y”字段的值为“0”不变（由于在上一次移动之后，“设置”组合将处于(0,20)的位置，这一次移动，将会使它移回原位），在“动画”下拉列表中选择“逐渐”，并设置“时间”为“350”毫秒。
点击“确定”按钮关闭用例编辑器。
STEP 3：当点击箭头图标时隐藏“设置”
回到“主页”界面的转场比较简单——我们要做的就是再次隐藏并移动“设置”组合。
在概要窗格中，选中“返回菜单按钮”（就是画布中“设置”组合左上角的箭头图标），然后在检视窗格中的属性页签下双击“鼠标单击时”，以添加一个新的鼠标单击时用例。
在用例编辑器中，点击左侧“添加动作”栏中的“隐藏”（位于“显示/隐藏”下面），然后在右侧“配置动作”栏中选择“设置”。
在右侧“配置动作”栏的底部，设置“动画”下拉列表的选项为“逐渐”。（注意“时间”字段的值要和我们之前设置“隐藏”动画的时间一样，设置为“300”。）
回到左侧“添加动作”栏，点击“移动”，在右侧“配置动作”栏中选择“设置”。
在右侧“配置动作”栏的底部，将“移动”下拉列表的选项改为“绝对位置”，并设置“y”字段的值为“20”，在“动画”下拉列表中选择“摇摆”。（注意“时间”字段的值要和我们之前设置的“移动”动画的时间一样，设置为“350”。）
点击“确定”按钮关闭用例编辑器。
STEP 4：预览
预览原型，点击齿轮图标载入“设置”界面，然后再点击箭头图标回到“主页”界面。
（备注：如果你想在“设备框架”页面提供的设备框架中预览页面，打开“设备框架”页面，双击“内容框架”，然后在弹出的对话框中选择“转场动画”。）