Axure实践之条件过滤

作者: 一只小echo | 来源:发表于2017-10-30 20:26 被阅读10次

接触Axure是大三的某一堂课,当时还是小孩子,不知道自己以后会入产品这个坑...

工作了一年多,陆陆续续用Axure做了一些产品原型,有web网页,也有移动端的产品。从一开始只会用一些简单的跳转,到现在已经可以熟练的使用动态面板了。Axure无疑功能十分强大,作者是厉害的老司机的前提下,是能够做出高保真的产品的,在此向大腿致敬!

本周原本计划的工作由于小意外搁浅了,因此想实践一下Axure其他的功能--当然啦,是我从来没有使用过的功能,例如设置动作时的条件过滤、母版等。之前做的原型,几乎没有用过以上二者的功能,在逻辑的实现上,与最终的产品始终是有差距的,没有使用这些功能的原因,其实也是因为动态面板也十分强大,足以模拟绝大多数的功能。

今天用条件过滤实践了一下登录功能的密码验证。首先创建了main动态面板并为该面板设置了两个状态(state1,state2),拖拽 head3组件*2、单行文本框*2、toast动态面板(四个状态分别是:用户名为空、密码为空、用户名/密码错误、登录成功,为面板的每一个状态添加相应的小吐司)以及一个登录Button(登录页面基本功能即输入用户名、密码并且登录,其实还可以增加以下功能:账号切换、密码可见以及忘记密码功能)。接下来为登录Button设置单击响应事件,点击前置条件进行设置。

case1:元件-用户名=“”,用户名的值为空,此时设置toast面板为用户名为空并且淡入淡出200ms;

case2:元件-密码=“”,密码的值为空,此时设置toast面板为密码为空并且淡入淡出200ms;

case3:元件-用户名!=“admin”或者元件-密码!=“admin”、用户名或者密码错误,此时设置toast面板为用户名/密码错误并且淡入淡出200ms;

case4:元件-用户名!=“admin”并且元件-密码!=“admin”、登录成功,此时设置toast面板为登录成功并且进入到main面板的state2;

下午试验了一下,是可以完成密码验证的功能的,可以用于模拟密码登录。感觉很奇妙,虽然很简单,但是毕竟是第一次使用这个功能~~高兴~~已经看到了有小伙伴用这个功能做出了很棒棒的产品,使用起来几乎与最终的产品无异~~~

明天打算继续实践一下母版,之前对于母版的了解是:用于每一个页面中、不会变化的模块,不知道这个理解是不是有误,一个产品中每一个界面都不会变化的模块是不是只有顶部信号那一栏hhh。

相关文章

  • Axure实践之条件过滤

    接触Axure是大三的某一堂课,当时还是小孩子,不知道自己以后会入产品这个坑... 工作了一年多,陆陆续续用Axu...

  • Axure RP 8 条件编辑器

    Axure RP8 条件编辑器之条件 值:文本/数字的值或变量; 变量值:储存在变量中的...

  • Spark性能调优

    尽可能的过滤原始数据在上次实践中,我们使用 过滤并读取了数据库。如果我们要多加几个过滤条件,要小心一个陷阱,Arr...

  • wireshark网络包常用过滤方法

    一,ip过滤 二,端口过滤 三,方法过滤 四,多条件过滤

  • Axure实践之元件效果

    昨天实践了条件过滤,今天到公司重新做了一个登录界面,逻辑与之前一篇文章写的几乎没有啥出入,但是今天新做的原型有一个...

  • Axure8之设置条件

    设置条件判断 有些时候,我们可能会在页面中表达一些判断逻辑,当xxx时,执行xxx动作。为了做到这一点,我们可以使...

  • SparkJoin

    left join where onJoin大致包括三个要素:Join方式、Join条件以及过滤条件。其中过滤条件...

  • SQL注入进阶

    绕过条件过滤 条件过滤,顾名思义就是黑名单机制,过滤掉符合条件的语句。因此我们要想办法绕过过滤,用其他方法来实现注...

  • Condition Filtering条件过滤

    Condition Filtering条件过滤 本文主要介绍MySQL查询优化中的条件过滤(Condition F...

  • js过滤出对象中想要的数据

    /** * [过滤对象] * @param obj [过滤前数据] * @param arr [过滤条件,要求为数...

网友评论

    本文标题:Axure实践之条件过滤

    本文链接:https://www.haomeiwen.com/subject/biympxtx.html