AxureRP 10制作星级评分效果
1 准备并编辑所需元件
制作星级评分效果需要星星元件、矩形元件和动态面板元件
在元件库中搜索“星星(star)”,拖动元件“Star”和“Star O”,复制粘贴,完成下图的星级效果
拖动5个矩形(Box 1)元件,分别输入文字“1分 失望”、“2分 不满”、“3分 一般”、“4分 满意”、“5分 惊喜”
拖动动态面板(Dynamic Panel),命名为“星级评分动态面板”,插入6个状态页面
将制作的6行星级评分效果分别放入6个状态页面中
2 设置星星元件的交互
点击第一颗星星,在交互界面中选择“鼠标移入时(Mouse Enter)”-“设置面板状态(Set Panel State)”,选择“星级评分动态面板”,选择状态为“State 2”
依次选择其他四颗星星,可复制粘贴以上交互规则,状态改为“State 3”, “State 4”, “State 5”, “State 6”
进入第二个状态页面,与第一个状态页面的交互相同,依次设置即可
其他状态页面同理
按F5可预览效果