如何利用Axure RP 8软件设计图片点赞功能

2024-10-12 11:13:52

1、第一步,打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,将其放在画布中心位置,如下图所示:

如何利用Axure RP 8软件设计图片点赞功能

3、第三步,选中图片元件,导入外部图片到图片元件里,调整图片宽度和高度;修改两个手形填充色,分别为绿色和红色,如下图所示:

如何利用Axure RP 8软件设计图片点赞功能

5、第五步,选中手形向上的图标,添加鼠标单击时用例;设置一个全局变量addData,并设置文本,如下图所示:

如何利用Axure RP 8软件设计图片点赞功能

6、第六步,选中变量右侧图标,插入变量或函数[[addData]];设置完毕后,预览该页面,如下图所示:

如何利用Axure RP 8软件设计图片点赞功能
猜你喜欢