Axure RP9 实现计算机效果交互

已于 2022-01-24 20:02:40 修改
阅读量1.4k 收藏 4
点赞数
文章标签： axure 交互
于 2022-01-19 11:46:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62866824/article/details/122576991
版权

一、步骤

1.先拉俩个矩形分别命名为求和1、求和2中间加号和等号为文本标签只做展示可忽略；

2.按钮前面的文本标签命名为求和

 3.为按钮添加交互，交互为单击时设置文本，目标选择求和添加变量

 4.添加局部变量并绑定俩个矩形，绑定后插入变量，按照这个格式[[LAVR1+LAVR2]]让俩个局部变量相加。这样输入数字后点击按钮就会进行计算了，加减乘除逻辑一样只需改动一个字符就可以，分别是：[[LAVR1+LAVR2]]、[[LAVR1-LAVR2]]、[[LAVR1*LAVR2]]、[[LAVR1/LAVR2]]

二、链接实例

目录

最低0.47元/天 解锁文章
PM - JG
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Axure计算器案例
WENROUbalance的博客
08-08 995
第一步，用文本框框出我们要输入数字的地方，作成如图中所示就行了，那个结果是个矩形上写文字，那个乘号所在的框架是标明这是能算什么的计算机，然后再页面标明好要是输入数字的文字框的先后顺序。第二步，点击结果矩形，双击鼠标单击时的事件，然后在添加动作里找到设置文本在配置动作里找到有结果字的矩形，再点击右下角的fx。第三步，在里面找到添加局部变量，再找到右边的一个倒三角，点击它换好如图中的数字。然后在里面找到如图中的字母，然后把它们中间的括号去掉，只留左右两边的，然后在它们中间加入加减乘除任意一个符号，这关系到网站上
用Axure RP 9 设计计算器的过程.wmv
04-02
附件就是我用Axure RP 9设计一个高保真计算器原型的全过程，因为考虑到写文档太繁琐，很多人都不喜欢直接看文档，而且有些细节用文字无法描述，所以我就把我直播培训的过程录播下来，这样便于大家学习。
Axure简易计算器
热门推荐
阿喵超咸
05-06 1万+
Axure计算器1.axure计算器页面2.设置全局变量3.数字1~9的交互设置4."."小数点的交互设置5."="等于号的交互设置6."+-*/" 加减乘除的交互设置7. "%" 百分率8.清屏9.退格 放心，直接跟着设置就好，暴力贴图乃我也。（下载路径在最底部） 1.axure计算器页面 先po上成品图 Emmm，页面元件制作起来很简单，就不详细介绍，你们喜欢就好。 各矩形名称和对应矩形内容...
Axure计算器(简单加减乘除，清屏，退格，小数，%)
05-05
Axure的计算器模型，可实现简单的加减乘除、清屏、退格、小数、%功能。页面啥的可看我的博文。 ps：若有异常请在评论区留言。
Axure 9 pro个人所得税计算器
weixin_39712314的博客
02-28 216
参考教程： https://www.jianshu.com/p/0a86e9a1fd4c 简单的热身，练习一下！ 练习目的： 文本标签、文本框、按钮等元件简单设计 完成线框图的界面布局，各元件的命名 值的计算 效果： 因为条件比较多，所以没有做全条件判断（投个小懒哈哈^ ^） 收获： 第一次知道如何使用局部变量在写式子的时候 排版能做的更好，下次改进 应纳税所得额同步更新的多个情形...
Axure 计算器 超级完整
qq_63880964的博客
06-02 2633
看起来是不是很复杂,别急,请继续看下去这样看应该就明白了吧,我是找的一张计算器的图片,然后将按钮一个个添加,最后设置不透明度为0%,这样的计算器是不是既简单又美观>_<7.% +/- 退格 清零键的设置。
Axure RP 9 元件库
12-07
Axure RP 9 元件库加载，Ant design Axure组件库，Axure库全套，Google Material Design 900个实用的Axure图标组件库 LIB002+-+AxureUX交互原型Web元件库精简版
AxureRP9萌新修炼手册.pdf
11-18
Axure RP9 是一款强大的快速原型设计工具，由 Axure Software Solution 公司开发，用于创建原型和交互设计。它的发音通常为“艾克舒尔”。该软件广泛应用于产品经理、交互设计师、信息架构师等多个领域，不仅限于...
axureRP9资源包，免安装版本
最新发布
10-16
这个“axureRP9资源包，免安装版本”提供了无需正式安装即可使用的便捷方式，适合那些不想或不能在系统上进行标准安装的用户。 在资源包中，"AxureRP9"可能包含以下组成部分： 1. **主程序执行文件**：这是运行...
Axure WEB端交互原型通用组件模板库 v3.2 (Axure RP9作品).zip
04-26
同时，为了顺应Axure9新版本过渡的趋势，以及推动新版本在行业内的普及，这套作品是完全采用Axure9进行制作和发布的，所以作品中应用了许多Axure RP9的新特性和设计方法。 组件仍然是这套作品的核心内容，这套作品...
AxureRP9萌新修炼手册(1.6版)+Axure RP 9 快捷键.zip
10-26
本篇将围绕"AxureRP9萌新修炼手册(1.6版)"及"Axure RP 9 快捷键"这两个主题，详细介绍Axure RP 9 的基本操作和快捷键，以帮助初学者迅速提升技能。 1. **Axure RP 9 基础知识**： - **界面布局**：Axure RP 9 的...
axure 点击按钮弹出框_Axure制作计算器（可使用 仿iOS）
weixin_26879037的博客
12-21 375
用Axure来制作一个可使用的计算器，可以深入的学习一下Axure整个事件系统，在国外的产品设计圈很流行，今天就给大家分享一下制作过程，大家快去动手做一个吧~咱们先看一下效果：完整版体验地址：http://axure123.com/calc/（已手机适配）一、图像设计部分这部分比较简单，咱们参考iOS原生的计算器，图形如下，统一用基本图形，矩形+圆形。从上到下一共四个部分：结果展示区，运算符，数字...
Axure RP 8--创建交互动作
thebigdipperbdx的博客
10-26 2667
介绍 Axure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。本教程参考官网英文教程介绍 工具 windows7 Axure RP 8 步骤 新建项目 Page 1页面 – &amp;amp;gt; 添加一个 Primary Button，并更改文字 Page 1页面 – &amp;amp;gt; 添加两...
用计算机计算已经定比下方,用Axure 8.0打造自定义比例计算器
weixin_34117129的博客
06-19 153
原标题：用Axure 8.0打造自定义比例计算器日常设计中，版式设计随时会遇到需要计算板块比例或图形比例的情况，打造一个属于自己的计算器，方便随时调用。把重复繁琐的输入工作变得更简单！ 为什么要做这个东西？一天在浏览设计网站的过程中偶然发现一个”黄金比例计算器“，我想能不能用Axure自己做一个？日常设计中，版式设计随时会遇到需要计算板块比例或图形比例的情况，打造一个属于自己的计算器，方便随时调用...
Axure9数字加减交互案例
yuan5411的博客
09-01 1588
数字加减交互效果在Axure案例中很常用，在移动端最常见的形式就是购买商品时选择添加数量，下面就按照移动端购买商品时添加或减少来做案例。这是实际案例首先我们要实现的交互效果是当点击“+”时，文本框内数字加1，当点击“-”号时文本框内数字减1。这里我们可以用三种方法来实现这个效果，每种方法都有不同的使用场景。
Axure RP9 步进器（局部变量）
weixin_55047679的博客
07-19 355
步进器 多数用于电商类案例购物车商品数量加减
Axure9 快速入门精讲课程
12-07
Axure 9快速入门精讲课程，是一套快速入门和精讲课程，由浅入深、由基础到实战，Axure 是一个专业的原型设计工具，是交互设计师和产品经理必会的一款原型设计工具。Axure可以绘制草图原型、低保真原型以及高保真原型，根据不同的场景和不同的需求绘制不同种类的原型，利用它来的创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理，已成为网页设计、APP设计等领域的关键性技术之一。
学习Axure RP交互设计课程心得
xxxxcccz的博客
06-22 833
Axure RP交互设计课程
axure rp 9 交互
07-28
Axure RP 9 是一款功能强大的交互设计工具，它可以帮助用户创建原型，并进行交互设计和用户测试。通过 Axure RP 9，用户可以快速制作高保真度的原型，模拟网页、移动应用和其他界面的交互效果。以下是 Axure RP 9 提供的一些交互功能： 1. 页面链接：在 Axure RP 9 中，用户可以轻松创建页面之间的链接，实现页面之间的跳转和导航。 2. 交互动作：Axure RP 9 提供了丰富的交互动作选项，例如点击、滚动、拖拽等，用户可以通过这些动作来模拟用户与界面的交互过程。 3. 状态切换：用户可以定义元素的不同状态，例如悬停、选中、禁用等，并在交互过程中实现状态之间的切换，以呈现更加真实的交互效果。 4. 表单输入：Axure RP 9 支持模拟表单输入，用户可以创建输入字段、下拉菜单、复选框等表单元素，并进行交互测试。 5. 条件逻辑：用户可以使用条件逻辑来定义不同情况下的交互行为，例如根据用户的选择展示不同的内容或触发不同的动作。 总而言之，Axure RP 9 提供了丰富的交互设计功能，可以帮助用户创建交互性强、用户体验良好的原型，并进行有效的用户测试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PM - JG

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值