灵感来源于微博上看到的一个动图,尝试用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”,文案相应为“是”和“不是”。
2 用例
2.1 设置页面的“页面载入时”用例(如图2、图3)
双击“页面载入时”,点击“设置变量值”,勾选变量,设置变量值为“0”。
2.2 设置“Shi”的“鼠标移入时”用例(如图4、图5、图6)
1)双击“鼠标移入时”,点击“添加条件”,设置变量值为“0”,确定。
2)点击“设置文本”,勾选“Shi”,设置值为“不是”;勾选“Bu shi”,设置值为“是”。
3)点击“设置变量值”,设置变量值为“1”。
2.3 设置“Bu shi”的“鼠标移入时”用例(如图7)
1)双击“鼠标移入时”,点击“添加条件”,设置变量值为“1”,确定。
2)点击“设置文本”,勾选“Shi”,设置值为“是”;勾选“Bu shi”,设置值为“不是”。
3)点击“设置变量值”,设置变量值为“0”。