Axure如何制作按天借款计算器?

溜溜自学 平面设计 2022-12-02 浏览:416

大家好,我是小溜,网上有好多按天按天借款计算器,其实这个效果用Axure工具就能够制作,如何制作,下面小溜就为各位小伙伴详细介绍一下方法,希望本文内容能够给大家带来帮助。

工具/软件

硬件型号:小米 RedmiBookPro 14

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

首先新建一个空白页面,在工作区域拖入要使用的元件元素,包括标题、矩形和按钮等,如下图所示。

Axure如何制作按天借款计算器?

第2步

然后对各个元件的样式进行调整,如下图所示。

Axure如何制作按天借款计算器?

第3步

最重要的一个环节,把每个元件的名称进行命名,后面在做事件交互的时候能够准确的用到,如下图所示。

Axure如何制作按天借款计算器?

第4步

下面开始给按钮做交互事件,设置事件的时候,需要加班几个局部变量,这几个变量用于计算使用,如下图所示。

Axure如何制作按天借款计算器?

第5步

局部变量的值设置完成后,开始设置计算方式,这个计算方式在网上就可以找到,具体为(借款金额+借款金额*(设置利率/100)*借款天数)),具体通过函数的解决方式如下。

[[ (money+money*(rate/100)*day).toFixed(2) ]]

Axure如何制作按天借款计算器?

第6步

所有工作准备完成,f5预览一下。

Axure如何制作按天借款计算器?

第7步

输入借款金额、利率、借款天数,点击计算按钮后,最终的金额就出来了,如下图所示。

Axure如何制作按天借款计算器?

注意/提示

好了,以上就是“Axure如何制作按天借款计算器?”这篇文章全部内容了,小编已经全部分享给大家了,还不会的小伙伴们多看几次哦!最后,希望小编今天分享的文章能帮助到各位小伙伴。如果大家想更深入了解Axure RP那么点击这里了解学习更多课程。

相关文章

首页