你是不是喜欢我?

2017-06-20  本文已影响0人  苏苏说得对

灵感来源于微博上看到的一个动图,尝试用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 点击“预览”察看效果。

上一篇下一篇

猜你喜欢

热点阅读