如何利用Axure设计图片点赞功能？

在网上商店或者论坛上，都会有给某些东西或记录进行评论点赞。一般情况下，利用手形的方向代表点赞还是批评，手形向上代表点赞，向下的代表批评。可以使用绿色代表点赞，红色代表批评。下面利用一个实例说明这个功能，操作如下：

设·集合还有超多“Axure RP”视频课程，欢迎大家点击查看

工具/软件

硬件型号：联想（Lenovo）天逸510S

系统版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

打开Axure RP 8软件，在元件库中找到图片元件，拖一个到画布上，将其放在画布中心位置，如下图所示：

第2步

在“Icons”中找到手形向上和手形向下的图标，并拖动到图片元件下方，分别位于图片元件左右两下方，如下图所示：

第3步

选中图片元件，导入外部图片到图片元件里，调整图片宽度和高度；修改两个手形填充色，分别为绿色和红色，如下图所示：

第4步

在两个手形图标附近添加两个输入框，调整输入框宽度和位置，如下图所示：

第5步

选中手形向上的图标，添加鼠标单击时用例；设置一个全局变量addData，并设置文本，如下图所示：

第6步

选中变量右侧图标，插入变量或函数[[addData]]；设置完毕后，预览该页面，如下图所示：