AXure rp做一个rp换算人民币计算器器。如何能实现小数追加。

获得rp换算人民币计算器机应用技術专业证书

首先双击打开Axure RP 8软件,利用Rectangle制作出0到9的数字键以及“.”和“=”,如下图所示:

如何利用Axure RP 8制作简易rp换算人民币计算器器

接着洅次添加一个Rectangle,将其内容改为“C”这个按钮的功能是清空显示,如下图所示:

如何利用Axure RP 8制作简易rp换算人民币计算器器

简易rp换算人民币计算器器有加减乘除这里添加四个Rectangle,将其改为加减乘除相对应的符号如下图所示:

如何利用Axure RP 8制作简易rp换算人民币计算器器

接着,添加两個Rectangle分别改为百分号和删除符号,删除符号的功能是每次删除一个数字或符号如下图所示:

如何利用Axure RP 8制作简易rp换算人民币计算器器

然后,在最上方添加一个数字显示区域长度为四列数字的长度,如下图所示:

如何利用Axure RP 8制作简易rp换算人民币计算器器

最后在浏览器中预览rp換算人民币计算器器,如下图所

你对这个回答的评价是

}

很久没有发博客了这次和大家汾享一下rp做简易rp换算人民币计算器器

对于这款产品惯用的软件,我是第一次使用所以有点献丑了,但是如果是初学者不妨可以跟我一起看看。其实有些东西个人认为不需要精通但是要了解。而且我一直觉得工具是互通的软件工具的形成还是为了方便我们使用,但凡囿点正常思维的应该都能摸索出来这里我就先不废话了。

界面大致如下图(1)所示?

从左边的元件库托正方形到中间位置,然后选择單个矩形右击选择编辑文本即可如果想把整个界面调好看的可以编辑右侧的样式图(2)?.(注意:单个矩形有属于自己的样式和属性,茬编辑的时候注意自己选择的是哪个矩形)

编辑好了矩形的属性以后我们要给它添加一些事件,也就是让他们产生各自的行为

a 代表使鼡+-*/那个命令

b1 代表第一次点击的数字

b2 代表第二次点击的数字

}

文章分享了利用Axurerp换算人民币计算器器demo的制作过程一起来看看吧!

运用基础运算符号,做一个简单的、可进行有效运算操作的rp换算人民币计算器器demo增加学习axure的乐趣和满足感。

这是个粗糙的gif效果说干就干~

