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

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

类型G: 

If<条件>{动作1,动作2,……}

If<条件>{动作1,动作2,……}

Eles If<条件>{动作1,动作2,……}

上面这种类型由类型A和类型C组成,比我们看到的类型E在第二个用例里多出了一个具有条件判断的用例。那么,我们就在类型E的基础上,修改一下第二个条件为输入的内容只能为6位,这样当输入的内容超过6位和小于6位的时候,都要给出提示。

我们来看一下添加了一个用例后,新的用例结构。(图90)

90

(图90)

      通过上图中的编辑,就能够实现我们所需要的判断效果。

我们用流程图来表示使用上面用例的执行步骤:(图91)

91

(图91)

类型H:

If<条件>{动作1,动作2,……}

Eles If True {动作1,动作2,……}

If<条件>{动作1,动作2,……}

Eles If True{动作1,动作2,……}

我们再来看一个类型,这个类型由两个类型B组成。我们通过一个简单的用户名密码验证来演示这种类型。我们放置两个文本框分别为“user_name”和“password”命名。然后,每个文本框下方各放置一个文本标签“msg01”和“msg02”,用来显示提示文字。在完成两个文本框的输入后,点击“登录”按钮,对这两个文本框依次进行判断,如果错误提示红色的错误,否则提示绿色的文字“正确”。错误的依据为文本框不是字母或数字。

我们先把必须的元件放入编辑区,进行命名(图92)。然后在“登录“按钮上添加触发事件的用例与动作。

 

92

(图92)

在添加用例动作时,我们可以参考前几个用例。不过有几点是我们要注意的:

1、添加条件时,要分别判断类型【元件文字】“user_name“或”password

“【不是】【字母或数字】;(图93)

93

(图93)

      2、设置提示文字时,要在配置动作中选择【富文本】,然后在编辑文字界面中的样式设置中,给提示文字加上不同的颜色。(图94)

94

(图94)

      当完成所有用例的编辑后,完整的用例结构和动作的组成如下图所示。(图95)

95

(图95)

通过测试,能够看到输入数字字母的组合时,没有满足“不是数字或字母“这个条件,提示了绿色的”正确“提示;而输入几个特殊字符时,满足了条件,则显示了红色的错误提示。(图96)

96

(图96)

总结:

以上只是列举了基础的条件判断组成,以及通过基础条件判断任意组合形成的几种多组条件判断。其实,通过基础的条件判断进行自由搭配,还可以组成更多不同的多组条件判断类型。而且,我们在一个触发事件中完全可以根据自己的需求,设置几组甚至十几组的条件判断。在这里我们就不再一一列举,在之后的案例中,我们可以继续去体会。

备注:需要大家注意的是,如何在多组条件判断中,准确的分辨哪些用例为一组条件判断。其实很简单,每一组用例都是If开始,从上至下,一直到下一个If出现前的所有用例为一组(图97中第一组)。如果之后没有If出现则一直至结尾为一组条件判断。(图97第二组)

97

(图97)


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

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

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

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


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

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

表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(14)个小伙伴在吐槽
  1. 😀
    小小2015-09-15 17:47 回复
  2. 小楼老师,图90 case3里面,为什么else if 的条件是文字而不是元件文字长度?我试了下如果设置成元件文字长度,则输入正确的6位数时依然会提示输入的文字小于6位。求解答
    axure 菜鸟2015-09-16 16:00 回复
    • 小楼一夜听春语
      这是一处错误,谢谢指正!
      小楼一夜听春语2015-09-17 19:10 回复
      • 同楼上,输入6位数时会提示“输入的文字小于6位”。求解答
        lulu2016-11-08 14:47 回复
  3. 图90 case3 里面的elseif改为if的话,有问题没呢?
    菜鸟2015-10-22 15:46 回复
  4. Eles不觉得奇怪么。。
    12015-12-12 23:17 回复
  5. 小楼老师,看到图90的三个case应该是if,else if,else if才对。
    JOE2015-12-21 12:39 回复
    • 小楼一夜听春语
      仔细想想,那样能显示多个提示吗?
      小楼一夜听春语2015-12-22 14:22 回复
  6. 老师您好,请问为什么富文本中颜色修改不起效果呢?使用富文本编辑框修改文字颜色,点击确定后再查看文字又变成了系统默认的黑色。
    cc2016-03-09 15:00 回复
    • 小楼一夜听春语
      每个设置文本动作都要用富文本
      小楼一夜听春语2016-03-11 08:59 回复
    • 先把文字选中,然后再选择颜色
      icy2016-03-23 16:18 回复
  7. 第一次没有成功,第二次再按照上面的内容做,还是有点小问题,第三次再仔细看老师的所写的,成功了。果然要一句句认真看,真心感谢小楼老师!
    melody2016-06-07 20:08 回复
  8. 类型H的例子 用户名和密码输入空格都会显示正确 是为什么呢?
    hustly2017-05-24 09:06 回复
  9. 一开始文字颜色也是不显示,看了评论才知道需要先选择文字后在设置颜色。感谢感谢
    倔强的心2017-08-06 14:50 回复