对于我们再熟悉不过的手机拨号键盘,今天来讲解其中的交互效果:
- 当鼠标的悬浮、按下时,键盘的按键背景色发生变化;
- 当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮;
- 当点击“删除”按钮时,将删除号码最后面的一个数字;当数字全部删除时,“添加号码”按钮和“删除”按钮全部隐藏。
交互讲解一:鼠标的悬浮、按下交互
选中12个数字符号按钮,在其【属性】栏中的交互样式,设置鼠标悬浮和按下时,填充色的变化。
交互讲解二:数字符号的输入
利用全局变量,文本函数[[This.text]]和[[Target.text]]实现数字输入的交互。
1. 添加全局变量
顶部菜单栏【项目】-【全局变量】,添加全局变量,命名随意取,本教程取为:number。
2. 设置鼠标单击时事件交互
1&#