美文网首页
你是不是喜欢我?

你是不是喜欢我?

作者: 苏苏说得对 | 来源:发表于2017-06-20 19:57 被阅读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 点击“预览”察看效果。

    相关文章

      网友评论

          本文标题:你是不是喜欢我?

          本文链接:https://www.haomeiwen.com/subject/oleaqxtx.html