passwordKeyboard封装了多个类型数字密码键盘,可以根据开发者的需求来选择使用键盘类型.开发者可以按照自己设计的键盘颜色和按钮颜色来进行开发。
数字字母键盘 样式如下图所示:
数字键盘 样式如下图所示:
数字符号键盘 样式如下图所示:
# **openDigitalLetter**数字字母键盘(仅iOS支持)
openDigitalLetter({params},callback(ret))
rect:
{
h: //数字类型;(可选项);键盘高度;默认:315
}
bgColor:
dataNumber:
style:
{
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
}
ret:
{
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){
api.alert({msg: JSON.stringify(ret)});
});
iOS系统 可提供的1.0.0及更高版本
# **closeDigitalLetter**关闭数字字母键盘(仅iOS支持)
closeDigitalLetter(callback(ret))
ret:
{
status:, //布尔类型;true成功;false失败
}
var baiduAd = api.require('passwordKeyboard');
baiduAd.closeDigitalLetter(function(ret){
api.alert({msg: JSON.stringify(ret)});
});
iOS系统
可提供的1.0.0及更高版本
# **openDigital**数字键盘
openDigital({params},callback(ret))
rect:
{
h: //数字类型;(可选项);键盘高度;默认:290
}
bgColor:
style:
{
sureBgColor:'#00A98F',//字符串类型;(可选项);确定按钮标题颜色;默认值: #00A98F
digitalBtnBgColor:'#0000CD',//字符串类型;(可选项);数字按钮颜色;默认值: #FFFFFF
digitalBtnTitleColor:'#76EE00',//字符串类型;(可选项);数字按钮标题颜色;默认值: #000000
InputBoxBorderColor:'#B0E0E6', //字符串类型;(可选项);输入框边框颜色;默认值:#999999
segmentationLineColor:'#FFEC8B', //字符串类型;(可选项);分割线颜色;默认值:#979797
btnHighlightVolor:'#FF6A6A',//字符串类型;(可选项);数字按钮高亮颜色;默认值: #B22222
btnTitleFont:20, //数字类型;(可选项);按钮标题字号;默认值:20
}
ret:
{
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){
api.alert({msg: JSON.stringify(ret)});
});
iOS系统,Android系统 可提供的1.0.0及更高版本
# **closeDigital**关闭数字键盘
closeDigital(callback(ret))
ret:
{
status:, //布尔类型;true成功;false失败
}
var baiduAd = api.require('passwordKeyboard');
baiduAd.closeDigital(function(ret){
api.alert({msg: JSON.stringify(ret)});
});
iOS系统,Android系统
可提供的1.0.0及更高版本
# **openDigitalSymbol**打开数字符号键盘(仅iOS支持)
openDigitalSymbol({params},callback(ret))
rect:
{
h: //数字类型;键盘高度;默认:260
}
bgColor:
style:
内部字段:
{
digitalBtnBgColor:'#778899', //字符串类型;(可选项);数字按钮颜色;默认值:#8B8B8B
digitalBtnTitleColor:'#9AFF9A', //字符串类型;(可选项);数字按钮标题颜色;默认值: #000000
btnHighlightVolor:'#000080',//字符串类型;(可选项);数字按钮高亮颜色;默认值: #B22222
btnTitleFont:30, //数字类型;按钮标题字号;(可选项);默认值:20
btnCornerRadius:8, //数字类型;(可选项);按钮圆角;默认值:4
}
ret:
{
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){
api.alert({msg: JSON.stringify(ret)});
});
iOS系统 可提供的1.0.0及更高版本
# **closeDigitalSymbol**关闭数字符号键盘(仅iOS支持)
closeDigitalSymbol(callback(ret))
ret:
{
status:, //布尔类型;true成功;false失败
}
var baiduAd = api.require('passwordKeyboard');
baiduAd.closeDigitalSymbol(function(ret)
api.alert({msg: JSON.stringify(ret)});
});
iOS系统
可提供的1.0.0及更高版本