动态面板高级应用

在使用Axure制作原型的过程中，昆明网站建设小编认为动态面板部件是使用频率最高的部件，很多高级交互都必须结合动态面板才能实现。

一、动态面板事件

在动态面板中，有几个特定事件：【状态改变时】、【拖动开始时】、【拖动时】、【拖动结束时】、【向左/右/上/下拖动结束时】、【滚动时】、【向上/向下滚动时】。这些事件中的一些是由你创建的动作触发的，比如显示或移动动态面板。你可以使用这些事件来创建高级交互，比如展开折叠区域或者轮播广告。使用拖动事件可以制作拖放交互效果，并且可以在拖放开始时、正在拖放时和拖放结束时触发你想要的其他交互。

1.状态改变时

动态面板的【状态改变时】事件是由【设置面板状态】动作触发的。这个事件经常用来触发面板状态改变的一连串交互。

2.拖动时

拖动事件是由面板的【拖动】或者鼠标或手指快速点击、拖动、释放而触发的。这个事件通常用于APP 原型中的幻灯和导航。昆明网站制作小编告诉大家最常见的使用方法是配合【设置面板状态】到【下一个】/【上一个】，比如APP中的幻灯轮播交互。

3.滚动时

动态面板的滚动事件是由动态面板滚动条的滚动触发的。要触发特定的滚动位置交互，你可以添加条件，如[[this.ScrollX]]和[[this.ScrollY]]。举个简单例子，如果动态面板y 轴滚动距离大于200像素，就隐藏动态面板：if[[this.ScrollY]]＞200，then hide dynamic panel。

二、拖动事件

【开始拖动时】、【正在拖动时】、【拖动结束时】，这三个事件，允许你在拖动的每个阶段添加交互。如果你想让一个部件或者一组部件都能够被拖动，就把它们放入动态面板中。

拖动开始时：发生在面板拖动动作刚刚触发时。

拖动时：发生在面板拖动的过程中。

拖动结束时：发生在面板拖动结束时。