AxureRP教程–6.0动态面板新功能

AxureRP 6.0版本新增了很多功能,其中就包括给动态面板加上了事件,原本动态面板是不支持事件的,新版本一下给其增加了7个事件,并且增加了拖拽的动作,使动态面板可实现的效果越来越多。应该来说动态面板组件是AxureRP的一个亮点功能,没有这个组件,很多功能都无法实现,新版本加强了这个特色功能,也使AxureRP的功能变得更强了。

前面已经有多篇文章介绍过AxureRP的动态面板功能,因此对其已有的功能不再介绍,这里主要介绍一下其新增的功能,6.0版本新增加了OnMove,OnShow,OnHide,OnPanelStateChange,OnDragStart,OnDrag,OnDragDrop共7个事件,从字面上能看出来,是增加了对动态面板移动,隐藏显示,状态页改变和拖拽操作的判断,新版本还增加了一些特效,可以让动态面板在形式改变的时候的过渡效果更佳炫丽,如弹跳效果,线性效果等。

OnMove:当动态面板移动时触发。此事件就是在需要移动动态面板的时候支持触发动作,如需要根据某一组件的位置来触发交互动作的时候可以考虑使用这个事件。

OnShow , OnHide:当动态面板隐藏或显示时触发。这两个事件在动态面板的属性以及动作当中都有,现又增加了事件,几乎已经完美了。

OnPanelStateChange:当动态面板更改面板的状态时触发。即动态面板切换显示状态页的时候,对状态页超过一个的情况下是比较有用的。

OnDragStart: 当发生拖拽开始时触发

OnDrag: 拖拽中触发

OnDragDrop: 当拖拽结束时触发,这三个是一起的,分别控制拖拽前、拖拽中、拖拽后的状态,详细的可以参见《AxureRP 6.0新功能介绍》中的例子。

下面举例来演示,主要是演示其新增的拖拽功能,如下图所示:

例子主要通过四个动态面板,来演示拖拽的三个事件,及分别演示其支持的4种特效。值得注意的是,动态面板的移动也增加了多种方式,原先只支持位移和坐标定位,现在还有沿X轴移动、沿Y轴移动和返回移动前的地方等方式。

例子的交互事件设置是很简单的,那是因为AxureRP新版本支持了这样的交互,要是用老版本的AxureRP来实现这样的功能,就相当复杂了。详细的可以查看源文件,这里主要是介绍一下,方便大家熟悉新特性,新版本确实改了很多东西,有些操作习惯也改掉了,刚开始用的时候会不大适应,久了就好了。

示例在AxureRP 6.0版本下调试通过

 

点此查看演示

点此下载源文件



无觅相关文章插件,快速提升流量

“AxureRP教程–6.0动态面板新功能”3 条评论

Mell | 2011-10-18 17:21 |
commenter

想问一下,在拖动动态面板时, CASE 1 为什么要将目标框设为选中状态?

commenter

这个本来是要设置目标框的选中状态,即显示拖动到目标框范围内时,让目标框显示不一样的样式,忘记设置了,呵呵

commenter

楼主,我来关注你啦.