欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-04-16 16:55:55
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评星系统的制作方法,希望大家喜欢,请继续关注。

相关标签: 评分效果 Axure