import dxui from '../../dxmodules/dxUi.js'
|
import std from '../../dxmodules/dxStd.js'
|
import viewUtils from "./viewUtils.js"
|
import mainView from './mainView.js'
|
import topView from './topView.js'
|
import screen from '../screen.js'
|
import i18n from './i18n.js'
|
|
const pwdView = {}
|
pwdView.init = function () {
|
/**************************************************创建屏幕*****************************************************/
|
const screenMain = dxui.View.build('pwdView', dxui.Utils.LAYER.MAIN)
|
pwdView.screenMain = screenMain
|
screenMain.scroll(false)
|
screenMain.bgColor(0xffffff)
|
|
screenMain.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_LOADED, () => {
|
topView.topBox.hide()
|
})
|
screenMain.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_UNLOADED, () => {
|
topView.topBox.show()
|
})
|
|
// 按钮容器
|
let keyBtns = []
|
// 圆点容器
|
let dots = []
|
// 输入的密码
|
let pwd = []
|
let input_len = 0
|
|
const back = viewUtils.imageBtn(pwdView.screenMain, 'pwdViewBackBtn', screen.resourcePath.imagePath + '/back.png')
|
back.setSize(screen.screenSize.width * (80 / 600), screen.screenSize.height * (70 / 1024))
|
back.align(dxui.Utils.ALIGN.TOP_LEFT, 0, screen.screenSize.height * (30 / 1024))
|
back.on(dxui.Utils.EVENT.CLICK, () => {
|
mainView.load()
|
for (let i = 0; i < 6; i++) {
|
if (dots[i]) {
|
dots[i].bgOpa(0)
|
}
|
}
|
input_len = 0;
|
pwd.length = 0
|
std.clearInterval(pwdView.timer)
|
pwdView.timer = null
|
pwdView.countdown.text("60s")
|
})
|
|
// 顶部标题
|
const pwdTitle = dxui.Label.build('pwdTitle', screenMain)
|
// 绑定国际化 key，方便切换语言时自动刷新
|
pwdTitle.dataI18n = 'pwdView.title'
|
pwdTitle.text(i18n.t('pwdView.title'))
|
pwdTitle.textFont(viewUtils.font(28))
|
pwdTitle.textColor(0x000000)
|
pwdTitle.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (46 / 1024))
|
|
// 倒计时(右上角)
|
const countdown = dxui.Label.build('pwdCountdown', screenMain)
|
pwdView.countdown = countdown
|
countdown.text("60s")
|
countdown.textFont(viewUtils.font(28))
|
countdown.textColor(0x000000)
|
countdown.align(dxui.Utils.ALIGN.TOP_RIGHT, -screen.screenSize.width * (20 / 600), screen.screenSize.height * (46 / 1024))
|
|
// 圆点容器
|
const dotcont = dxui.View.build('pwdDotcont', screenMain)
|
dotcont.setSize(screen.screenSize.width * (300 / 600), screen.screenSize.height * (40 / 1024))
|
dotcont.bgOpa(0)
|
dotcont.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (150 / 1024))
|
dotcont.flexFlow(dxui.Utils.FLEX_FLOW.ROW)
|
dotcont.obj.lvObjSetStylePadGap(screen.screenSize.width * (20 / 600), 0)
|
dotcont.borderWidth(0, 0)
|
dotcont.flexAlign(dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER)
|
dotcont.obj.lvObjClearFlag(16)
|
for (let i = 0; i < 6; i++) {
|
dots[i] = dxui.View.build('pwdDot' + i, dotcont)
|
dots[i].setSize(screen.screenSize.width * (30 / 600), screen.screenSize.height * (30 / 1024))
|
dots[i].radius(0x7FFF, 0)
|
dots[i].setBorderColor(0x000000, 0)
|
dots[i].borderWidth(2, 0)
|
dots[i].bgOpa(0)
|
dots[i].obj.lvObjClearFlag(16)
|
}
|
|
// 键盘容器
|
const kbcont = dxui.View.build('kbcont', screenMain)
|
kbcont.setSize(screen.screenSize.width * (560 / 600), screen.screenSize.height * (700 / 1024))
|
kbcont.bgOpa(0)
|
kbcont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, -screen.screenSize.height * (20 / 1024))
|
kbcont.flexFlow(dxui.Utils.FLEX_FLOW.ROW_WRAP)
|
kbcont.flexAlign(dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER)
|
kbcont.obj.lvObjSetStylePadGap(screen.screenSize.width * (12 / 600), 0)
|
kbcont.obj.lvObjClearFlag(16)
|
|
// 创建数字键盘
|
let keys = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "clr", "0", "del"]
|
for (let i = 0; i < keys.length; i++) {
|
const key = keys[i]
|
keyBtns[i] = dxui.Button.build('keyBtn' + key + i, kbcont)
|
keyBtns[i].setSize(screen.screenSize.width * (160 / 600), screen.screenSize.height * (160 / 1024))
|
keyBtns[i].bgColor(0xffffff)
|
keyBtns[i].setBorderColor(0xdddddd, 0)
|
keyBtns[i].borderWidth(2, 0)
|
keyBtns[i].radius(8, 0)
|
keyBtns[i].obj.lvObjSetStyleShadowWidth(4, 0)
|
keyBtns[i].obj.setStyleShadowColor(0x999999, 0)
|
|
if (keys[i].length > 0) {
|
const keyBtnLbl = dxui.Label.build('keyBtnLbl' + key, keyBtns[i])
|
keyBtnLbl.text(key)
|
keyBtnLbl.textColor(0x000000)
|
keyBtnLbl.textFont(viewUtils.font(28))
|
keyBtnLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
|
// 按钮事件回调
|
keyBtns[i].obj.addEventCb((e) => {
|
|
if ("clr" == keyBtnLbl.obj.lvLabelGetText()) {
|
input_len = 0
|
pwd.length = 0
|
for (let i = 0; i < 6; i++) {
|
dots[i].bgOpa(0)
|
}
|
return
|
}
|
if ("del" == keyBtnLbl.obj.lvLabelGetText() && input_len >= 0) {
|
if (input_len == 0) {
|
return
|
} else if (--input_len >= 0) {
|
pwd.pop()
|
dots[input_len].bgOpa(0)
|
}
|
return
|
}
|
|
if (++input_len < 6) {
|
pwd.push(Number(keyBtnLbl.obj.lvLabelGetText()))
|
} else {
|
pwd.push(Number(keyBtnLbl.obj.lvLabelGetText()))
|
input_len = 0;
|
screen.pwdAccess(pwd.join(''))
|
mainView.load()
|
pwd.length = 0
|
std.clearInterval(pwdView.timer)
|
pwdView.timer = null
|
pwdView.countdown.text("60s")
|
}
|
|
for (let i = 0; i < 6; i++) {
|
if (i < input_len && i < 5) {
|
dots[i].bgColor(0x000000)
|
dots[i].bgOpa(255)
|
} else {
|
dots[i].bgOpa(0)
|
}
|
}
|
|
}, dxui.Utils.ENUM.LV_EVENT_CLICKED)
|
}
|
}
|
}
|
|
pwdView.startCountdown = function () {
|
pwdView.count = 60
|
pwdView.timer = std.setInterval(() => {
|
pwdView.countdown.text(pwdView.count + "s")
|
pwdView.count--
|
if (pwdView.count < 0) {
|
std.clearInterval(pwdView.timer)
|
pwdView.timer = null
|
mainView.load()
|
}
|
}, 1000)
|
}
|
|
export default pwdView
|
