Axure教程:苹果手机拨号原型

对于我们再熟悉不过的手机拨号键盘,今天来讲解其中的交互效果:

  1. 当鼠标的悬浮、按下时,键盘的按键背景色发生变化;
  2. 当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮;
  3. 当点击“删除”按钮时,将删除号码最后面的一个数字;当数字全部删除时,“添加号码”按钮和“删除”按钮全部隐藏。
    在这里插入图片描述

交互讲解一:鼠标的悬浮、按下交互

选中12个数字符号按钮,在其【属性】栏中的交互样式,设置鼠标悬浮和按下时,填充色的变化。
在这里插入图片描述

交互讲解二:数字符号的输入

利用全局变量,文本函数[[This.text]]和[[Target.text]]实现数字输入的交互。

1. 添加全局变量

顶部菜单栏【项目】-【全局变量】,添加全局变量,命名随意取,本教程取为:number。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axure是一个交互原型设计工具,通过使用Axure,我们可以实现各种交互效果和功能,并进行用户界面的设计和测试。 在Axure中,三级菜单和标签之间可以有多种交互使用方式,以下是一种常见的做法: 首先,我们需要创建一个三级菜单组件。在Axure中,我们可以使用层叠面板、动态面板或者自定义交互元件来实现三级菜单。我们可以使用链接和条件规则来控制菜单的展开和收起。 其次,我们需要设计一个标签组件。标签可以是文本或者图标,用来表示三级菜单的具体内容或者功能。我们可以在标签上应用交互效果,比如鼠标移入移出的动画效果,或者点击时的状态变化。 接下来,我们需要使用事件和条件来实现三级菜单和标签之间的交互。比如,当鼠标移入标签时,我们可以触发菜单的展开效果;当鼠标移出标签时,我们可以触发菜单的收起效果。当点击标签时,我们可以触发标签所对应的具体功能或者页面的跳转。 最后,我们可以通过Axure的预览功能来测试三级菜单和标签的交互使用效果。可以通过模拟鼠标移入移出、点击等行为来查看效果,并进行相应的调整和优化。 总的来说,Axure提供了丰富的交互设计功能和工具,我们可以通过事件、条件和效果来实现三级菜单和标签的交互使用。通过不断的测试和调整,我们可以设计出符合用户需求的界面和交互效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值