import dxui from '../../../../../dxmodules/dxUi.js'
|
import std from '../../../../../dxmodules/dxStd.js'
|
import viewUtils from "../../../viewUtils.js"
|
import topView from "../../../topView.js"
|
import systemSettingView from '../systemSettingView.js'
|
import i18n from "../../../i18n.js"
|
import screen from '../../../../screen.js'
|
import dxDriver from '../../../../../dxmodules/dxDriver.js'
|
const displaySettingView = {}
|
// 支持的语言列表，与 langPack 中新增的语言保持一致
|
const languages = ['CN', 'EN', 'ES', 'FR', 'DE', 'RU', 'AR', 'PT', 'KO']
|
// 版本文件路径
|
const VERSION_FILE = '/etc/app/region.conf'
|
|
/**
|
* 判断是否是国际版本
|
* @returns {boolean} true表示国际版本，false表示国内版本
|
*/
|
function isInternationalVersion() {
|
try {
|
let savedVersion = std.loadFile(VERSION_FILE)
|
if (savedVersion) {
|
savedVersion = savedVersion.trim()
|
}
|
// 文件有内容代表国际版本，无内容代表国内版本
|
return savedVersion && savedVersion=="INTL"
|
} catch (e) {
|
// 如果文件不存在或读取失败，默认返回false（国内版本）
|
return false
|
}
|
}
|
|
/**
|
* 根据版本获取可用的语言列表
|
* @returns {Array<string>} 可用的语言代码列表
|
*/
|
function getAvailableLanguages() {
|
const isInternational = isInternationalVersion()
|
if (isInternational) {
|
// 国际版本：排除 CN
|
return languages.filter(lang => lang !== 'CN')
|
} else {
|
// 国内版本：只保留 CN
|
return ['CN']
|
}
|
}
|
|
displaySettingView.init = function () {
|
/**************************************************创建屏幕*****************************************************/
|
const screenMain = dxui.View.build('displaySettingView', dxui.Utils.LAYER.MAIN)
|
displaySettingView.screenMain = screenMain
|
screenMain.scroll(false)
|
screenMain.bgColor(0xffffff)
|
screenMain.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_LOADED, () => {
|
topView.changeTheme(true)
|
|
refreshLanguage()
|
|
const configAll = screen.getConfig()
|
|
// 屏幕亮度
|
displaySettingView.info.screenBacklight.slider.value(configAll['base.backlight'])
|
displaySettingView.info.screenBacklight.slider.send(dxui.Utils.EVENT.VALUE_CHANGED)
|
// 熄屏时间
|
displaySettingView.info.autoTurnOffScreenTime.dropdown.setSelected(configAll['base.screenOff'])
|
// 屏保时间
|
displaySettingView.info.autoScreenSaverTime.dropdown.setSelected(configAll['base.screensaver'])
|
// 显示IP
|
displaySettingView.info.displayIp.switch.select(configAll['base.showIp'] == 1)
|
// 显示SN
|
displaySettingView.info.displayDeviceSn.switch.select(configAll['base.showSn'] == 1)
|
// 显示小程序码
|
//displaySettingView.info.displayCode.switch.select(configAll['base.showProgramCode'] == 1)暂时隐藏小程序二维码
|
|
displaySettingView.info.brightness.slider.value(configAll['base.brightness'])
|
displaySettingView.info.brightness.slider.send(dxui.Utils.EVENT.VALUE_CHANGED)
|
// displaySettingView.info.nirBrightness.slider.value(configAll['base.nirBrightness'])
|
// displaySettingView.info.nirBrightness.slider.send(dxui.Utils.EVENT.VALUE_CHANGED)
|
})
|
|
const titleBox = viewUtils.title(screenMain, systemSettingView.screenMain, 'displaySettingViewTitle', 'systemSettingView.displaySetting')
|
titleBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (50 / 1280))
|
|
// 使用对象而不是数组，通过 key 访问，避免下标依赖
|
displaySettingView.info = {
|
screenBacklight: {
|
key: 'screenBacklight',
|
title: "systemSettingView.screenBacklight",
|
type: 'slider',
|
unit: '%'
|
},
|
autoTurnOffScreenTime: {
|
key: 'autoTurnOffScreenTime',
|
title: "systemSettingView.autoTurnOffScreenTime",
|
type: 'dropdown',
|
},
|
autoScreenSaverTime: {
|
key: 'autoScreenSaverTime',
|
title: "systemSettingView.autoScreenSaverTime",
|
type: 'dropdown',
|
},
|
displayIp: {
|
key: 'displayIp',
|
title: "systemSettingView.displayIp",
|
type: 'switch',
|
},
|
displayDeviceSn: {
|
key: 'displayDeviceSn',
|
title: "systemSettingView.displayDeviceSn",
|
type: 'switch',
|
},
|
language: {
|
key: 'language',
|
title: "systemSettingView.language",
|
type: 'dropdown',
|
},
|
displayCode: {
|
key: 'displayCode',
|
title: "systemSettingView.displayCode",
|
type: 'switch',
|
},
|
themeMode: {
|
key: 'themeMode',
|
title: "systemSettingView.themeMode",
|
type: 'dropdown',
|
},
|
brightness: {
|
key: 'brightness',
|
title: "systemSettingView.brightness",
|
type: 'slider',
|
unit: '%'
|
},
|
// nirBrightness: {
|
// key: 'nirBrightness',
|
// title: "systemSettingView.nirBrightness",
|
// type: 'slider',
|
// unit: '%'
|
// },
|
}
|
|
const displaySettingBox = dxui.View.build('displaySettingBox', screenMain)
|
viewUtils._clearStyle(displaySettingBox)
|
displaySettingBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (140 / 1280))
|
displaySettingBox.setSize(screen.screenSize.width * (600 / 600), screen.screenSize.height * (700 / 1280))
|
displaySettingBox.bgOpa(0)
|
displaySettingBox.flexFlow(dxui.Utils.FLEX_FLOW.ROW_WRAP)
|
displaySettingBox.flexAlign(dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.START, dxui.Utils.FLEX_ALIGN.START)
|
displaySettingBox.obj.lvObjSetStylePadGap(screen.screenSize.width * (0 / 600), dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
|
displaySettingBox.borderWidth(screen.screenSize.width * (1 / 600))
|
displaySettingBox.setBorderColor(0xDEDEDE)
|
displaySettingBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_TOP, 0)
|
|
// 遍历所有配置项，使用 Object.entries 确保通过 key 正确赋值
|
Object.entries(displaySettingView.info).forEach(([key, item]) => {
|
if (key === 'displayCode') {
|
return/* 暂时隐藏小程序二维码 */
|
}
|
if (key === 'language' && !isInternationalVersion()) {
|
return
|
}
|
const itemBox = dxui.View.build(item.title, displaySettingBox)
|
viewUtils._clearStyle(itemBox)
|
itemBox.setSize(screen.screenSize.width * (560 / 600), screen.screenSize.height * (76 / 1280))
|
itemBox.borderWidth(screen.screenSize.width * (1 / 600))
|
itemBox.setBorderColor(0xDEDEDE)
|
itemBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)
|
|
const itemLabel = dxui.Label.build(item.title + 'Label', itemBox)
|
itemLabel.dataI18n = item.title
|
itemLabel.align(dxui.Utils.ALIGN.LEFT_MID, 0, 0)
|
itemLabel.textFont(viewUtils.font(26))
|
|
if (item.unit) {
|
const unitLabel = dxui.Label.build(item.title + 'UnitLabel', itemBox)
|
unitLabel.text(item.unit)
|
unitLabel.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
|
unitLabel.textFont(viewUtils.font(26))
|
}
|
|
if (item.i18nUnit) {
|
const unitLabel = dxui.Label.build(item.title + 'UnitLabel', itemBox)
|
unitLabel.dataI18n = item.i18nUnit
|
unitLabel.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
|
unitLabel.textFont(viewUtils.font(26))
|
}
|
|
switch (item.type) {
|
case 'switch':
|
const __switch = dxui.Switch.build(item.title + 'switch', itemBox)
|
__switch.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
|
__switch.setSize(screen.screenSize.width * (70 / 600), screen.screenSize.height * (35 / 1280))
|
__switch.bgColor(0x000000, NativeObject.APP.NativeComponents.NativeEnum.LV_PART_INDICATOR | NativeObject.APP.NativeComponents.NativeEnum.LV_STATE_CHECKED)
|
|
displaySettingView.info[key].switch = __switch
|
break;
|
case 'input':
|
const input = viewUtils.input(itemBox, item.title + 'input', 2, undefined, undefined)
|
input.align(dxui.Utils.ALIGN.RIGHT_MID, -screen.screenSize.width * (60 / 600), 0)
|
input.setSize(screen.screenSize.width * (100 / 600), screen.screenSize.height * (45 / 1280))
|
item.input = input
|
break;
|
case 'dropdown':
|
const dropdown = dxui.Dropdown.build(item.title + 'dropdown', itemBox)
|
dropdown.align(dxui.Utils.ALIGN.RIGHT_MID, 0, 0)
|
dropdown.textFont(viewUtils.font(26))
|
dropdown.getList().textFont(viewUtils.font(26))
|
dropdown.setSize(screen.screenSize.width * (220 / 600), screen.screenSize.height * (45 / 1280))
|
dropdown.padTop((screen.screenSize.height * (45 / 1280) - viewUtils.font(26).obj.lvFontGetLineHeight()) / 2)
|
dropdown.padBottom(0)
|
dropdown.setSymbol(screen.dropdownSymbol)
|
item.dropdown = dropdown
|
break;
|
case 'slider':
|
const sliderLabel = dxui.Label.build(item.title + 'sliderLabel', itemBox)
|
sliderLabel.align(dxui.Utils.ALIGN.RIGHT_MID, -screen.screenSize.width * (30 / 600), 0)
|
sliderLabel.width(screen.screenSize.width * (50 / 600))
|
sliderLabel.text('0')
|
sliderLabel.textFont(viewUtils.font(26))
|
sliderLabel.textAlign(dxui.Utils.TEXT_ALIGN.RIGHT)
|
|
const slider = dxui.Slider.build(item.title + 'slider', itemBox)
|
slider.align(dxui.Utils.ALIGN.RIGHT_MID, -screen.screenSize.width * (90 / 600), 0)
|
slider.width(screen.screenSize.width * (200 / 600))
|
slider.height(screen.screenSize.height * (15 / 1280))
|
slider.range(0, 100)
|
slider.bgColor(0x000000, NativeObject.APP.NativeComponents.NativeEnum.LV_PART_KNOB)
|
slider.bgColor(0x000000, NativeObject.APP.NativeComponents.NativeEnum.LV_PART_INDICATOR)
|
|
if (item.key === 'screenBacklight') {
|
slider.on(dxui.Utils.EVENT.VALUE_CHANGED, () => {
|
sliderLabel.text(slider.value() + '')
|
// if (screen.getConfig()['base.backlight'] == slider.value()) {
|
// return
|
// }
|
// screen.saveConfig({
|
// base: {
|
// backlight: slider.value() > 0 ? slider.value() : 1
|
// }
|
// })
|
})
|
} else if (item.key === 'brightness') {
|
if (dxDriver.DRIVER.MODEL == "vf202" || dxDriver.DRIVER.MODEL == "vf114" || dxDriver.DRIVER.MODEL == "vf105") {
|
itemBox.show()
|
slider.on(dxui.Utils.EVENT.VALUE_CHANGED, () => {
|
sliderLabel.text(slider.value() + '')
|
// if (screen.getConfig()['base.brightness'] == slider.value()) {
|
// return
|
// }
|
// screen.saveConfig({
|
// base: {
|
// brightness: slider.value()
|
// }
|
// })
|
})
|
} else {
|
itemBox.hide()
|
}
|
}
|
// else if (item.key === 'nirBrightness') {
|
// slider.on(dxui.Utils.EVENT.VALUE_CHANGED, () => {
|
// sliderLabel.text(slider.value() + '')
|
// // if (screen.getConfig()['base.nirBrightness'] == slider.value()) {
|
// // return
|
// // }
|
// // screen.saveConfig({
|
// // base: {
|
// // nirBrightness: slider.value()
|
// // }
|
// // })
|
// })
|
// }
|
item.slider = slider
|
break;
|
}
|
|
})
|
|
// 初次渲染时应用语言对应的下拉文案，避免出现默认 option1
|
refreshLanguage()
|
|
const saveBtn = viewUtils.bottomBtn(screenMain, screenMain.id + 'saveBtn', 'systemSettingView.save', () => {
|
|
|
const saveConfigData = {
|
base: {
|
backlight: displaySettingView.info.screenBacklight.slider.value() > 0 ? displaySettingView.info.screenBacklight.slider.value() : 1,
|
brightness: displaySettingView.info.brightness.slider.value(),
|
// nirBrightness: displaySettingView.info.nirBrightness.slider.value(),
|
screenOff: displaySettingView.info.autoTurnOffScreenTime.dropdown.getSelected(),
|
screensaver: displaySettingView.info.autoScreenSaverTime.dropdown.getSelected(),
|
showIp: displaySettingView.info.displayIp.switch.isSelect() ? 1 : 0,
|
showSn: displaySettingView.info.displayDeviceSn.switch.isSelect() ? 1 : 0,
|
//showProgramCode: displaySettingView.info.displayCode.switch.isSelect() ? 1 : 0,暂时隐藏小程序按钮
|
appMode: displaySettingView.info.themeMode.dropdown.getSelected(),
|
}
|
}
|
if(isInternationalVersion()) {
|
// 根据版本获取可用语言列表，确保保存的语言代码正确
|
const availableLanguages = getAvailableLanguages()
|
const selectedLangIndex = displaySettingView.info.language.dropdown.getSelected()
|
const selectedLanguage = availableLanguages[selectedLangIndex] || availableLanguages[0]
|
const currentLang = screen.getConfig()['base.language']
|
if (currentLang != selectedLanguage) {
|
saveConfigData.base["language"] = selectedLanguage
|
}
|
}
|
const res = screen.saveConfig(saveConfigData)
|
if (res === true) {
|
displaySettingView.statusPanel.success()
|
i18n.setLanguage(screen.getConfig()['base.language'])
|
refreshLanguage()
|
std.setTimeout(() => {
|
// 成功返回上一层界面
|
dxui.loadMain(systemSettingView.screenMain)
|
}, 500)
|
} else {
|
displaySettingView.statusPanel.fail()
|
}
|
})
|
saveBtn.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, -screen.screenSize.height * (40 / 1280))
|
|
displaySettingView.statusPanel = viewUtils.statusPanel(screenMain, 'systemSettingView.success', 'systemSettingView.fail')
|
}
|
|
function refreshLanguage() {
|
// 控件尚未创建时直接返回，避免调用 undefined
|
if (!displaySettingView.info
|
|| !displaySettingView.info.autoTurnOffScreenTime?.dropdown
|
|| !displaySettingView.info.autoScreenSaverTime?.dropdown
|
|| (isInternationalVersion() && !displaySettingView.info.language?.dropdown)
|
|| !displaySettingView.info.themeMode?.dropdown) {
|
return
|
}
|
|
// 读取当前语言的选项文案
|
const idleOptions = i18n.t('displaySettingView.idleOptions') || ['Never', '1 min', '2 min', '3 min', '4 min', '5 min']
|
const themeOptions = i18n.t('displaySettingView.themeOptions') || { standard: 'Standard', simple: 'Simple' }
|
const languageOptions = i18n.t('displaySettingView.languageOptions') || {}
|
|
// 熄屏/屏保下拉
|
const setOptionsSafe = (dropdown, options) => {
|
if (!dropdown) return
|
if (typeof dropdown.setOptions === 'function') {
|
dropdown.setOptions(options)
|
} else if (typeof dropdown.setOption === 'function') {
|
// 兼容可能的单个/数组 API
|
dropdown.setOption(options)
|
}
|
}
|
setOptionsSafe(displaySettingView.info.autoTurnOffScreenTime.dropdown, idleOptions)
|
setOptionsSafe(displaySettingView.info.autoScreenSaverTime.dropdown, idleOptions)
|
if(isInternationalVersion()) {
|
// 语言下拉（根据版本过滤可用语言）
|
const availableLanguages = getAvailableLanguages()
|
const languageLabels = availableLanguages.map(code => languageOptions[code] || code)
|
setOptionsSafe(displaySettingView.info["language"].dropdown, languageLabels)
|
|
// 设置当前选中的语言
|
const currentLang = screen.getConfig()['base.language']
|
const langIndex = availableLanguages.indexOf(currentLang)
|
// 如果当前语言不在可用列表中，自动修正为可用列表的第一个并保存
|
if (langIndex < 0) {
|
// 如果当前语言不可用（例如：国内版本配置了英文），自动修正为可用列表的第一个
|
const defaultLang = availableLanguages[0]
|
// 自动修正配置，确保系统语言始终可用
|
screen.saveConfig({
|
base: {
|
language: defaultLang
|
}
|
})
|
// 更新 i18n 的语言设置
|
i18n.setLanguage(defaultLang)
|
displaySettingView.info.language.dropdown.setSelected(0)
|
} else {
|
displaySettingView.info.language.dropdown.setSelected(langIndex)
|
}
|
}
|
// 主题下拉
|
setOptionsSafe(displaySettingView.info.themeMode.dropdown, [themeOptions.standard, themeOptions.simple])
|
displaySettingView.info.themeMode.dropdown.setSelected(screen.getConfig()["base.appMode"] == 0 ? 0 : 1)
|
}
|
|
export default displaySettingView
|
