Axure RP 8怎么设计图片点赞功能的网页原型?

番茄系统家园 · 2022-09-14 05:54:58

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

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示:

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怎么设计图片点赞功能的网页原型?

注意事项:

注意设置全局变量变量值++的方法

注意插入变量或函数的方法

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/160039GgxEAQ.html
猜你喜欢
最新应用
热门应用