1222 lines
45 KiB
QML
1222 lines
45 KiB
QML
|
// ============================================
|
|||
|
|
// =============== 参数配置 逻辑 ===============
|
|||
|
|
// ============================================
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
定义规则：
|
|||
|
|
|
|||
|
|
configDict: {
|
|||
|
|
|
|||
|
|
"配置项组": {
|
|||
|
|
"title": 若填单个空格“ ”，则不显示标题栏
|
|||
|
|
"type": "group",
|
|||
|
|
"配置项或配置项组"
|
|||
|
|
// 折叠属性，仅内层组生效
|
|||
|
|
"enabledFold": 填true时显示折叠标签
|
|||
|
|
"fold": 填true时初始折叠
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
"布尔 boolean （开关）": {
|
|||
|
|
"title": ,
|
|||
|
|
"default": true / false,
|
|||
|
|
},
|
|||
|
|
"文本 text （文本框）": {
|
|||
|
|
"title": ,
|
|||
|
|
"default": "文本",
|
|||
|
|
},
|
|||
|
|
"数字 number （输入框）": {
|
|||
|
|
"title": ,
|
|||
|
|
"isInt": true 整数 / false 浮点数,
|
|||
|
|
"default": 233,
|
|||
|
|
"max": 可选，上限,
|
|||
|
|
"min": 可选，下限,
|
|||
|
|
"unit": 可选，单位。qsTr("秒"),
|
|||
|
|
},
|
|||
|
|
"枚举 enum （下拉框）": {
|
|||
|
|
"title": ,
|
|||
|
|
"optionsList": [
|
|||
|
|
["键1", "名称1"],
|
|||
|
|
["键2", "名称2"],
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
"文件路径 file （文件选择框）": {
|
|||
|
|
"title": ,
|
|||
|
|
"type": "file",
|
|||
|
|
"default": "默认路径",
|
|||
|
|
"selectExisting": true 选择现有文件 / false 新创建文件(夹),
|
|||
|
|
"selectFolder": true 选择文件夹 / false 选择文件,
|
|||
|
|
"dialogTitle": 对话框标题,
|
|||
|
|
"nameFilters": ["图片 (*.jpg *.jpeg)", "类型2..."] 文件夹类型可不需要
|
|||
|
|
},
|
|||
|
|
"热键 hotkey": {
|
|||
|
|
"title": ,
|
|||
|
|
"type": "hotkey",
|
|||
|
|
"default": "win+alt+c", // 默认热键
|
|||
|
|
"eventTitle": "<<screenshot>>", // 触发事件标题
|
|||
|
|
},
|
|||
|
|
"按钮组 buttons": {
|
|||
|
|
"title": ,
|
|||
|
|
"btnsList": [
|
|||
|
|
{"text":"名称1", "onClicked":函数1, "textColorKey": 字体颜色名}},
|
|||
|
|
{"text":"名称2", "onClicked":函数2, "bgColorKey": 背景颜色名}},
|
|||
|
|
],
|
|||
|
|
// 颜色名 ColorKey 为 theme.keys 的值
|
|||
|
|
},
|
|||
|
|
"任意变量 var": { // 程序缓存任意变量
|
|||
|
|
"type": "var",
|
|||
|
|
"save": false,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
通用配置元素：
|
|||
|
|
"title": 显示名称。不填（或undefined）时不生成组件。填写（包括空字符串""）时自动生成控件。
|
|||
|
|
"type": 控件类型,
|
|||
|
|
"save": 可选，填false时不保存（每次初始化为默认值）,
|
|||
|
|
"toolTip": 可选，字符串，鼠标悬停时的提示,
|
|||
|
|
"advanced": 可选，填true时为高级选项，平时隐藏
|
|||
|
|
"onChanged": 可选，值变化时的回调函数， (newVal, oldVal)=>{console.log(`值从 ${oldVal} 变为 ${newVal}`)}
|
|||
|
|
onChanged可以有返回值。默认返回 undefined 表示允许变动，返回 true 表示阻止这次变动。
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
configDict为嵌套形式，而originDict与valueDict为展开形式的单层字典。例：
|
|||
|
|
configDict["aaa"]["bbb"]["ccc"] === originDict["aaa.bbb.ccc"]
|
|||
|
|
configDict["aaa"]["bbb"]["ccc"]的当前取值 === valueDict["aaa.bbb.ccc"]
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
import QtQuick 2.15
|
|||
|
|
import QtQuick.Controls 2.15
|
|||
|
|
import QtQuick.Dialogs 1.3 // 文件对话框
|
|||
|
|
import "../Widgets"
|
|||
|
|
|
|||
|
|
Item {
|
|||
|
|
id: configs
|
|||
|
|
|
|||
|
|
// ========================= 【对外接口】 =========================
|
|||
|
|
|
|||
|
|
property string category_: "" // 配置名
|
|||
|
|
property var configDict: { } // 定义字典，静态参数，key为嵌套
|
|||
|
|
property alias panelComponent: panelComponent // 自动生成的组件
|
|||
|
|
property bool autoLoad: true // 自动加载设置项
|
|||
|
|
|
|||
|
|
// 重置所有设置为默认值
|
|||
|
|
function reset() {
|
|||
|
|
for (let key in originDict) {
|
|||
|
|
setValue(key, originDict[key].default, true) // 刷新值
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 重新从 configDict 加载设置项和UI
|
|||
|
|
function reload() {
|
|||
|
|
isChangedInit = false
|
|||
|
|
initConfigDict()
|
|||
|
|
initPanelComponent()
|
|||
|
|
initChangedFuncs()
|
|||
|
|
console.log(`% 加载配置 ${category_} ！`)
|
|||
|
|
// console.log(`% 加载配置 ${category_} ！: ${JSON.stringify(valueDict, null, 2)}`)
|
|||
|
|
}
|
|||
|
|
// 重新从 settings 文件中加载设置项和UI
|
|||
|
|
function settingsReload() {
|
|||
|
|
settings.sync()
|
|||
|
|
reload()
|
|||
|
|
}
|
|||
|
|
// 获取配置值字典
|
|||
|
|
function getValueDict() {
|
|||
|
|
return valueDict
|
|||
|
|
}
|
|||
|
|
// 获取原始值字典
|
|||
|
|
function getOriginDict() {
|
|||
|
|
return originDict
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ========================= 【内部变量】 =========================
|
|||
|
|
|
|||
|
|
// 配置存储字典，key为展开形式，三个字典key对应
|
|||
|
|
property var originDict: { } // 键字典，键为展开形式，值指向configDict的项
|
|||
|
|
property var valueDict: { } // 值字典，动态变化
|
|||
|
|
property var compDict: { } // 组件字典（不包括组）。可能不是所有配置项都有组件
|
|||
|
|
property var compList: [] // 保存所有组件（包括组）的列表，便于删除
|
|||
|
|
|
|||
|
|
property var cacheDict: {} // 缓存
|
|||
|
|
property int cacheInterval: 500 // 缓存写入本地时间
|
|||
|
|
|
|||
|
|
property bool enabledAdvanced: false // true时显示高级模式的按钮。只有任意设置项设了高级模式，此项才会被置true
|
|||
|
|
property bool advanced: false // true时进入高级模式
|
|||
|
|
|
|||
|
|
// ========================= 【数值逻辑（内部调用）】 =========================
|
|||
|
|
|
|||
|
|
// 初始化
|
|||
|
|
Component.onCompleted: {
|
|||
|
|
if(autoLoad) reload() // 自动加载设置项
|
|||
|
|
// 注册重载事件
|
|||
|
|
Qt.callLater(()=>{
|
|||
|
|
qmlapp.pubSub.subscribeGroup("<<settingsReload>>", configs, "settingsReload",
|
|||
|
|
"settingsReload"+category_ // 将配置名传入组名，作为注销事件时的唯一标识符
|
|||
|
|
)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
// 销毁，注销重载事件
|
|||
|
|
Component.onDestruction: {
|
|||
|
|
qmlapp.pubSub.unsubscribeGroup("settingsReload"+category_)
|
|||
|
|
}
|
|||
|
|
// 初始化数值
|
|||
|
|
function initConfigDict() {
|
|||
|
|
originDict = {}
|
|||
|
|
valueDict = {}
|
|||
|
|
cacheDict = {}
|
|||
|
|
function handleConfigItem(config, key) { // 处理一个配置项
|
|||
|
|
// 类型：指定type
|
|||
|
|
if (config.type !== "") {
|
|||
|
|
if(config.type === "file") { // 文件选择
|
|||
|
|
if(! config.hasOwnProperty("default"))
|
|||
|
|
config.default = ""
|
|||
|
|
if(! config.hasOwnProperty("nameFilters")) {
|
|||
|
|
config.nameFilters = []
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else if(config.type === "var") { // 缓存任意类型
|
|||
|
|
if(!config.hasOwnProperty("default"))
|
|||
|
|
config.default = undefined
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 类型判断：省略type
|
|||
|
|
else{
|
|||
|
|
if (typeof config.default === "boolean") { // 布尔
|
|||
|
|
config.type = "boolean"
|
|||
|
|
}
|
|||
|
|
else if (config.hasOwnProperty("optionsList")) { // 枚举
|
|||
|
|
if(config.optionsList.length==0) {
|
|||
|
|
qmlapp.popup.message("", qsTr("%1 处理配置项异常：\n%2枚举列表为空。").arg(category_).arg(key), "error")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
config.type = "enum"
|
|||
|
|
if(config.default == undefined)
|
|||
|
|
config.default = config.optionsList[0][0]
|
|||
|
|
}
|
|||
|
|
else if (typeof config.default === "string") { // 文本
|
|||
|
|
config.type = "text"
|
|||
|
|
}
|
|||
|
|
else if (typeof config.default === "number") { // 数字
|
|||
|
|
config.type = "number"
|
|||
|
|
}
|
|||
|
|
else if (config.hasOwnProperty("btnsList")) { // 按钮组
|
|||
|
|
config.type = "buttons"
|
|||
|
|
config.fullKey = key // 记录完整key
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
console.error("【Error】未知类型的配置项："+key)
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let flag = false
|
|||
|
|
// 从配置文件中取值
|
|||
|
|
let val = settings.value(key, undefined)
|
|||
|
|
// 检查和格式化存储值类型
|
|||
|
|
if(val !== undefined) {
|
|||
|
|
switch(config.type) {
|
|||
|
|
case "boolean": // 布尔，记录参数字符串转布尔值
|
|||
|
|
if(typeof val === "string")
|
|||
|
|
val = val=="true"
|
|||
|
|
flag = true
|
|||
|
|
break
|
|||
|
|
case "number": // 数字，字符串转数字
|
|||
|
|
if(typeof val === "string") {
|
|||
|
|
if(config.isInt)
|
|||
|
|
val = parseInt(val)
|
|||
|
|
else
|
|||
|
|
val = parseFloat(val)
|
|||
|
|
}
|
|||
|
|
flag = !(val==null || isNaN(val)) // 若非数字，则设为默认数值
|
|||
|
|
break
|
|||
|
|
case "enum": // 枚举，检查记录参数是否在列表内
|
|||
|
|
val = str2var(val) // 尝试转为合适类型
|
|||
|
|
for(let i in config.optionsList) {
|
|||
|
|
if(config.optionsList[i][0] == val) {
|
|||
|
|
flag = true
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
break
|
|||
|
|
// 无需检查
|
|||
|
|
case "var": // 任意
|
|||
|
|
case "file": // 文件
|
|||
|
|
case "text": // 文本
|
|||
|
|
case "hotkey": // 热键
|
|||
|
|
flag = true
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(!flag) { // 未有存储项或类型检查不合格，则取默认值
|
|||
|
|
val = config.default
|
|||
|
|
setValue(key, val) // 存储
|
|||
|
|
console.log(`${key} 取默认值 ${val}`)
|
|||
|
|
}
|
|||
|
|
config.fullKey = key // 记录完整key
|
|||
|
|
valueDict[key] = val // 设当前值
|
|||
|
|
}
|
|||
|
|
function handleConfigGroup(group, prefix="") { // 处理一个配置组
|
|||
|
|
for(let key in group) {
|
|||
|
|
const config = group[key]
|
|||
|
|
if(typeof config !== "object"){
|
|||
|
|
continue
|
|||
|
|
}
|
|||
|
|
// 补充空白参数
|
|||
|
|
supplyDefaultParams(config)
|
|||
|
|
// 记录完整key
|
|||
|
|
const fullKey = prefix+key
|
|||
|
|
config.fullKey = fullKey
|
|||
|
|
if(config.type==="group") { // 若是配置项组，递归遍历
|
|||
|
|
handleConfigGroup(config, fullKey+".") // 前缀加深一层
|
|||
|
|
originDict[fullKey] = config
|
|||
|
|
}
|
|||
|
|
else { // 若是配置项
|
|||
|
|
originDict[fullKey] = config
|
|||
|
|
handleConfigItem(config, fullKey)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
handleConfigGroup(configDict)
|
|||
|
|
}
|
|||
|
|
// 尝试将字符串类型的变量转为合适的类型
|
|||
|
|
function str2var(str) {
|
|||
|
|
// 非字符串
|
|||
|
|
if(typeof str !== "string") return str
|
|||
|
|
// 尝试转数字
|
|||
|
|
const num = Number(str)
|
|||
|
|
if(!isNaN(num)) return num
|
|||
|
|
// 尝试转布尔
|
|||
|
|
if(str === "true") return true
|
|||
|
|
if(str === "false") return false
|
|||
|
|
// 都不符合，保持为字符串
|
|||
|
|
return str
|
|||
|
|
}
|
|||
|
|
// 补充空白参数
|
|||
|
|
function supplyDefaultParams(config) {
|
|||
|
|
if(!config.hasOwnProperty("type")) // 类型
|
|||
|
|
config.type = ""
|
|||
|
|
if(!config.hasOwnProperty("save")) // 保存
|
|||
|
|
config.save = true
|
|||
|
|
}
|
|||
|
|
// 获取值
|
|||
|
|
function getValue(key) {
|
|||
|
|
return valueDict[key]
|
|||
|
|
}
|
|||
|
|
// 设置值 键, 值, 是否刷新UI, 是否立刻写入本地（还是缓存写入）
|
|||
|
|
function setValue(key, val, isupdateUI=false, saveNow=false) {
|
|||
|
|
if(typeof val !== "object" && valueDict[key] === val) // 如果val不是数组或字典，排除相同值
|
|||
|
|
return
|
|||
|
|
let res = onChangedFunc(key, val, valueDict[key]) // 触发函数，传入新值和旧值
|
|||
|
|
if(res !== undefined) { // 阻止这次变动
|
|||
|
|
compDict[key].updateUI()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
valueDict[key] = val
|
|||
|
|
if(originDict[key].save) { // 需要保存值
|
|||
|
|
if(saveNow) // 立刻保存
|
|||
|
|
settings.setValue(key, val)
|
|||
|
|
else // 缓存保存
|
|||
|
|
saveValue(key)
|
|||
|
|
}
|
|||
|
|
if(isupdateUI && compDict.hasOwnProperty(key)) { // 刷新UI
|
|||
|
|
compDict[key].updateUI()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 初始化期间。不执行触发函数
|
|||
|
|
property bool isChangedInit: false
|
|||
|
|
// 触发函数
|
|||
|
|
function onChangedFunc(key, newVal, oldVal) {
|
|||
|
|
if(!isChangedInit) // 初始化期间。不执行触发函数
|
|||
|
|
return undefined
|
|||
|
|
// 配置项存在触发函数，则执行
|
|||
|
|
if(originDict[key].hasOwnProperty("onChanged"))
|
|||
|
|
return originDict[key].onChanged(newVal, oldVal)
|
|||
|
|
}
|
|||
|
|
// 初始化，执行全部触发函数
|
|||
|
|
function initChangedFuncs() {
|
|||
|
|
isChangedInit = true
|
|||
|
|
for(let k in originDict) {
|
|||
|
|
onChangedFunc(k, valueDict[k], undefined) // 传入空旧值
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 带缓存的存储值
|
|||
|
|
function saveValue(key) {
|
|||
|
|
cacheDict[key] = valueDict[key]
|
|||
|
|
cacheTimer.restart()
|
|||
|
|
}
|
|||
|
|
// 保存计时器
|
|||
|
|
Timer {
|
|||
|
|
id: "cacheTimer"
|
|||
|
|
running: false
|
|||
|
|
interval: cacheInterval
|
|||
|
|
onTriggered: {
|
|||
|
|
for(let k in cacheDict) {
|
|||
|
|
settings.setValue(k, cacheDict[k]) // 缓存写入本地
|
|||
|
|
}
|
|||
|
|
cacheDict = {} // 清空缓存
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 存储配置项
|
|||
|
|
Settings_ {
|
|||
|
|
id: settings
|
|||
|
|
category: category_ // 自定义类别名称
|
|||
|
|
}
|
|||
|
|
// 存储UI项
|
|||
|
|
Settings_ {
|
|||
|
|
id: uiSettings
|
|||
|
|
category: category_
|
|||
|
|
property alias configs_advanced: configs.advanced
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ========================= 【自动生成组件】 =========================
|
|||
|
|
|
|||
|
|
// 初始化 自动生成组件
|
|||
|
|
function initPanelComponent() {
|
|||
|
|
enabledAdvanced = false
|
|||
|
|
const compListLength = compList.length
|
|||
|
|
if(compListLength !== 0) { // 外层组件列表非空，先删除旧的组件
|
|||
|
|
for(let i = compListLength-1; i>=0; i--) { // 倒序遍历，从内层往外层删
|
|||
|
|
compList[i].destroy()
|
|||
|
|
}
|
|||
|
|
compList = []
|
|||
|
|
}
|
|||
|
|
compDict = {}
|
|||
|
|
|
|||
|
|
function handleConfigGroup(group, parent=panelContainer) { // 处理一个配置组
|
|||
|
|
for(let key in group) {
|
|||
|
|
const config = group[key]
|
|||
|
|
if(typeof config !== "object")
|
|||
|
|
continue
|
|||
|
|
if(! (typeof config.title === "string")) // 无标题，则表示不生成组件
|
|||
|
|
continue
|
|||
|
|
if(config.advanced) // 任意一个选项是高级选项，则总体开启高级模式
|
|||
|
|
enabledAdvanced = true
|
|||
|
|
// 若是配置项组，递归遍历
|
|||
|
|
if(config.type === "group") {
|
|||
|
|
// 若是外层，则生成外层group组件；若是内层则生成内层组件。
|
|||
|
|
const comp = parent===panelContainer ? compGroup : compGroupInner
|
|||
|
|
const fold = config.fold?true:false // 是否折叠，转布尔值
|
|||
|
|
const obj = comp.createObject(parent, {"key":config.fullKey, "configs":configs})
|
|||
|
|
compList.push(obj) // 保存组件引用
|
|||
|
|
handleConfigGroup(config, obj.container) // 递归下一层，父级变成本层
|
|||
|
|
}
|
|||
|
|
// 若是配置项
|
|||
|
|
else {
|
|||
|
|
if(componentDict.hasOwnProperty(config.type)) {
|
|||
|
|
const comp = componentDict[config.type]
|
|||
|
|
const obj = comp.createObject(parent, {"key":config.fullKey, "configs":configs})
|
|||
|
|
compList.push(obj) // 保存组件引用
|
|||
|
|
compDict[config.fullKey] = obj
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
handleConfigGroup(configDict)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 总体 滚动视图
|
|||
|
|
ScrollView {
|
|||
|
|
id: panelComponent
|
|||
|
|
anchors.fill: parent
|
|||
|
|
contentWidth: width // 内容宽度
|
|||
|
|
clip: true // 溢出隐藏
|
|||
|
|
property alias ctrlBar: ctrlBar // 控制栏的引用
|
|||
|
|
property alias advanced: configs.advanced // 高级标志的引用
|
|||
|
|
// 获取所有外层配置组的信息
|
|||
|
|
function getGroupList() {
|
|||
|
|
const c = panelContainer.children
|
|||
|
|
let itemList = []
|
|||
|
|
for(let i in c) {
|
|||
|
|
if(c[i].title===undefined)
|
|||
|
|
return
|
|||
|
|
itemList.push({
|
|||
|
|
title: c[i].title,
|
|||
|
|
advanced: c[i].advanced
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
return itemList
|
|||
|
|
}
|
|||
|
|
// 滚到一个外层配置组的位置
|
|||
|
|
function scrollToGroup(index) {
|
|||
|
|
const children = panelContainer.children
|
|||
|
|
if(index < 0 || index >= children.length) {
|
|||
|
|
console.error(`无法滚动到${index}，超出范围！`)
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
const c = children[index]
|
|||
|
|
let y = c.y - size_.line
|
|||
|
|
let max = panelContainer.height - panelComponent.height
|
|||
|
|
if(y < 0) y = 0
|
|||
|
|
if(y > max) y = max
|
|||
|
|
y = y / panelContainer.height
|
|||
|
|
ScrollBar.vertical.position = y
|
|||
|
|
c.kirakira && c.kirakira() // 闪烁
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Column {
|
|||
|
|
id: panelContainer
|
|||
|
|
anchors.fill: parent
|
|||
|
|
anchors.rightMargin: size_.spacing
|
|||
|
|
spacing: size_.spacing
|
|||
|
|
|
|||
|
|
// 顶部控制栏
|
|||
|
|
Item {
|
|||
|
|
id: ctrlBar
|
|||
|
|
height: size_.line*1.5
|
|||
|
|
anchors.left: parent ? parent.left : undefined
|
|||
|
|
anchors.right: parent ? parent.right : undefined
|
|||
|
|
|
|||
|
|
Button_ {
|
|||
|
|
id: ctrlBtn1
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
text_: qsTr("重置")
|
|||
|
|
toolTip: qsTr("重置本页上的设定")
|
|||
|
|
textColor_: theme.noColor
|
|||
|
|
onClicked: {
|
|||
|
|
const argd = {yesText: qsTr("重置设定")}
|
|||
|
|
const callback = (flag)=>{ if(flag) reset() }
|
|||
|
|
qmlapp.popup.dialog("", qsTr("要重置本页的设定吗？"), callback, "warning", argd)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
CheckButton {
|
|||
|
|
visible: enabledAdvanced
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: ctrlBtn1.left
|
|||
|
|
text_: qsTr("高级")
|
|||
|
|
toolTip: qsTr("显示更多高级选项。它们标有 * 号。\n请谨慎修改高级选项。")
|
|||
|
|
textColor_: configs.advanced ? theme.textColor : theme.subTextColor
|
|||
|
|
checked: configs.advanced
|
|||
|
|
enabledAnime: true
|
|||
|
|
onCheckedChanged: configs.advanced = checked
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项组（外层）
|
|||
|
|
Component {
|
|||
|
|
id: compGroup
|
|||
|
|
|
|||
|
|
Item {
|
|||
|
|
id: groupRoot
|
|||
|
|
property string key: "" // 键
|
|||
|
|
property var configs: undefined // 保存对Configs组件的引用
|
|||
|
|
property var origin: undefined // 起源参数（静态）
|
|||
|
|
property string title: "" // 标题
|
|||
|
|
property alias container: panelContainer // 容器
|
|||
|
|
property bool advanced: false // true时是高级选项
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
// 高级模式，整组隐藏
|
|||
|
|
height: (advanced&&!configs.advanced) ? 0 : groupText.height+groupRectangle.height
|
|||
|
|
visible: !(advanced&&!configs.advanced)
|
|||
|
|
// 边框闪烁
|
|||
|
|
function kirakira() {
|
|||
|
|
if(qmlapp.enabledEffect)
|
|||
|
|
blinkAnimation.start()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Component.onCompleted: {
|
|||
|
|
origin = configs.originDict[key]
|
|||
|
|
title = origin.title
|
|||
|
|
if(origin.advanced) {
|
|||
|
|
advanced = origin.advanced
|
|||
|
|
title = "* "+title
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 标题
|
|||
|
|
Text_ {
|
|||
|
|
id: groupText
|
|||
|
|
text: title
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.leftMargin: size_.spacing
|
|||
|
|
// 显示标题时，自动高度；否则高度为0
|
|||
|
|
height: (title) ? undefined:0
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
// 内容
|
|||
|
|
Rectangle {
|
|||
|
|
id: groupRectangle
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.top: groupText.bottom
|
|||
|
|
anchors.topMargin: size_.smallSpacing
|
|||
|
|
color: theme.bgColor
|
|||
|
|
radius: size_.panelRadius
|
|||
|
|
height: childrenRect.height + size_.smallSpacing
|
|||
|
|
|
|||
|
|
Column {
|
|||
|
|
id: panelContainer
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.margins: size_.smallSpacing
|
|||
|
|
spacing: size_.smallSpacing
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Item { // 底部占位
|
|||
|
|
anchors.top: panelContainer.bottom
|
|||
|
|
height: size_.smallSpacing
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 闪烁边框
|
|||
|
|
Panel {
|
|||
|
|
id: groupBorder
|
|||
|
|
anchors.fill: parent
|
|||
|
|
color: "#00000000"
|
|||
|
|
border.width: 2
|
|||
|
|
border.color: theme.specialTextColor
|
|||
|
|
visible: false
|
|||
|
|
opacity: 0
|
|||
|
|
// 颜色闪烁动画
|
|||
|
|
SequentialAnimation {
|
|||
|
|
id: blinkAnimation
|
|||
|
|
running: false
|
|||
|
|
loops: 3
|
|||
|
|
onStarted: groupBorder.visible = true
|
|||
|
|
NumberAnimation {
|
|||
|
|
target: groupBorder; property: "opacity"
|
|||
|
|
from: 0; to: 1; duration: 200
|
|||
|
|
}
|
|||
|
|
NumberAnimation {
|
|||
|
|
target: groupBorder; property: "opacity"
|
|||
|
|
from: 1; to: 0; duration: 200
|
|||
|
|
}
|
|||
|
|
onStopped: {
|
|||
|
|
groupBorder.visible = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项组（内层）
|
|||
|
|
Component {
|
|||
|
|
id: compGroupInner
|
|||
|
|
|
|||
|
|
Item {
|
|||
|
|
property string key: "" // 键
|
|||
|
|
property var configs: undefined // 保存对Configs组件的引用
|
|||
|
|
property var origin: undefined // 起源参数（静态）
|
|||
|
|
property string title: "" // 标题
|
|||
|
|
property alias container: panelContainer // 容器
|
|||
|
|
property bool enabledFold: false // 启用折叠机制
|
|||
|
|
property bool fold: false // 折叠状态
|
|||
|
|
property string foldKey: key+".fold" // 折叠键
|
|||
|
|
property alias isFold: foldBtn.checked // 折叠
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
clip: true
|
|||
|
|
// 折叠时高度=标题+0，展开时高度=标题+内容
|
|||
|
|
height: groupText.height + (fold ? 0:panelContainer.height)
|
|||
|
|
|
|||
|
|
Component.onCompleted: {
|
|||
|
|
origin = configs.originDict[key]
|
|||
|
|
title = origin.title
|
|||
|
|
// 折叠属性。origin值转布尔，undefined当成false
|
|||
|
|
enabledFold = origin.enabledFold?true:false
|
|||
|
|
const f = origin.fold?true:false
|
|||
|
|
if(enabledFold) { // 若启用折叠按钮，则取记录值，无记录则使用设定值
|
|||
|
|
const readf = uiSettings.value(foldKey, undefined)
|
|||
|
|
// 字符串转bool
|
|||
|
|
if(readf===undefined) fold = f
|
|||
|
|
else if(readf===true || readf==="true") fold = true
|
|||
|
|
else if(readf===false || readf==="false") fold = false
|
|||
|
|
}
|
|||
|
|
else { // 未启用折叠按钮，则使用设定值
|
|||
|
|
fold = f
|
|||
|
|
}
|
|||
|
|
// 如果设定了提示，则加载提示组件
|
|||
|
|
if(origin.toolTip) {
|
|||
|
|
toolTipLoader.sourceComponent = toolTip
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 提示
|
|||
|
|
Component {
|
|||
|
|
id: toolTip
|
|||
|
|
ToolTip_ {
|
|||
|
|
visible: mouseAreaBackgroud.hovered
|
|||
|
|
text: origin.toolTip
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
Loader { id: toolTipLoader }
|
|||
|
|
// 背景
|
|||
|
|
MouseAreaBackgroud { id: mouseAreaBackgroud }
|
|||
|
|
// 标题
|
|||
|
|
Text_ {
|
|||
|
|
id: groupText
|
|||
|
|
text: title+"："
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.leftMargin: size_.smallSpacing
|
|||
|
|
height: size_.line+size_.smallSpacing*2
|
|||
|
|
verticalAlignment: Text.AlignVCenter
|
|||
|
|
}
|
|||
|
|
// 折叠按钮
|
|||
|
|
Button_ {
|
|||
|
|
id: foldBtn
|
|||
|
|
visible: enabledFold
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.rightMargin: size_.smallSpacing
|
|||
|
|
anchors.verticalCenter: groupText.verticalCenter
|
|||
|
|
height: groupText.height
|
|||
|
|
textSize: size_.smallLine
|
|||
|
|
textColor_: theme.subTextColor
|
|||
|
|
text_: fold ? qsTr("展开")+" 🔽" : qsTr("折叠")+" 🔼"
|
|||
|
|
bgColor_: theme.bgColor
|
|||
|
|
onClicked: {
|
|||
|
|
fold=!fold
|
|||
|
|
uiSettings.setValue(foldKey, fold) // 折叠状态写入本地
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 内容
|
|||
|
|
Column {
|
|||
|
|
id: panelContainer
|
|||
|
|
visible: !fold
|
|||
|
|
anchors.left: panelLeftBorder.right
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.top: groupText.bottom
|
|||
|
|
anchors.leftMargin: size_.smallSpacing*0.5 // 子项右偏移
|
|||
|
|
}
|
|||
|
|
// 内容左边的边框
|
|||
|
|
Rectangle {
|
|||
|
|
id: panelLeftBorder
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.top: panelContainer.top
|
|||
|
|
anchors.bottom: panelContainer.bottom
|
|||
|
|
anchors.leftMargin: size_.smallSpacing*2
|
|||
|
|
width: size_.smallSpacing*0.7
|
|||
|
|
color: theme.coverColor2
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// ========== 生成组件字典 ==========
|
|||
|
|
property var componentDict: {
|
|||
|
|
"boolean": compBoolean,
|
|||
|
|
"enum": compEnum,
|
|||
|
|
"file": compFile,
|
|||
|
|
"text": compText,
|
|||
|
|
"number": compNumber,
|
|||
|
|
"hotkey": compHotkey,
|
|||
|
|
"buttons": compBtns,
|
|||
|
|
}
|
|||
|
|
// 配置项：布尔值
|
|||
|
|
Component {
|
|||
|
|
id: compBoolean
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
id: boolRoot
|
|||
|
|
property bool checked: true
|
|||
|
|
property bool isInit: false
|
|||
|
|
|
|||
|
|
// 初始化
|
|||
|
|
Component.onCompleted: {
|
|||
|
|
isInit = true // 初始化完毕，允许启用动画
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 更新UI
|
|||
|
|
updateUI: ()=>{
|
|||
|
|
checked = value()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 按下
|
|||
|
|
MouseArea {
|
|||
|
|
anchors.fill: parent
|
|||
|
|
cursorShape: Qt.PointingHandCursor
|
|||
|
|
onClicked: {
|
|||
|
|
checked = !checked
|
|||
|
|
value(checked)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 开关图标
|
|||
|
|
CheckBox_ {
|
|||
|
|
id: switchBtn
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.rightMargin: size_.smallSpacing
|
|||
|
|
anchors.verticalCenter: parent.verticalCenter
|
|||
|
|
checked: boolRoot.checked
|
|||
|
|
enabledAnime: boolRoot.isInit
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项：文本
|
|||
|
|
Component {
|
|||
|
|
id: compText
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
id: rootText
|
|||
|
|
// 更新UI
|
|||
|
|
updateUI: ()=>{
|
|||
|
|
textInput.text = value()
|
|||
|
|
}
|
|||
|
|
// 修改值
|
|||
|
|
function set(t) {
|
|||
|
|
value(t) // 设置值
|
|||
|
|
}
|
|||
|
|
// 输入框
|
|||
|
|
Rectangle {
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: 1
|
|||
|
|
width: parent.width*0.5
|
|||
|
|
color: theme.bgColor
|
|||
|
|
border.width: 2
|
|||
|
|
border.color: theme.coverColor2
|
|||
|
|
radius: size_.btnRadius
|
|||
|
|
|
|||
|
|
TextInput_ {
|
|||
|
|
id: textInput
|
|||
|
|
clip: true
|
|||
|
|
anchors.fill: parent
|
|||
|
|
anchors.leftMargin: parent.border.width
|
|||
|
|
anchors.rightMargin: parent.border.width
|
|||
|
|
onTextChanged: { // 对话框文本改变时设置值
|
|||
|
|
rootText.set(text)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项：数字
|
|||
|
|
Component {
|
|||
|
|
id: compNumber
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
id: rootNumber
|
|||
|
|
property string errTips: ""
|
|||
|
|
// 更新UI
|
|||
|
|
updateUI: ()=>{
|
|||
|
|
textInput.text = value()
|
|||
|
|
}
|
|||
|
|
// 修改值
|
|||
|
|
function set(t) {
|
|||
|
|
let n = check(t)
|
|||
|
|
value(n) // 设置值
|
|||
|
|
}
|
|||
|
|
// 检查值
|
|||
|
|
function check(val) {
|
|||
|
|
let n = Number(val);
|
|||
|
|
if (!isNaN(n)) { // 是数字
|
|||
|
|
if(origin.isInt && !Number.isInteger(n)) {
|
|||
|
|
errTips = qsTr("必须为整数")
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
if(origin.max !== undefined && n > origin.max) {
|
|||
|
|
errTips = qsTr("不能超过")+origin.max
|
|||
|
|
}
|
|||
|
|
else if(origin.min !== undefined && n < origin.min) {
|
|||
|
|
errTips = qsTr("不能低于")+origin.min
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
errTips = ""
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
errTips = qsTr("必须为数字")
|
|||
|
|
}
|
|||
|
|
if(errTips==="")
|
|||
|
|
return n
|
|||
|
|
return null
|
|||
|
|
}
|
|||
|
|
// 提示信息
|
|||
|
|
Rectangle {
|
|||
|
|
visible: errTips!==""
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: textInputContainer.left
|
|||
|
|
anchors.margins: 3
|
|||
|
|
color: theme.noColor
|
|||
|
|
radius: size_.btnRadius
|
|||
|
|
width: errTipsText.width+size_.smallSpacing*2
|
|||
|
|
Text_ {
|
|||
|
|
id: errTipsText
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.leftMargin: size_.smallSpacing
|
|||
|
|
color: theme.bgColor
|
|||
|
|
text: errTips
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 输入框
|
|||
|
|
Rectangle {
|
|||
|
|
id: textInputContainer
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: 1
|
|||
|
|
width: parent.width*0.25
|
|||
|
|
color: theme.bgColor
|
|||
|
|
border.width: 2
|
|||
|
|
border.color: theme.coverColor2
|
|||
|
|
radius: size_.btnRadius
|
|||
|
|
|
|||
|
|
TextInput_ {
|
|||
|
|
id: textInput
|
|||
|
|
clip: true
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: unitText.left
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.leftMargin: parent.border.width
|
|||
|
|
// anchors.rightMargin: parent.border.width
|
|||
|
|
onTextChanged: { // 对话框文本改变时设置值
|
|||
|
|
rootNumber.set(text)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 单位
|
|||
|
|
Text_ {
|
|||
|
|
id: unitText
|
|||
|
|
visible: origin.unit!==undefined
|
|||
|
|
text: origin.unit===undefined ? "" : origin.unit
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.rightMargin: size_.smallSpacing
|
|||
|
|
verticalAlignment: Text.AlignVCenter // 垂直居中
|
|||
|
|
color: theme.subTextColor
|
|||
|
|
font.pixelSize: size_.smallText
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项：枚举
|
|||
|
|
Component {
|
|||
|
|
id: compEnum
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
|
|||
|
|
property var optionsList: [] // 候选列表原型
|
|||
|
|
// 更新UI
|
|||
|
|
updateUI: ()=>{
|
|||
|
|
optionsList = origin.optionsList
|
|||
|
|
let model = []
|
|||
|
|
let index = 0
|
|||
|
|
const v = value()
|
|||
|
|
for(let i=0, l=optionsList.length; i<l; i++) {
|
|||
|
|
const opt = optionsList[i]
|
|||
|
|
model.push(opt[1]) // 显示标题
|
|||
|
|
if(v==opt[0]) {
|
|||
|
|
index = i
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
comboBox.model = model
|
|||
|
|
comboBox.currentIndex = index
|
|||
|
|
}
|
|||
|
|
// 更新数值
|
|||
|
|
function set() {
|
|||
|
|
const curr = optionsList[comboBox.currentIndex][0]
|
|||
|
|
value(curr)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ComboBox {
|
|||
|
|
id: comboBox
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: 1
|
|||
|
|
width: parent.width*0.5
|
|||
|
|
model: []
|
|||
|
|
onCurrentIndexChanged: set() // 数值刷新
|
|||
|
|
|
|||
|
|
// 前景文字
|
|||
|
|
contentItem: Text {
|
|||
|
|
text: parent.currentText
|
|||
|
|
anchors.verticalCenter: parent.verticalCenter
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: downIcon.left
|
|||
|
|
anchors.leftMargin: size_.smallSpacing
|
|||
|
|
anchors.rightMargin: size_.smallSpacing
|
|||
|
|
verticalAlignment: Text.AlignVCenter
|
|||
|
|
font.pixelSize: size_.text
|
|||
|
|
font.family: theme.fontFamily
|
|||
|
|
color: theme.subTextColor
|
|||
|
|
clip: true
|
|||
|
|
}
|
|||
|
|
// 前景箭头
|
|||
|
|
indicator: Icon_ {
|
|||
|
|
id: "downIcon"
|
|||
|
|
anchors.verticalCenter: parent.verticalCenter
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: size_.smallSpacing
|
|||
|
|
height: size_.smallLine
|
|||
|
|
width: size_.smallLine
|
|||
|
|
icon: "down"
|
|||
|
|
color: theme.subTextColor
|
|||
|
|
}
|
|||
|
|
// 背景
|
|||
|
|
background: Rectangle {
|
|||
|
|
anchors.fill: parent
|
|||
|
|
color: theme.bgColor
|
|||
|
|
border.width: 2
|
|||
|
|
border.color: theme.coverColor2
|
|||
|
|
radius: size_.btnRadius
|
|||
|
|
|
|||
|
|
// 背景
|
|||
|
|
MouseAreaBackgroud {
|
|||
|
|
cursorShape: Qt.PointingHandCursor
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 选项
|
|||
|
|
delegate: ItemDelegate {
|
|||
|
|
width: comboBox.width
|
|||
|
|
height: size_.line + size_.spacing
|
|||
|
|
Text {
|
|||
|
|
text: modelData + (comboBox.currentIndex===index? " √":"")
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.leftMargin: size_.smallSpacing
|
|||
|
|
anchors.rightMargin: size_.smallSpacing
|
|||
|
|
font.pixelSize: size_.text
|
|||
|
|
font.family: theme.fontFamily
|
|||
|
|
font.bold: comboBox.currentIndex===index
|
|||
|
|
color: comboBox.currentIndex===index? theme.textColor:theme.subTextColor
|
|||
|
|
clip: true
|
|||
|
|
}
|
|||
|
|
background: Rectangle {
|
|||
|
|
color: theme.bgColor
|
|||
|
|
MouseAreaBackgroud {
|
|||
|
|
radius_: 0
|
|||
|
|
onClicked: parent.clicked()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项：文件选择
|
|||
|
|
Component {
|
|||
|
|
id: compFile
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
id: rootFile
|
|||
|
|
// 更新UI
|
|||
|
|
updateUI: ()=>{
|
|||
|
|
textInput.text = value()
|
|||
|
|
}
|
|||
|
|
// 导入路径
|
|||
|
|
function set(path) {
|
|||
|
|
value(path) // 设置值
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Rectangle {
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: 1
|
|||
|
|
width: parent.width*0.5
|
|||
|
|
color: theme.bgColor
|
|||
|
|
|
|||
|
|
// 选择按钮
|
|||
|
|
IconButton {
|
|||
|
|
id: iconButton
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
width: height
|
|||
|
|
icon_: "folder"
|
|||
|
|
onClicked: fileDialog.open()
|
|||
|
|
|
|||
|
|
FileDialog_ {
|
|||
|
|
id: fileDialog
|
|||
|
|
title: origin.dialogTitle
|
|||
|
|
selectExisting: origin.selectExisting
|
|||
|
|
selectFolder: origin.selectFolder
|
|||
|
|
selectMultiple: false // 始终禁止多选
|
|||
|
|
nameFilters: origin.nameFilters
|
|||
|
|
folder: shortcuts.desktop
|
|||
|
|
onAccepted: {
|
|||
|
|
if(fileDialog.fileUrls_.length > 0) {
|
|||
|
|
textInput.text = fileDialog.fileUrls_[0] // 设置对话框文本
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 文本输入框
|
|||
|
|
Rectangle {
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: iconButton.left
|
|||
|
|
anchors.rightMargin: 2
|
|||
|
|
color: theme.bgColor
|
|||
|
|
border.width: 2
|
|||
|
|
border.color: theme.coverColor2
|
|||
|
|
radius: size_.btnRadius
|
|||
|
|
|
|||
|
|
TextInput_ {
|
|||
|
|
id: textInput
|
|||
|
|
clip: true
|
|||
|
|
anchors.fill: parent
|
|||
|
|
anchors.leftMargin: parent.border.width
|
|||
|
|
anchors.rightMargin: parent.border.width
|
|||
|
|
onTextChanged: { // 对话框文本改变时设置值
|
|||
|
|
rootFile.set(text)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项：按钮组
|
|||
|
|
Component {
|
|||
|
|
id: compBtns
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
|
|||
|
|
Rectangle {
|
|||
|
|
anchors.fill: btnsRow
|
|||
|
|
color: theme.bgColor
|
|||
|
|
}
|
|||
|
|
Row {
|
|||
|
|
id: btnsRow
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.rightMargin: size_.smallSpacing
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
spacing: size_.smallSpacing
|
|||
|
|
|
|||
|
|
Repeater {
|
|||
|
|
model: origin.btnsList
|
|||
|
|
Button_ {
|
|||
|
|
property var info: origin.btnsList[index]
|
|||
|
|
text_: info.text
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
bgColor_: info.bgColorKey?theme[info.bgColorKey]:theme.coverColor1
|
|||
|
|
textColor_: info.textColorKey?theme[info.textColorKey]:theme.textColor
|
|||
|
|
|
|||
|
|
onClicked: {
|
|||
|
|
info.onClicked()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 配置项：热键
|
|||
|
|
Component {
|
|||
|
|
id: compHotkey
|
|||
|
|
|
|||
|
|
ConfigItemComp {
|
|||
|
|
id: rootHotkey
|
|||
|
|
property string eventTitle: origin.eventTitle
|
|||
|
|
property string keysName: ""
|
|||
|
|
property int readNum: 0 // 记录更新了几次
|
|||
|
|
|
|||
|
|
// 初始化，更新UI
|
|||
|
|
updateUI: ()=>{
|
|||
|
|
const kn = value()
|
|||
|
|
changeHotkey(kn, false)
|
|||
|
|
}
|
|||
|
|
// 改变快捷键
|
|||
|
|
function changeHotkey(kn, showMsg=true) {
|
|||
|
|
// 移除相同事件的快捷键
|
|||
|
|
qmlapp.keyMouse.delHotkey("", eventTitle, 0)
|
|||
|
|
// 取消快捷键
|
|||
|
|
if(kn === "") {
|
|||
|
|
keysName = ""
|
|||
|
|
value("")
|
|||
|
|
if(showMsg)
|
|||
|
|
qmlapp.popup.simple(qsTr("已取消%1的快捷键。").arg(title), "")
|
|||
|
|
}
|
|||
|
|
// 注册新按键
|
|||
|
|
else {
|
|||
|
|
const res = qmlapp.keyMouse.addHotkey(kn, eventTitle, 0)
|
|||
|
|
// 成功
|
|||
|
|
if(res.startsWith("[Success]")) {
|
|||
|
|
keysName = kn
|
|||
|
|
value(kn)
|
|||
|
|
if(showMsg)
|
|||
|
|
qmlapp.popup.simple(qsTr("更新热键成功"), qsTr("%1的快捷键为 %2").arg(title).arg(kn))
|
|||
|
|
}
|
|||
|
|
// 失败
|
|||
|
|
else {
|
|||
|
|
keysName = ""
|
|||
|
|
value("")
|
|||
|
|
// 重复注册
|
|||
|
|
if(res.startsWith("[Warning] Registering same hotkey.")) {
|
|||
|
|
qmlapp.popup.message("", qsTr("%1 快捷键%2已被注册，请尝试另外的按键组合。").arg(title).arg(kn), "warning")
|
|||
|
|
}
|
|||
|
|
else { // 未知原因
|
|||
|
|
qmlapp.popup.message("", qsTr("%1 快捷键%2无法注册，请尝试另外的按键组合。").arg(title).arg(kn), "error")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 录制开始
|
|||
|
|
function readHotkey() {
|
|||
|
|
// 展开遮罩
|
|||
|
|
readNum = 1
|
|||
|
|
qmlapp.popup.showMask(qsTr("请按下快捷键组合。按【Esc】退出。"), "<<readHotkey>>")
|
|||
|
|
// 订阅事件
|
|||
|
|
qmlapp.pubSub.subscribe("<<readHotkeyRunning>>", rootHotkey, "readRunning")
|
|||
|
|
qmlapp.pubSub.subscribe("<<readHotkeyFinish>>", rootHotkey, "readFinish")
|
|||
|
|
// 开始录制
|
|||
|
|
let res = qmlapp.keyMouse.readHotkey("<<readHotkeyRunning>>", "<<readHotkeyFinish>>")
|
|||
|
|
if(res !== "[Success]") { // 开始录制失败
|
|||
|
|
// 隐藏遮罩
|
|||
|
|
qmlapp.popup.hideMask("<<readHotkey>>")
|
|||
|
|
// 取消订阅事件
|
|||
|
|
qmlapp.pubSub.unsubscribe("<<readHotkeyRunning>>", rootHotkey, "readRunning")
|
|||
|
|
qmlapp.pubSub.unsubscribe("<<readHotkeyFinish>>", rootHotkey, "readFinish")
|
|||
|
|
if(res.startsWith("[Warning] Recording is running.")) // 报错
|
|||
|
|
qmlapp.popup.message("", qsTr("当前快捷键录制已在进行，不能同时录制！"), "warning")
|
|||
|
|
else
|
|||
|
|
qmlapp.popup.message(qsTr("无法录制快捷键"), res, "error")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 录制中的回调
|
|||
|
|
function readRunning(kn){
|
|||
|
|
readNum++ // 更新遮罩
|
|||
|
|
qmlapp.popup.showMask(kn, "<<readHotkey>>")
|
|||
|
|
}
|
|||
|
|
// 录制完毕的回调
|
|||
|
|
function readFinish(kn) {
|
|||
|
|
// 隐藏遮罩
|
|||
|
|
for(let i=0; i<readNum; i++)
|
|||
|
|
qmlapp.popup.hideMask("<<readHotkey>>")
|
|||
|
|
// 取消订阅事件
|
|||
|
|
qmlapp.pubSub.unsubscribe("<<readHotkeyRunning>>", rootHotkey, "readRunning")
|
|||
|
|
qmlapp.pubSub.unsubscribe("<<readHotkeyFinish>>", rootHotkey, "readFinish")
|
|||
|
|
// 改变快捷键
|
|||
|
|
changeHotkey(kn)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Rectangle {
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: 1
|
|||
|
|
width: parent.width*0.5
|
|||
|
|
color: theme.bgColor
|
|||
|
|
|
|||
|
|
IconButton {
|
|||
|
|
id: clearBtn
|
|||
|
|
icon_: "clear"
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.right: parent.right
|
|||
|
|
anchors.margins: 1
|
|||
|
|
width: height
|
|||
|
|
onClicked: changeHotkey("")
|
|||
|
|
}
|
|||
|
|
Button_ {
|
|||
|
|
id: hotkeyBtn
|
|||
|
|
anchors.top: parent.top
|
|||
|
|
anchors.bottom: parent.bottom
|
|||
|
|
anchors.left: parent.left
|
|||
|
|
anchors.right: clearBtn.left
|
|||
|
|
clip: true
|
|||
|
|
textColor_: theme.subTextColor
|
|||
|
|
borderWidth: 2
|
|||
|
|
borderColor: theme.coverColor2
|
|||
|
|
text_: keysName
|
|||
|
|
onClicked: readHotkey()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|