passwordKeyboard

openDigitalLetter closeDigitalLetter openDigital closeDigital openDigitalSymbol closeDigitalSymbol

概述

passwordKeyboard封装了多个类型数字密码键盘,可以根据开发者的需求来选择使用键盘类型.开发者可以按照自己设计的键盘颜色和按钮颜色来进行开发。

数字字母键盘 样式如下图所示: DigitalLetter

数字键盘 样式如下图所示: Digital

数字符号键盘 样式如下图所示: passwordKeyboard - 图3

openDigitalLetter

数字字母键盘(仅iOS支持)

openDigitalLetter({params},callback(ret))

params

rect:

  • 类型:JSON 对象
  • 描述:键盘尺寸
  • 内部字段:
  1. {
  2. h: //数字类型;(可选项);键盘高度;默认:315
  3. }

bgColor:

  • 类型:字符串
  • 默认值:#D3D3D3
  • 描述:(可选项);键盘背景颜色

dataNumber:

  • 类型:数字类型
  • 默认值:6
  • 描述:(可选项);允许输入框输入密码的位数

style:

  • 类型:JSON 对象
  • 描述:(可选项)键盘按钮设置
  • 内部字段:
  1. {
  2. inputBoxColor:'#FFFFFF', // 字符串类型;(可选项);输入框背景颜色:默认值:#FFFFFF
  3. cornerRadius:5, //数字类型;(可选项);输入框圆角;默认值:5
  4. delateBgColor:'#ACB4BE', //字符串;(可选项);删除按钮背景颜色;默认值:#ACB4BE
  5. sureBgColor:'#00A98F', //字符串类型;(可选项);确定按钮背景颜色;默认值: #00A98F
  6. sureTitleColor:'#FFFFFF', //字符串类型;(可选项);确定按钮标题颜色;默认值: #00A98F
  7. digitalBtnBgColor:'#778899', //字符串类型;(可选项);数字按钮颜色;默认值: #FFFFFF
  8. digitalBtnTitleColor:'#9AFF9A', //字符串类型;(可选项);数字按钮标题颜色;默认值: #000000
  9. btnHighlightVolor:'#000080', //字符串类型;(可选项);数字按钮高亮颜色;默认值: #B22222
  10. btnTitleFont:30, //数字类型;(可选项);按钮标题字号;默认值:18
  11. btnCornerRadius:8, //数字类型;(可选项);按钮圆角;默认值:4
  12. }

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. passWord:, //字符串类型;点击完成按钮时返回
  3. }

示例代码

  1. var baiduAd = api.require('passwordKeyboard');
  2. baiduAd.openDigitalLetter({
  3. rect:{
  4. h:315,
  5. },
  6. bgColor:'#D2D6DA',
  7. dataNumber:6,
  8. style:{
  9. inputBoxColor:'#FFFFFF', // #FFFFFF
  10. cornerRadius:5,
  11. delateBgColor:'#ACB4BE',
  12. sureBgColor:'#00A98F',
  13. sureTitleColor:'#FFFFFF',
  14. digitalBtnBgColor:'#778899',
  15. digitalBtnTitleColor:'#9AFF9A',
  16. btnHighlightVolor:'#000080',
  17. btnTitleFont:30,
  18. btnCornerRadius:8,
  19. }
  20. },function(ret){
  21. alert(JSON.stringify(ret));
  22. });

可用性

iOS系统 可提供的1.0.0及更高版本

closeDigitalLetter

关闭数字字母键盘(仅iOS支持)

closeDigitalLetter(callback(ret))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status:, //布尔类型;true成功;false失败
  3. }

示例代码

  1. var baiduAd = api.require('passwordKeyboard');
  2. baiduAd.closeDigitalLetter(function(ret){
  3. alert(JSON.stringify(ret));
  4. });

可用性

iOS系统

可提供的1.0.0及更高版本

openDigital

数字键盘

openDigital({params},callback(ret))

params

rect:

  • 类型:JSON 对象
  • 描述:键盘尺寸(仅iOS支持)
  • 内部字段:
  1. {
  2. h: //数字类型;(可选项);键盘高度;默认:290
  3. }

bgColor:

  • 类型:字符串
  • 默认值:#FFFFFF(仅iOS支持)
  • 描述:键盘背景颜色

