Axure简易计算器

最新推荐文章于 2025-02-13 10:56:15 发布
最新推荐文章于 2025-02-13 10:56:15 发布
阅读量1.3w 收藏 88
点赞数 22
分类专栏： Axure计算器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43166635/article/details/105945300
版权

Axure计算器


放心，直接跟着设置就好，暴力贴图乃我也。（下载路径在最底部）

1.axure计算器页面

先po上成品图
未运行时的样子
Emmm，页面元件制作起来很简单，就不详细介绍，你们喜欢就好。
各矩形名称和对应矩形内容是一致的，除了最上的那个文本框(即显示输入或结果的文本框)名称为"显示"。

2.设置全局变量

默认值均为空
在这里插入图片描述

3.数字1~9的交互设置

先拿 “1” 举例子

如图所示

其他数字和1相似，只不过把那些 “+1” 改成 “+具体数字” 。

记得设置前提条件！

4."."小数点的交互设置

最低0.47元/天 解锁文章
Axure计算器案例
WENROUbalance的博客
08-08 1280
第一步，用文本框框出我们要输入数字的地方，作成如图中所示就行了，那个结果是个矩形上写文字，那个乘号所在的框架是标明这是能算什么的计算机，然后再页面标明好要是输入数字的文字框的先后顺序。第二步，点击结果矩形，双击鼠标单击时的事件，然后在添加动作里找到设置文本在配置动作里找到有结果字的矩形，再点击右下角的fx。第三步，在里面找到添加局部变量，再找到右边的一个倒三角，点击它换好如图中的数字。然后在里面找到如图中的字母，然后把它们中间的括号去掉，只留左右两边的，然后在它们中间加入加减乘除任意一个符号，这关系到网站上
Axure教程：在线BMI计算器制作
weixin_43523111的博客
06-12 792
本文要制作BMI身体质量指数计算器小案例，将涉及多种事件触发的交互、动态面板的使用等功能，并对原型设计有更深一步的了解。 效果预览 预览链接：https://icv2qn.axshare.com 一、交互逻辑分析 （1）两种度量制间的切换：公制（千克、厘米）；英制（磅、英寸）【注意后面的单位换算】 （2）根据用户输入的身高、体重计算BMI值并显示； （3）根据计算出的BMI值，返回身体状态并显示，并改变箭头指向位置； （4）边界问题： 偏瘦【0<BMI<=18.4】； .
Axure计算器(简单加减乘除，清屏，退格，小数，%)
05-05
Axure的计算器模型，可实现简单的加减乘除、清屏、退格、小数、%功能。页面啥的可看我的博文。 ps：若有异常请在评论区留言。
Axure9简易计算器的制作.mp4
01-15
Axure9建议计算器的制作，可实现加减乘除基本运算，教会大家怎么去发现并解决问题
（二）Axure 9 制作计时器
java程序员的蜕变之路
02-13 425
拖拽一个提交按钮，并调整合适大小，然后在复制两个并将它们拖拽到合适的位置。同时还需要更改一下提交按钮的名称，分别是提交、停止、重置。拖拽文本框并将它命名为“文本框”，需要将它拖拽大小合适，并在它的里面输入0，将其居中显示，字号为36。首先单击启动按钮，对它进行交互设计，点击界面右边框的交互属性，选择鼠标单击时。至此，原型的界面设计就已经完成了，下面进入到交互当中。首先新建文件，并将其命名为“计数器”交互——>单击时添加3个动作。添加动作-》设置变量。添加动作-》设置文本。
axure命令行_axure怎么计算器
weixin_39654436的博客
12-20 278
回答：CAD如何使用快速计算器为中的变量区域功能在CAD的日常使用中，可能会遇到需要用到快速计算器为中的变量区域功能，那么CAD如何使用快速计算器为中的变量区域功能呢？下面教大家一种方法。步骤一：打开CAD，启动快速计算器，在快速计算器面板选择变量；步骤二：点了变量后，出现已经预定好的变量的列表，在这个变量列表中是已经创建定义好的，可以直接使用；步骤三：在变量区域中，双击要使用的变量。变量将作为表...
Axure 计算器 超级完整
qq_63880964的博客
06-02 5333
看起来是不是很复杂,别急,请继续看下去这样看应该就明白了吧,我是找的一张计算器的图片,然后将按钮一个个添加,最后设置不透明度为0%,这样的计算器是不是既简单又美观>_<7.% +/- 退格 清零键的设置。
axure 点击按钮弹出框_Axure制作计算器（可使用 仿iOS）
weixin_26879037的博客
12-21 451
用Axure来制作一个可使用的计算器，可以深入的学习一下Axure整个事件系统，在国外的产品设计圈很流行，今天就给大家分享一下制作过程，大家快去动手做一个吧~咱们先看一下效果：完整版体验地址：http://axure123.com/calc/（已手机适配）一、图像设计部分这部分比较简单，咱们参考iOS原生的计算器，图形如下，统一用基本图形，矩形+圆形。从上到下一共四个部分：结果展示区，运算符，数字...
小楼原创axure原型-真正能计算的计算器原型2.0
07-13
小楼原创axure原型-真正能计算的计算器原型2.0
用Axure RP 9 设计计算器的过程.wmv
04-02
附件就是我用Axure RP 9设计一个高保真计算器原型的全过程，因为考虑到写文档太繁琐，很多人都不喜欢直接看文档，而且有些细节用文字无法描述，所以我就把我直播培训的过程录播下来，这样便于大家学习。
axure模拟手机计算器能实现计算
07-03
axure模拟手机计算器能实现计算
简单计算器（有小数点功能）
03-25
能够进行简单的加减乘除运算，还有小数点功能
理财计算器原型
04-25
用于计算理财的相应收益，用axure制作，可以实现耕种功能
用计算机计算已经定比下方,用Axure 8.0打造自定义比例计算器
weixin_32708653的博客
06-19 288
日常设计中，版式设计随时会遇到需要计算板块比例或图形比例的情况，打造一个属于自己的计算器，方便随时调用。把重复繁琐的输入工作变得更简单！为什么要做这个东西？一天在浏览设计网站的过程中偶然发现一个”黄金比例计算器“，我想能不能用Axure自己做一个？日常设计中，版式设计随时会遇到需要计算板块比例或图形比例的情况，打造一个属于自己的计算器，方便随时调用。把重复繁琐的输入工作变得更简单！下面就是我们要的...
Axure教程—计数器
weixin_43516258的博客
06-22 1679
本文将教大家如何用AXURE制作计数器（商品购件数的交互设计）
Axure RP9 实现计算机效果交互
m0_62866824的博客
01-19 1800
计算机交互教程
Axure 9 pro个人所得税计算器
weixin_39712314的博客
02-28 246
参考教程： https://www.jianshu.com/p/0a86e9a1fd4c 简单的热身，练习一下！ 练习目的： 文本标签、文本框、按钮等元件简单设计 完成线框图的界面布局，各元件的命名 值的计算 效果： 因为条件比较多，所以没有做全条件判断（投个小懒哈哈^ ^） 收获： 第一次知道如何使用局部变量在写式子的时候 排版能做的更好，下次改进 应纳税所得额同步更新的多个情形...
Axure计算器原型
mushe93的博客
09-09 1303
本作品是各种计算器的原型，适用于金融系统的小工具，不是图片，是一个能计算的原型，你们可以自己试试哈，然后作者会不定期更新新的计算器。 原型预览及下载地址：https://axhub.im/pro/3a26b4b85dcd1735 原型展示 1、个税计算器 输入税前收入、五险一金、专项扣除后可以计算个税和税后收入 2、统计学计算器 输入数据后可以计算出回归方程，还有均值、标准差、最大值、最小值、相关系数等金融分析值，也可以在回归方程输入y求x，或输入x求y。 3、...
来自Axure计算器带来的麻烦(ง •̀_•́)ง
留给互联网世界的一些字节
05-24 522
刚开始是觉得应该挺简单，但是做着做着发现其实逻辑性很强，稍微不注意就会出错。链接：https://1dlvyx.axshare.com目前仍存在的问题：        ①%功能未实现        ②以3.2+2.1为例，结果算出来是5.300000000000001     ？？？跪求大佬解救...
axure9制作简易计算器
最新发布
02-26
### 使用 Axure 9 创建简易计算器 #### 准备工作 为了创建一个简易计算器，在启动 Axure RP Pro 后，新建一个项目文件。确保熟悉界面布局以及基本工具的使用[^1]。 #### 设计界面 设计简易计算器的外观，通常包括数字键(0-9)，运算符(+, -, *, /), 和等于号 (=) 按钮。利用矩形工具绘制这些按键，并适当调整大小和位置使其排列整齐美观。对于每一个按钮，输入相应的字符作为标签以便识别。 #### 添加交互逻辑 针对每个按钮配置交互动作以实现功能： - **数字键**：当用户点击某个数字键时，应该将其代表的数值追加到显示屏上当前显示的内容之后。 ```javascript onEvent('Click', function(event){ var display = this.parent.widgets['display'].text; this.parent.widgets['display'].text = display + event.target.text; }); ``` - **清除(C)**：清空显示器中的现有内容。 ```javascript onEvent('Click', function(event){ this.parent.widgets['display'].text = ''; }); ``` - **等号(=)**：计算表达式的值并更新至屏幕。 对于这个操作，需要先获取整个表达式字符串再通过 JavaScript 的 `eval()` 方法求解结果。注意处理可能发生的异常情况如除零错误等。 ```javascript onEvent('Click', function(event){ try { var expression = this.parent.widgets['display'].text; var result = eval(expression); this.parent.widgets['display'].text = result.toString(); } catch (e) { alert("Invalid Expression"); } }); ``` 以上脚本片段展示了如何为不同类型的按钮编写简单的交互行为。实际应用中还需要考虑更多细节比如连续按下相同符号的情况或是支持更复杂的数学函数等等[^4]。 #### 测试和完善 完成上述步骤后，可以通过预览模式测试简易计算器的功能是否正常运作。如果遇到任何问题，则返回修改直至满意为止。此外还可以进一步美化界面样式使它看起来更加专业友好[^2]。
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值