你是不是喜欢我?

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容