Axure怎么实现评分效果

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

Axure怎么实现评分效果

文章插图

需要这些哦
axure
pc、Mac电脑
方式/
1打开软件 , 选择矩形东西并拖入到画布中 , 在右侧外形属性栏中 , 把矩形改当作心形 。 (如图) 。
Axure怎么实现评分效果

文章插图

2选择外形 , 并把外形按多到少摆列(如图) 。
Axure怎么实现评分效果

文章插图

3选一行 , 鼠标右键在弹出的对话框中 , 选择“改变外形”;“连系” 。 然后对剩下的几行也进行连系(如图) 。
Axure怎么实现评分效果

文章插图

4连系完当作后 , 选择此中一行 , 鼠标右键选择“交互样式”(如图) 。
Axure怎么实现评分效果

文章插图

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

文章插图

6然后把所有的星形堆叠在一路 , 并别离把每一行透明度设为“0”(如图) 。
Axure怎么实现评分效果

文章插图

7选中星形最多的一行 , 在属性栏中点击“鼠标单击时” , 并在弹出的对话框中 , 选择“选中状况” , 除最多的一行设置为“ture”其他的都设置为“fales”(如图) 。
Axure怎么实现评分效果

文章插图

8【Axure怎么实现评分效果】完当作验证结果如图 。
Axure怎么实现评分效果

文章插图

注重事项注重叠加时挨次 , 并设置透明度

以上内容就是Axure怎么实现评分效果的内容啦 , 希望对你有所帮助哦!

    推荐阅读