26键-键盘输入设计—Axure 9

水印去不掉，将就看吧(╥╯^╰╥)

交互原理

1. 设置输入交互

• 选中字母按钮，新建交互单击时，设置文本框文本为 文本框本身文本(Target.text)+按钮文本(this.text)
  意思是：文本框文本=文本框原有文本+被点击按钮文本
• 在交互上添加新动作，获取焦点到输入文本框（为了在输入文本框中显示光标）。
  

元件解释：

• This：获取当前元件对象，当前元件指添加事件的元件。
• Target：获取目标元件对象，目标元件指添加动作的元件。
• 点击按钮，文本框获取按钮字母，并将文本框文本改变；被点击的按钮就是当前元件对象，也就是this，点击按钮需要改变文本框文本，文本框就是目标元件，也就是target。

其他字母交互全部设置，复制粘贴即可

2. 空格操作

• 操作原理同输入，表示：点击空格，文本框文本=文本框原有文本+空格。

• 选中空格，设置输入框文本为文本框原有文字+空格

3. 删除操作

• 选中删除键，新建交互，单击时，设置输入文本框文本的文字截取从第一个文字开始，长度为全部长度-1个文本。

• 假设文本框中有“1234”四个文本，点击删除时，文本框中的文字变成了“123”，用截取函数来说就是每次删除都是截取了文本除了最后一个文本的所有文本。

• 所以，删除时，只显示前总长度-1个字母就好，用到 截取函数 substr(start,length)。

• 截取函数是截取文本的，所以第一步要获取到目标元件的文本，即target.text。

• substr(start,length)，需要截取从第一个文本的函数，所以start是0，截取文本全部长度-1个文本，所以length是目标元件文本的长度-1，就是Target.text.length-1，所以截取函数表达为 substr(0,Target.text.length-1)，结合起来就是 [[Target.text.substr(0,Target.text.length-1)]]。

• substr(start,length)：当前文本对象中从指定起始位置截取一定长度的字符串。参数：start为截取的起始位置，从0开始计算，length为截取的长度，该参数可以省略，省略则表示从起始位置一直截取到文本对象末尾。

已上传资源文件