你是不是喜欢我？

灵感来源于微博上看到的一个动图，尝试用Axure还原出来

1 案例描述

1.1 场景描述

1)提出问题“你是不是喜欢我”，下有“是”与“不是”两个选项。

2)每当鼠标移入“是”选项时，文案立刻变成“不是”，同时“不是”选项的文案变成“是”。

1.2思路分析

1)设置全局变量值为“0”。

2)当变量值为“0”时，鼠标移入“是”，则将“是”与“不是”的赋值交换，变量值设置为“1”。

3)当变量值为“1”时，鼠标移入“是”，则将“是”与“不是”的赋值交换，变量值设置为“0”。

1.3 元件准备（如图1）

1)一个375*200的矩形，命名为“Wen ti”，文案是“你是不是喜欢我？”。

2)两个140*40的矩形，分别命名为“Shi”和“Bu shi”，文案相应为“是”和“不是”。

图1

2 用例

2.1 设置页面的“页面载入时”用例（如图2、图3）

双击“页面载入时”，点击“设置变量值”，勾选变量，设置变量值为“0”。

图2

图3

2.2 设置“Shi”的“鼠标移入时”用例（如图4、图5、图6）

1)双击“鼠标移入时”，点击“添加条件”，设置变量值为“0”，确定。

2)点击“设置文本”，勾选“Shi”，设置值为“不是”；勾选“Bu shi”，设置值为“是”。

3)点击“设置变量值”，设置变量值为“1”。

图4

图5

图6

2.3 设置“Bu shi”的“鼠标移入时”用例（如图7）

1)双击“鼠标移入时”，点击“添加条件”，设置变量值为“1”，确定。

2)点击“设置文本”，勾选“Shi”，设置值为“是”；勾选“Bu shi”，设置值为“不是”。

3)点击“设置变量值”，设置变量值为“0”。

图7

2.4 点击“预览”察看效果。