passwordKeyboard

概述

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

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

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

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

openDigitalLetter

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

openDigitalLetter({params},callback(ret))

params

rect:

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

bgColor:

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

dataNumber:

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

style:

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

callback(ret, err)

ret:

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

示例代码

    var baiduAd = api.require('passwordKeyboard');
    baiduAd.openDigitalLetter({
       rect:{
           h:315,
       },
       bgColor:'#D2D6DA',
       dataNumber:6,
       style:{
          inputBoxColor:'#FFFFFF',    // #FFFFFF
           cornerRadius:5,
           delateBgColor:'#ACB4BE',
           sureBgColor:'#00A98F',
           sureTitleColor:'#FFFFFF',
           digitalBtnBgColor:'#778899',
           digitalBtnTitleColor:'#9AFF9A',
           btnHighlightVolor:'#000080',
           btnTitleFont:30,
           btnCornerRadius:8,
       }
    },function(ret){
            alert(JSON.stringify(ret));
     });

可用性

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

closeDigitalLetter

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

closeDigitalLetter(callback(ret))

callback(ret, err)

ret:

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

示例代码

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

可用性

iOS系统

可提供的1.0.0及更高版本

openDigital

数字键盘

openDigital({params},callback(ret))

params

rect:

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

bgColor:

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

style:

  • 类型:JSON 对象
  • 描述:(可选项)键盘按钮设置(仅iOS支持)
  • 内部字段:
{

    sureBgColor:'#00A98F',//字符串类型;(可选项);确定按钮标题颜色;默认值: #00A98F
    digitalBtnBgColor:'#0000CD',//字符串类型;(可选项);数字按钮颜色;默认值: #FFFFFF
    digitalBtnTitleColor:'#76EE00',//字符串类型;(可选项);数字按钮标题颜色;默认值: #000000
     InputBoxBorderColor:'#B0E0E6', //字符串类型;(可选项);输入框边框颜色;默认值:#999999
     segmentationLineColor:'#FFEC8B', //字符串类型;(可选项);分割线颜色;默认值:#979797
     btnHighlightVolor:'#FF6A6A',//字符串类型;(可选项);数字按钮高亮颜色;默认值: #B22222
     btnTitleFont:20, //数字类型;(可选项);按钮标题字号;默认值:20
}

callback(ret, err)

ret:

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

示例代码

    var baiduAd = api.require('passwordKeyboard');
    baiduAd.openDigital({
       rect:{
           h:315,
       },
       bgColor:'#D2D6DA',
       dataNumber:6,
       style:{
           sureBgColor:'#00A98F',
           digitalBtnBgColor:'#0000CD',
           digitalBtnTitleColor:'#76EE00',
           InputBoxBorderColor:'#B0E0E6',
           segmentationLineColor:'#FFEC8B',
           btnHighlightVolor:'#FF6A6A',
           btnTitleFont:20,
       }
    },function(ret){
            alert(JSON.stringify(ret));
    });

可用性

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

closeDigital

关闭数字键盘

closeDigital(callback(ret))

callback(ret, err)

ret:

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

示例代码

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

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

openDigitalSymbol

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

openDigitalSymbol({params},callback(ret))

params

rect:

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

bgColor:

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

style:

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

内部字段:

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

callback(ret, err)

ret:

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

示例代码

    var baiduAd = api.require('passwordKeyboard');
    baiduAd.openDigitalSymbol({
           rect:{
               h:260,
           },
           bgColor:'#D2D6DA',                               
           style:{
              digitalBtnBgColor:'#778899', 
               digitalBtnTitleColor:'#9AFF9A',
                btnHighlightVolor:'#000080',
                 btnTitleFont:30, 
                 btnCornerRadius:8,
           }
    },function(ret){
            alert(JSON.stringify(ret));
    });

可用性

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

closeDigitalSymbol

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

closeDigitalSymbol(callback(ret))

callback(ret, err)

ret:

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

示例代码

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

可用性

iOS系统

可提供的1.0.0及更高版本