AXURE_RP案例教程 (二)
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:itlead 阅读 1604
上次我们讲到了动态面板,今天我们来了解下事件:我们的所示范的例子是登陆框1、打开Axure软件,新建一个RP文件2、拖动控件面板中的控件到线框图面板中,绘制登陆界面如下图:/cms/item/201


上次我们讲到了 动态面板 ,今天我们来了解下 事件 :
我们的所示范的例子是登陆框

1、 打开Axure软件,新建一个RP文件;
2、 拖动控件面板中的控件到线框图面板中,绘制登陆界面如下图:

1.jpg
                                              图1
所用到的控件清单如下:
 
2.jpg                             

                                                         图2
给文本框及按钮命名,如下:
 
3.jpg                              

                                                                        图3

 
4.jpg                             

                                                                 图4

3、 设置一个登陆成功后的跳转页面-跳转页;
 
5.jpg                           

                                                                   图5

4、 登陆按钮,在控件交互和注释面板中鼠标双击onClick事件;
 
6.jpg                             

                                                                     图6

5、 弹出的“交互场景属性”对话框中,点击“添加条件”这个链接;
 
7.jpg                     

                                                                  图7

6、 在弹出的“条件创建起”对话框中,添加条件如下:

如果“用户名等于123且密码等于123,则跳到“跳转页”,
 
8.jpg                           

                                                                          图8

 
9.jpg                             

                                                                              图9

7、 否则弹出“不正确”动态面板(前面(一)有讲,注:动态面板一开始设置为隐藏);
 
10.jpg                          

                                                                     图10

 
11.jpg                        

                                                                      图11

8、 同上,我们在 取消按钮 中双击onClick事件,弹出的“交互场景属性”对话框,选择“链接”下的“关闭当前窗口 ”
 
12.jpg                       

                                                                       图12

9、 “关闭”按钮的设置于“取消”相同

 

 本站技术原创栏目文章均为中睿原创或编译,转载请注明:文章来自中睿,本站保留追究责任的权利。

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2