继续将大写键盘的字母和数字键盘的数字等全都复制完成 , 键盘的输入就设置好了 。
2. 空格操作
选中空格 , 设置输入框文本为文本框原有文字+空格(敲一下空格键) 。
在交互上添加新动作 , 获取焦点到输入文本框 。
3. 删除操作
选中删除键 , 新建交互 , 单击时 , 设置输入文本框文本的文字截取从第一个文字开始 , 长度为全部长度-1个文本 。
在交互上添加新动作 , 获取焦点到输入文本框 。
这里函数比较复杂 , 举个例子讲解一下:
假设文本框中有“1234”四个文本 , 点击删除时 , 文本框中的文字变成了“123” , 用截取函数来说就是每次删除都是截取了文本除了最后一个文本的所有文本 。
截取函数是截取文本的 , 所以第一步要获取到目标元件的文本 , 即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)]] 。
结语:完成以上操作 , 验证码登录的键盘输入高保真原型图就完成了 。
本文由@多知 原创发布于人人都是产品经理 , 未经许可 , 禁止转载 。
题图来自Unsplash , 基于CC0协议
(今完)
推荐阅读
- 茶花花期管理:如何养护、怎么浇水、能施肥吗,茶花花期怎么养护?
- 橡皮树长得太高怎么办,橡皮树长得太高怎么办?
- 金钻浇水多了怎么办,金钻怎么浇水方法?
- 河北科技师范学院怎么样好不好 河北科技师范学院怎么样
- 海南医学院怎么样好不好 海南医学院怎么样
- 怎么下载电影到手机 怎么下载电影
- 宝贝英文怎么写baby 宝贝英文怎么写
- 南阳理工学院怎么样真实评价 南阳理工学院怎么样
- cad图纸怎么看才简单易懂 cad图纸怎么看
- 衡水学院怎么样真实回答 衡水学院怎么样
