【Axure】实现点评网星星打分效果

2024-10-12 14:49:10

1、 新建文件,拖入一个矩形,修改【属性】中的形状为星形。

【Axure】实现点评网星星打分效果

3、 将每行星星合并成一个星星组:选中两个星星-->【样式】-->【结合】-->修改名字,如星星2。

【Axure】实现点评网星星打分效果

5、设置每行嫒铺蛸霓星星的【形状属性】:将星星全选-->【属性】-->【交互样式设置】下的【鼠标悬停】-->勾选【填充颜色】,设置填充颜色-->田肖倦娄【交互样式设置】下的【选中】-->设置填充颜色同上。

【Axure】实现点评网星星打分效果

7、 添加交互事件:选择星星1-->双击【属性】下的【鼠标单击时】-->如下设置选中状态。

【Axure】实现点评网星星打分效果

9、 【F5】预览。

【Axure】实现点评网星星打分效果
猜你喜欢