多条件交互判定的一种优雅处置惩罚方式

请眼熟我

原标题：多条件交互判定的一种优雅处置惩罚方式

编辑导语：在上一篇文章中，作者分析了中继器在差别场景下的样式处置惩罚方式。本文紧接上文，继承分享了多个条件判定的更优雅的处置惩罚方式。

编辑导语：在上一篇文章中，作者分析了中继器在差别场景下的样式处置惩罚方式。本文紧接上文，继承分享了多个条件判定的更优雅的处置惩罚方式。

在前次的 《中继器的差别场景下的样式处置惩罚》里留了一个话题，怎样处置惩罚多个条件判定。即假如要满意多个条件，怎样遍历每个场景并处置惩罚。继承看一下前次的题目：

正常的思绪和之前表明的一样，把上面这个4个场景遍历一下，即：ifnew_msg == “1”而且mute ==”1″

–表现小红点，表现免打搅图标

elseifnew_msg==”1″而且mute ==”0″

–表现小红点，不表现免打搅图标

elseifnew_msg==”0″而且mute ==”1″

–不表现小红点，表现免打搅图标

else ifnew_msg==”0″而且mute ==”0″

–不表现小红点，不表现免打搅图标

–表现小红点，表现免打搅图标

elseifnew_msg==”1″而且mute ==”0″

–表现小红点，不表现免打搅图标

elseifnew_msg==”0″而且mute ==”1″

–不表现小红点，表现免打搅图标

睁开全文

else ifnew_msg==”0″而且mute ==”0″

–不表现小红点，不表现免打搅图标

假如有三个或更多条件，每个表达式里就有更多的判定，非常贫苦。

一、交互处置惩罚

本日说的方法，利用Axure的是一个不起眼的动作：触发变乱，大概很少有人利用。

如许做的利益是：

按照上面的步调，我们看前次的题目怎样处置惩罚：

1）在恣意某个元件上，添加一个变乱，比方单击变乱

为了不影响现有的内容，我常常是加一个热区元件，由于它原来在界面是就不可见，同时防止它相应鼠标变乱，把它隐蔽起来，如许彻底不影响我们的界面操纵。

2）这个变乱只判定一个条件，比方假如有新消息就表现小红点，否则不表现

添加单击变乱，你也可以添加双击变乱，背面触发这个变乱即可。变乱里判定new_msg，假如即是1就表现小红点，否则就隐蔽。

3）在别的一个元件上，重复1~2的步调，处置惩罚别的条件判定

同理添加别的一个热区元件，处置惩罚mute判定。

4）在中继器的每项加载变乱里，分别触发新加的元件上的变乱

回到中继器的每项加载变乱里，简化它原来的变乱处置惩罚。

这里只有设置文本和两个触发变乱，触发的变乱内部做了逻辑判定。由于中继器的逻辑是可以及时看到的，看看预览结果。

现实的预览结果：

查对一下数据，看看是否与给定的条件符合：

• 第一个表现新消息，表现免打搅图标(new_msg=1,mute=1)。
• 第二个都不表现(new_msg=0,mute=0)。
• 第三个只表现免打搅(new_msg=0,mute=1)。
• 第四个只表现新消息(new_msg=1,mute=0)。

是不是处置惩罚的方式更优雅了呢？

假如有第三个条件，只要再加个热区单击变乱处置惩罚，然后触发它的变乱。

二、小结

变乱触发操纵就像函数调用一样，在别的一个元件上添加好逻辑，然后去触发它。这种方式处置惩罚的利益是逻辑简朴，思绪清楚。

你肯定要动手试一下哦~

本文由 @Axure原型计划工场 原创发布于大家都是产物司理。未经允许，克制转载。

题图来自Unsplash，基于CC0协议返回搜狐，检察更多

责任编辑：