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

本文通过Axure教程详细讲解了手机拨号键盘的交互实现,包括鼠标悬浮、按下时按键背景变化,数字输入与删除,以及添加号码和删除按钮的显示隐藏逻辑。通过全局变量和函数操作,实现真实拨号键盘的交互体验。
摘要由CSDN通过智能技术生成

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

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

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

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

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

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

1. 添加全局变量

顶部菜单栏【项目】-【全局变量】,添加全局变量,命名随意取,本教程取为:number。
在这里插入图片描述

2. 设置鼠标单击时事件交互

1&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值