style:

  • 类型:JSON 对象
  • 描述:(可选项)键盘按钮设置(仅iOS支持)
  • 内部字段:
  1. {
  2. sureBgColor:'#00A98F',//字符串类型;(可选项);确定按钮标题颜色;默认值: #00A98F
  3. digitalBtnBgColor:'#0000CD',//字符串类型;(可选项);数字按钮颜色;默认值: #FFFFFF
  4. digitalBtnTitleColor:'#76EE00',//字符串类型;(可选项);数字按钮标题颜色;默认值: #000000
  5. InputBoxBorderColor:'#B0E0E6', //字符串类型;(可选项);输入框边框颜色;默认值:#999999
  6. segmentationLineColor:'#FFEC8B', //字符串类型;(可选项);分割线颜色;默认值:#979797
  7. btnHighlightVolor:'#FF6A6A',//字符串类型;(可选项);数字按钮高亮颜色;默认值: #B22222
  8. btnTitleFont:20, //数字类型;(可选项);按钮标题字号;默认值:20
  9. }

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. passWord:, //字符串类型;点击完成按钮时返回
  3. }

示例代码

  1. var baiduAd = api.require('passwordKeyboard');
  2. baiduAd.openDigital({
  3. rect:{
  4. h:315,
  5. },
  6. bgColor:'#D2D6DA',
  7. dataNumber:6,
  8. style:{
  9. sureBgColor:'#00A98F',
  10. digitalBtnBgColor:'#0000CD',
  11. digitalBtnTitleColor:'#76EE00',
  12. InputBoxBorderColor:'#B0E0E6',
  13. segmentationLineColor:'#FFEC8B',
  14. btnHighlightVolor:'#FF6A6A',
  15. btnTitleFont:20,
  16. }
  17. },function(ret){
  18. alert(JSON.stringify(ret));
  19. });

可用性

iOS系统,Android系统 可提供的1.0.0及更高版本

closeDigital

关闭数字键盘

closeDigital(callback(ret))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status:, //布尔类型;true成功;false失败
  3. }

示例代码

  1. var baiduAd = api.require('passwordKeyboard');
  2. baiduAd.closeDigital(function(ret){
  3. alert(JSON.stringify(ret));
  4. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

openDigitalSymbol

打开数字符号键盘(仅iOS支持)

openDigitalSymbol({params},callback(ret))

params

rect:

  • 类型:JSON 对象
  • 描述:键盘尺寸
  • 内部字段:
  1. {
  2. h: //数字类型;键盘高度;默认:260
  3. }

bgColor:

  • 类型:字符串
  • 默认值:#595959
  • 描述:键盘背景颜色

style:

  • 类型:JSON 对象
  • 描述:(可选项)键盘按钮设置

内部字段:

  1. {
  2. digitalBtnBgColor:'#778899', //字符串类型;(可选项);数字按钮颜色;默认值:#8B8B8B
  3. digitalBtnTitleColor:'#9AFF9A', //字符串类型;(可选项);数字按钮标题颜色;默认值: #000000
  4. btnHighlightVolor:'#000080',//字符串类型;(可选项);数字按钮高亮颜色;默认值: #B22222
  5. btnTitleFont:30, //数字类型;按钮标题字号;(可选项);默认值:20
  6. btnCornerRadius:8, //数字类型;(可选项);按钮圆角;默认值:4
  7. }

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. passWord:, //字符串类型;点击完成按钮时返回
  3. }

示例代码

  1. var baiduAd = api.require('passwordKeyboard');
  2. baiduAd.openDigitalSymbol({
  3. rect:{
  4. h:260,
  5. },
  6. bgColor:'#D2D6DA',
  7. style:{
  8. digitalBtnBgColor:'#778899',
  9. digitalBtnTitleColor:'#9AFF9A',
  10. btnHighlightVolor:'#000080',
  11. btnTitleFont:30,
  12. btnCornerRadius:8,
  13. }
  14. },function(ret){
  15. alert(JSON.stringify(ret));
  16. });

可用性

iOS系统 可提供的1.0.0及更高版本

closeDigitalSymbol

关闭数字符号键盘(仅iOS支持)

closeDigitalSymbol(callback(ret))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status:, //布尔类型;true成功;false失败
  3. }

示例代码

  1. var baiduAd = api.require('passwordKeyboard');
  2. baiduAd.closeDigitalSymbol(function(ret)
  3. alert(JSON.stringify(ret));
  4. });

可用性

iOS系统

可提供的1.0.0及更高版本