Axure中设置点赞的动态变换

一、效果图

点赞元件变色；点赞数量+1

二、元件名称说明

1.点赞

2.已点赞

3.点赞数量

变量名为number

三、实现方法

使用动态面板：

1.动态面板状态说明

该动态面板涉及两个状态，分别为“点赞”和“已点赞”。
状态为点赞的面板包含的元件是：

状态为已点赞的面板包含的元件是：

2.具体实现

（1）右键点赞元件，选择创建动态面板；设置动态面板名称为“点赞面板”；

（2）双击动态面板，进入动态面板设置状态，增加“已点赞”状态

（3）在“点赞”状态下，设置单击或者手指单击时的交互,注意交互顺序为：设置面板状态；设置变量值；设置文本；

（4）在“已点赞”状态下，进行同样的设置,此时的交互顺序为：设置变量值；设置文本；设置面板状态；

注意：在设置变量值函数时不能少了[[]]