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

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

6. 元件交互与说明
软件界面的右上角,是元件交互与说明功能面板。这是一个非常重要的区域,原型里面的动态效果绝大部分是在这里来实现的。而且当一些效果不能实现或者实现起来浪费精力与时间,没有价值意义的时候,也可以通过元件说明进行文字备注。另外,元件说明也能体现在软件生成的文档中,规范、全面的元件说明能够让你生成的文档更容易修改成可用的产品需求文档。
6.1. 元件的名称
在【元件交互与说明】模块中的第一项是元件名称的编辑框,为元件添加名称主要是为了让我们在在一些操作中能够准确方便的选取元件,特别是一些需要添加交互或者在编辑中经常需要选取的元件。所以,给元件命名是我们进行原型设计要养成的一个良好习惯。
备注:元件命名尽量不要使用中文,否则会导致一些不明错误。
6.2. 元件的交互
在交互面板中首先是【添加用例】和【创建链接】两项。【创建链接】能方便的设置元件被鼠标点击时跳转到当前项目的其他页面。而【添加用例】,可以在点击下方的任意一个触发事件后添加打开用例编辑界面。
我们在生活中经常会计划一些事情,来应对不同的情况。比如:下雨的时候,如果雨很大就穿雨衣,穿雨鞋,如果雨小就只打一把雨伞。这样就会实现一个避免淋雨的结果。
做原型中的交互就和我们计划事情一样,由触发事件(下雨时)、判断(雨大或者雨小)、情形(雨大时的动作和雨小时的动作)来组成。其中,每种不同的情形会包含不同的动作。
另外,有些时候我们不需要判断,比如:下雨的时候穿雨衣避雨。这种情况就在触发事件时就只有一种情形。
在Axure的交互中:
触发事件就是面板中的【鼠标单击时】、【鼠标移入时】等等;
情形就是在触发事件中所添加的用例(Case);
情形的判断和执行的动作,则需要在用例编辑界面中进行编辑。
通过上面的步骤,就能够完成一个交互的编辑。比如:为形状按钮添加事件【鼠标单击时】【打开链接-当前窗口】【链接到Url或文件】【http://www.baidu.com】就能够实现形状按钮被点击时在浏览器当前窗口打开百度首页的效果。(图59)

59
(图59)

在上面的操作中,用例编辑界面,一共包含了五个部分。
1. 用例名称:修改用例名称,便于识别或者组织文档。
2. 添加条件:为之后的动作添加条件限制,仅在满足条件时执行。
3. 添加动作:选择在符合条件时执行的动作;
4. 配置动作:选择动作的目标对象,并进行相应的设置。
5. 组织动作:为添加的动作调整先后顺序。
这五个部分的作用,我们用生活中的例子来对比一下:晒衣服的时候如果要下雨就要把窗外的衣服收起来。
 用例名称:下雨收衣服。
 添加条件:如果要下雨。
 添加动作:1-打开。
 配置动作:1-窗户。
 添加动作:2-收取。
 配置动作:2-衣服,范围选择:所有。
 添加动作:3-关闭。
 配置动作:3-窗户。
 组织动作:打开窗户>收取所有衣服>关闭窗户。
在Axure用例中的动作是由上至下执行的,所以顺序至关重要,就像我们在收衣服的时候必须先打开窗户,再收衣服,最后关闭窗户,不能打乱这个顺序,否则就会出现问题。
Axure中我们还可以给一个触发事件添加多个用例。比如我们再次双击触发事件【鼠标单击时】,或者点中【鼠标点击时】再点击【添加用例】添加一个Case2-【打开连接-当前窗口】-【链接到url或文件】-【http://www.qq.com】(图60)
备注:在用例编辑器左侧的动作列表中有多种动作类型,每种动作类型下还包含更多该类型的动作。大家要注意每种动作类型前方的三角形图标为白色时,则该类型的动作列表为收起的状态;当动作类型前方的三角形图标为黑色时,则动作列表为展开状态。

60

(图60)

这时,我们F5预览或者F8生成HTML文件,查看一下原型的效果就会发现,当点击按钮时会弹出一个菜单,里面有两个选项,分别是两个用例的名称。只有点击其中一个用例的名称后才能执行相应的动作。(图61)

61

(图61)

这种情况说明,软件无法知道我们两个用例的先执行哪个后执行哪一个。所以要通过我们选择来确定。因为是生成时候对交互的控制,所以,在生成的设置中有相应的设置。(图62)

62
(图62)

生成设置的【交互】设置中,有三个【用例行为】的选项,默认情况下是第二项被选中,即当同一个事件有多个用例时通过显示用例名称让用户来选择执行哪个一个用例。
而第一项是指不管事件有多少个用例,在被触发时都会显示用例的名称,在用户进行点选后执行相应的用例。
最后一项,是指不管包含了多少个用例都只执行第一个,而无需用户选择。
一般情况下,如果我们需要多个动作都被执行,就要把动作全部添加在一个用例里面,这样软件就会按从上至下的顺序去执行动作。但是一定要注意,像在当前窗口打开页面或url的动作,在执行时,其后面的动作是不会继续执行的。因为在执行当前动作时已经改变了页面,前一个页面的动作将会全部随着页面被替换而失效。
那么说,一个触发事件下有多个用例的时候,只能够被用户选择执行其中一个,或者通过设置来只执行第一个吗?
不是这样的。当用例被添加了条件的时候,同一触发事件下的所有用例会产生关联,这时候软件就能够自动根据是否满足条件执行的一个或多个用例。


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

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

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

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


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

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

表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(6)个小伙伴在吐槽
  1. [谨遵楼主, 好好练习] 感觉交互水还很深, 先下水,以后慢慢来~
    雪海2015-09-24 17:20 回复
  2. 这章写的不是很好懂
    吃白菜的兔子2015-11-13 22:30 回复
  3. 看不懂啊这篇
    文文2016-01-07 16:55 回复
  4. 还以为就自己看不懂,这章真心没太弄明白
    妍妍2016-02-21 16:19 回复
  5. 当用例被添加了条件的时候,同一触发事件下的所有用例会产生关联,这时候软件就能够自动根据是否满足条件执行的一个或多个用例。 这个不是很好理解
    任性的杂草2016-05-11 15:02 回复
  6. 所以就是默认第二个就好了?
    山田海里2017-09-05 08:59 回复