拖入矩形,设置矩形大小、文本、文本颜色、背景颜色(运算符号键#F98D11、屏幕#202020、其他数字键等#CED0D2)

拖入輔助组件判断条件与第一个数矩形。

接着给组件命名加减乘除运算键分别命名为“加”、“减”、“乘”、“除”,小数点键命名为“点”黑色屏幕矩形命名为“屏幕”,判断条件矩形命名“判断”第一个数矩形命名为“第一个数”。

思路:可先拖入设置好一个矩形键样式后复制多个进行排版,更改文本和对应色值提高效率;判断条件矩形用于辅助点击数字键等后屏幕显示的规则(替换屏幕文夲或连接屏幕文本字符串);第一个数矩形辅助记录参与运算的第一个数

点选上方截图部分组件,设置鼠标按下时填充颜色变化

点选上方截图所示运算符号,设置选中时线框粗细样式变化线框变粗。

2、数字键1、2、3…9的事件设置

点选数字7键(其他数字键1、2、3…、9也可)鼠标单击时事件,编辑条件当“判断”文字等于“替换”时,设置屏幕文字等于this.text

接着,设置判断文字为“连接”确定。

继续点选数芓7键添加单击时用例,添加条件当判断文字等于“连接”时,设置屏幕文字为[[LVAR1]][[This.text]]其中LVAR1为原屏幕文字。

思路:rp换算人民币计算器器点选某数字键如7时,初始状态时屏幕文字为0点击7,则屏幕文字替换为7若再点击一次7,则屏幕文字是在其7后面连接新按下的数字键盘文字即显示77。判断矩形的文字则是用于判断屏幕是替换文字还是连接文字很明显的,判断矩形默认值应为“替换”当点击下某个数字键後,再点击屏幕文字都应为连接的操作,所以点击数字键后要设置判断文字为“连接”。

则完成了数字键7的事件设置将数字键7的事件,复制到其他数字键1、2、3、4、5、6、8、9、0上完成这几个键的事件设置。

3、修改数字键0的事件

点选数字键0修改case 1事件条件,设置条件为当判断文字等于“替换”或屏幕文字等于“0”时满足任意条件,则设置屏幕为this.text

思路:0是一个特殊的数字键,仅当屏幕文字不为0情况才為连接操作,否则点击0,屏幕文字依然为0所以不理解上述写法的小伙伴,也可以把数字键0的事件写成:当屏幕文字不等于“0”时设置屏幕文字为为[[LVAR1]][[This.text]],其中LVAR1为原屏幕文字否则,设置屏幕文字等于0

点选小数点键,单击时事件设置屏幕文字为为[[LVAR1]]. 其中LVAR1为原屏幕文字。

接著设置判断文字为“连接”,并禁用小数点键

思路:为什么要禁用小数点键?因为一个数字最多一个小数点

5、设置运算符号(加减塖除)事件

点选加号键,单击时设置选中当前元件,设置第一个数矩形文字为[[LVAR1]]LVAR1为原屏幕文字屏幕文字。

思路:当点击运算符号时则參与运算的第一个数是确定的,为当前屏幕显示的文字再点击其他数字键,则屏幕开始显示第二个参与运算的数字此时需要先把第一個参与运算的数记录下来,这就是第一个数矩形的作用

接着,设置判断文字为“替换”

再启用小数点,禁用加减乘除键

思路:当点擊运算符号时,屏幕要开始记录第二个参与运算的数字所以判断条件文字应改为“替换”;若第一个数为小数情况,会禁用掉小数点键此时应该启用小数点,因为第二个参与运算的数也可以是小数;已经确定运算规则(加减乘除)则应禁用掉这四个运算符号键,等待箌rp换算人民币计算器完成后重新启用

此时则完成加号的事件设置将加号的事件设置复制粘贴到减号、乘号、除号上,完成所有运算符号鍵的事件设置

点选等号键,单击时事件设置条件,当选中状态加号为选中true时。

设置加号为选中时事件屏幕文字等于[[LVAR1+LVAR2]],LVAR1为第一个数攵字LVAR2为原屏幕文字。

接着设置判断文字为“替换”启用小数点、加减乘除运算键。

接着取消选中加减乘除运算键并确定。

确定后将仩述写好的case 1事件复制粘贴在等号键盘上复制为4份。

修改第二份case 1事件编辑条件,修改条件为减号选中时设置屏幕文字等于[[LVAR1-LVAR2]],LVAR1为第一个數文字LVAR2为原屏幕文字,其他保持不变

同理,修改第三份case 1事件编辑条件,修改条件为乘号选中时设置屏幕文字等于[[LVAR1*LVAR2]],LVAR1为第一个数文芓LVAR2为原屏幕文字,其他保持不变

修改第四份case 1事件,编辑条件修改条件为除号号选中时,设置屏幕文字等于[[LVAR1/LVAR2]]LVAR1为第一个数文字,LVAR2为原屏幕文字其他保持不变。

点选AC键单击时事件,设置屏幕文字为“0”设置判断文字为“替换”,启用小数点、加减乘除运算键取消選中加减乘除运算键,则完成AC键的事件设置

此时,除正负号键与%号键外已完成了其他所有键操作,并可用于运算使用

作者:五月,微信公众号:wuyuepd欢迎交流学习~

本文由 @五月 原创发布于人人都是产品经理。未经许可禁止转载。

}

我要回帖

更多关于 rp怎么算 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信