comment 0

Axure中Masters的Raise Event用法

Key words: Master, Raise Event.

模块复用,在Axure中是一个事半功倍的方法,能有效提高效率,并减少生成文件大小,也方便后期维护。

 

因为直接在master下设置交互动作,是看不到page下的控件的,于是Raise Event的最主要用途是,就是在master里添加event后,就可以让master调用page下的控件并设置交互动作。呃…感觉就像自己创建了一个widget似的。

 

版本:Axure 6.5

 

这里用一个简化后的“选座”作为例子(点击下载rp文件),主要思路:
1,用变量记录已选座位个数
2,用raise event复用操作的部分

 

具体步骤如下:
1,在home页下画出简单的线框图
815FE4CFDDA01F4A8D0B7CCF8AFE9329_B1280_1280_359_523
2,”已选中  个”中间放一个文本框,设置好样式,比如设为20号字,居中,删除默认字符,摆放到合适位置,然后为其定义lable,比如叫Count
计数
计数
3,座位部分,圆圈和数字分开,数字在下方,圆圈填充99%的透明色;圆圈使用动态面板,为其命名,比如叫Seats,添加两个状态,比如:Selectable、Selected
圆圈
圆圈
4,将圆圈的动态面板转为Master,命名,比如叫Seats
转为master
转为master
5,在Masters里,编辑动态面板Seats下的状态,为Selectable下的圆圈添加OnClick事件,设置Raise Event,添加两个Event,比如分别叫Select和CancelSelect,选中Select;
Selected状态下类似,选中CancelSelect。

E349F8318DF402860D63BFD1E1548149_B1280_1280_888_645

ok, 下面开始设置主要的交互动作
6,添加变量Count,OnPageLoad里设置交互事件,对数据进行初始化:
onpageload
onpageload
7,设置Master的的交互事件,选择时,变量+1,赋值给文本框count,取消选择时,变量-1,赋值给文本框count.
Master的交互
Master的交互
8,复制Master,ok,完成。
完成
完成

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注