Axure怎么制作评分效果? Axure评星系统的制作方法

现在不管是淘宝还是京东,我们购买东西都能看到一些评分系统,想要制作一个评分系统,该怎么制作呢?下面我们就来看看axure实现评分效果,详细请看下文介绍。

Axure怎么制作评分效果? Axure评星系统的制作方法

1、打开软件,选择矩形工具并拖入到画布中,在右侧形状属性栏中,把矩形改成心形。(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

2、选择形状,并把形状按多到少排列(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

3、选一行,鼠标右键在弹出的对话框中,选择“改变形状”;“结合”。然后对剩下的几行也进行结合(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

4、结合完成后,选择其中一行,鼠标右键选择“交互样式”(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

5、在弹出的对话框中点击“鼠标悬停”,然后在“填充颜色”这一栏选择黄色,设置完成后,分别为其他的行添加同样的效果(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

6、然后把所有的星形堆叠在一起,并分别把每一行透明度设为“0”(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

7、选中星形最多的一行,在属性栏中点击“鼠标单击时”,并在弹出的对话框中,选择“选中状态”,除最多的一行设置为“ture”其他的都设置为“fales”(如图)。

Axure怎么制作评分效果? Axure评星系统的制作方法

8、完成验证效果如图。

Axure怎么制作评分效果? Axure评星系统的制作方法

以上就是Axure评星系统的制作方法,希望大家喜欢,请继续关注。