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

 时间:2024-10-12 14:49:10

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

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

2、 借助对齐和分布工具,进行以下排列。

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

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

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

4、 第3步完成后页面概要结构如下:

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

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

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

6、 将“星星1~星星5”这五个形状进行叠加放在一起,星星5放在最下面,星星1放在最上面-->对这五个形状进行左对齐排列。

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

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

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

8、 直接复制星星的交互事件,给其他的星星行粘贴-->注意根据当前需要点亮的星星,修改选中状态。如星鏖艚持氓星2点亮时,记得将刚复制过来的【星星2选中状态为“false”】改为【星星1选中状态为“false”】。

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

9、 【F5】预览。

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

10、如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

【Axure】实现点评网星星打分效果
  • FLASH如何创建补间形状动画
  • 半身人像摄影拍摄方法
  • 咖喱小龙虾的做法
  • PS怎样制作钻石字
  • Flash8如何将影片剪辑变成按钮
  • 热门搜索
    晒家风手抄报 读书手抄报版面设计 走进西部的手抄报 交通安全手抄报题目 爱的教育手抄报 国家卫生城市手抄报 英语手抄报黑白 美丽的春天手抄报图片 关于手抄报的图案 小学五年级手抄报