使用Axure RP 8.0制作真实可用的二维码生成器

2017年7月19日
6+
阅读:288

想制作一个真实可用的二维码生成器,首先需要解决两个问题。

问题一:要有一个可用的二维码生成接口,这个接口接受一个字符串(一个网址、一段文本等等),然后返回一张二维码图片;

解决一:我知道的二维码生成接口就有一个,详情可查看http://topscan.com/pingtai。当然,大家如果有别的可用接口也是可以的。

问题二:要有一个可以请求接口的元件,换句话说就是需要一个可以打开外部链接的元件。

解决二:在Axure RP 8.0的元件库里面,内联框架就可以打开外部链接,它可以通过请求一个网址从而打开一个网页,自然也就可以通过请求一个带参数的接口从而获取一张图片。

解决上面两个问题,那么就好办了,首先,原型里面需要一个多行文本框来接受文本输入,当用户在这个多行文本框输入文本的时候,就会触发触发它的文本改变时用例,从而可以通过判断文本的长度来提醒用户已输入字数。

然后,需要一个按钮和一个内联框架,当用户点击按钮的时候,触发按钮的鼠标单击时用例,从而将多行文本框中的文字当成接口的参数,在内联框架中请求这个接口。

完成之后的原型效果请移步:http://weidublog.com/wp-content/case/prototyping1/201707192137/

大家只需要在多行文本框中输入任何一段文字,然后点击按钮生成二维码,最后用手机扫一扫这个二维码就能看见惊喜了。当然,这段文字越长,生成的时间就越长,生成的二维码就越复杂。

 

希望学习更多有趣的Axure原型案例,可以持续关注维度网站http://weidublog.com,最专业的Axure原型设计学习平台。

 

作者:维度

转载请注明出处: http://weidublog.com/index.php/2017/07/19/213/‎

没有评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注