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

 时间:2024-11-08 13:38:10

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

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

工具/原料

AxureRP8

浏览器

截图工具

图片工具

方法/步骤

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

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

2、第二步,在“Icons”中找到手形向上和手形向下的图标,并拖动到图片元件下方,分别位于图片侍厚治越元件左右两下方,如下图所示:

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

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

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

4、第四步,在两个手形图标附近添加两个输入框,调整输入框宽度和位置,如下图所示:

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

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

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

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

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

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

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

Axure如何制作点赞交互效果? pr触动和写入的区别 c4d声音效果器教程 如何打包AE工程文件 AE粒子Particular怎样做电视墙动画?
热门搜索
野鸽子图片 喜羊羊与灰太狼漫画 节约用电手抄报图片 动物漫画 瓶子图片