本文作者介绍了一种新的方式，能够实现高保真的交互效果，希望对你有用~enjoy~

在原型设计的过程中，我们会经常遇到这样一种情况：同一个操作，由于当前条件的不同，从而执行不同的动作。举个例子：好多的产品的一些功能，需要登录以后才可以操作。但这些功能在未登录时也是可以被看到的，点击时，会出现弹窗，引导用户去登录或注册。

面对这样的逻辑，最简单的实现方式是下图这样：为同一动作添加多个用例。预览原型时，选择不同的用例执行相应操作。

本文介绍一种新的方式，能够实现高保真的交互效果。

具体效果见链接：（http://176.122.184.172/登录状态判断/#g=1）

该原型中，在”功能“页面点击“关注”按钮，未登录时会出现“登录”弹窗，点击”去登录“按钮，跳转到”登录“页面，点击”登录“，跳转到”功能“页面，此时再次点击”关注“按钮，则会变为“关注中”。

如何设置

1、添加全局变量，变量名为account，默认值为0.（“全局变量”在“项目”菜单“内）

2、为”登录“页面的”登录“按钮设置用例

3、为“关注”按钮设置两个状态：“已登录”和“未登录”

4、为“关注”按钮设置用例

5、弹窗的设计我们略去不说，有需要的参考我的这篇文章（http://www.woshipm.com/rp/902419.html）

如何使用

1、参考第1步，在你自己的项目中添加全局变量。例如登录状态可以使用0和1,0表示未登录，1表示已登录。初始值设置为0。

2、凡是会受到登录状态影响的元件，都转化为动态面板，添加两个状态，一个为“未登录”，一个为“已登录”，然后参考第4步设置用例。

3、参考第2步，为“登录”页面的“登录”按钮设置用例.

4、经过这样的设置后，即可实现想要的效果。

知识点解析