Axure新手养成计划(连载10)

Axure书籍 小楼一夜听春语 22909℃ 0评论

6.3.  条件判断

苏苏:楼哥,给元件添加交互的步骤我大概了解了,刚才你说的添加条件怎么做呀?

小楼:条件设置是给触发事件的用例添加逻辑判断,让程序知道在满足条件时候怎么做,不满足条件时又怎么做。举例来说:我们生活中如果想追一个女孩,就找她借钱。这就是一个逻辑判断。那么就是如果想追这个女孩的情况下,才会执行借钱的动作。否则的话……

苏苏:如果想跟一个女孩断绝关系,也可以找她借钱呀?

小楼:……你能不能借点钱给我?

苏苏:……

6.3.1.  条件的设置

在上一节我们说了,通过给用例添加条件来让软件去自动选择可执行的一个或多个用例。那么如何给用例添加条件呢?

这里我们通过一个例子,来了解条件的设置。

比如:选择下拉列表框中的不同选项,打开相应的搜索引擎主页。

下拉列表框是用来输入数据的元件,它在表单元件中。在向主编辑区中拖入一个下拉列表框后,点中并为它添加一个名称为“search”。

下拉列表框可以通过双击或者右键选择【编辑列表项】,来添加预置的选项。(图63)

63

(图63)

选项可以点击对话框中的【+】进行逐个添加,也可以点击【添加多个】。

添加多个选项需要在输入每个选项后,按回车键换行,保证每行一个选项,最后一行输入完毕不要再换行,否则会出现空的选项。

完成选项的输入后,可以在选项列表中通过勾选,设置默认显示的选项,如果不选择任何一项的话,元件会默认显示第一个选项。这里我们让“搜狗”为默认选项。(图64)

64

(图64)

完成下拉列表框的设置后,我们拖入一个形状按钮,双击修改它的文字为“打开搜索引擎主页”。

接下来,在这个按钮点击的时候,我们就要进行条件判断,通过不同的选项去打开不同的搜索引擎页面。

操作步骤如下:(图65)

  1. 点中形状按钮,右侧元件交互与说明面板中,出现这个元件的各种触发事件;
  2. 因为是点击按钮时候产生的交互, 所以,双击它的触发事件【鼠标单击时】打开用例编辑界面;
  3. 在用例编辑界面中我们点击“添加条件”,打开条件编辑界面。
  4. 因为我们需要判断下拉列表框中的被选择的项是什么,然后执行相应的动作,所以,我们在前面的判断对象列表中选择【被选项】。这时软件自动把下拉列表框显示在后面的输入框中。
  5. 在后面的判断内容列表中,我们选择【选项】。这时软件会自动把下拉列表框中预置的选项显示出来。
  6. 选项需要依次判断,这里我们先选择【百度】,点击【确定】。

65

(图65)

当我们完成上述操作,就完成为当前的用例添加条件的操作,这时在用例编辑界面的【组织动作】区域中,就会显示出我们刚刚设置的条件。(图66)

66

(图66)

      接下来,就是继续设置满足这个条件时执行什么动作。(图67)

  1. 点击左侧的【打开连接】-【新窗口/新标签】,添加在浏览器中打开新窗口的动作;
  2. 在配置动作中,设置【链接到url或文件】的超链接为http://www.baidu.com,然后点击【确定】退出用例编辑界面。

67

(图67)

      这时,如果我们F5预览或者F8生成html查看效果的话,当在下拉列表框中选择【百度】这个选项时,点击按钮就会在新标签(多标签浏览器)或者新窗口中打开了百度的首页。但是选择其它选项点击按钮还没有打开页面的效果。

我们需要再次双击触发事件【鼠标单击时】,或者点中【鼠标点击时】再点击【添加用例】来继续添加条件、设置动作,来完成其它搜索引擎页面的打开效果。最终,我们给触发事件【鼠标单击时】添加了三个用例,实现了目标效果。(图68)

68

(图68)


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » Axure新手养成计划(连载10)

喜欢 (57)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(13)个小伙伴在吐槽
  1. 什么时候出11。。。比我们老师教的好太多啦
    么西么西2015-08-26 16:25 回复
    • 小楼一夜听春语
      明天就出
      小楼一夜听春语2015-08-28 00:11 回复
  2. 太好了,又学会了一点~~~
    江呆呆2015-09-28 22:08 回复
  3. 学习了,老师好厉害啊
    加贝儿2015-10-12 18:27 回复
  4. 好象我的不是这样设置的,不在后面那个形状按钮,直接点下拉列表设置
    pp2015-11-13 17:19 回复
    • 原理是一样的,只是触发方式不一样而已
      杨永2016-02-03 14:58 回复
  5. 好棒,看懂了
    tuccana2015-11-22 15:36 回复
  6. 请问小楼老师,为什么点击下拉列表框里的百度的时候,点击后面的打开搜索引擎,会有三个用例选择?为什么不只跳出百度呢?
    嫣然2015-12-04 11:44 回复
    • 小楼一夜听春语
      不要把动作写在多个用例中
      小楼一夜听春语2015-12-07 14:12 回复
  7. 所以,楼楼,像一把锁头一样的插入文字链接,跟这节讲的是一个道理吗
    jaonjoans2016-01-18 14:29 回复
  8. 为啥我用火狐的浏览器能看到效果,用谷歌点那搜索就不管用呢
    天心2016-05-25 14:32 回复
  9. 想问为什么如果在当前窗口打开页面就不可以~
    lily2016-06-22 11:24 回复
  10. 很棒很棒
    倔强的心2017-08-03 15:25 回复