养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure怎么实现评分效果

时间:2024-10-14 09:24:04

现螅岔出礤在不管是淘宝还是京东,我们购买东西都能看到一些评分系统,下面我们来看一下怎么通过axure实现评分效果。

Axure怎么实现评分效果

工具/原料

axure

pc、Mac电脑

方法/步骤

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

Axure怎么实现评分效果

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

Axure怎么实现评分效果

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

Axure怎么实现评分效果

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

Axure怎么实现评分效果

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

Axure怎么实现评分效果

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

Axure怎么实现评分效果

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

Axure怎么实现评分效果

8、完成验证效果如图。

Axure怎么实现评分效果

© 一点知识