Axure动态面板案例

1.拖出四张图片。

2.然后，把第一张图片，给隐藏了。



3.然后拉第二张图片遮住第一张图片。



4.最后把这三张图给放上图片，隐藏的那一张不用放。



5.右击鼠标找到“转换为动态面板”把三张图片都转换为动态面板。



6.找到“拖动时”点击它。



7.然后找到“移动”，勾上“当前元件”。



8.在右边找到“拖动结束时”点击它。



9.然后找到“移动“，把“当前元件”给勾上。



10.在找到“设置尺寸”，把第一张图片给勾上。



11.点击右下方的“FX”。



12.然后点击“插入变量或函数”，往下滑找到“Windowwidth”点击它，然后确定。



13.在点击高旁边的“FX”



14.跟上面一样，找到“插入变量或函数”向下滑，找到“Window height”，然后确定。



15.找到“设置图片”选择第一张图片，再导入对应的图片。

16．找到“显示”选择第一张图片，把动画给改为“逐渐”，“置于顶层”要勾上，然后确定。



17.最后“CTRL+C”复制，“CTRL+V”粘贴，你们懂得!



18.然后把图片给导入为对应的图片。



19.把第三张给给改了。



20.把第四张也给改了。

21.然后点击空白处，在右边找到“页面鼠标单击时”单击它。
找到“隐藏”勾上第一张图片，把动画改为“逐渐”时间改为 300毫秒