105 lines
3.0 KiB
QML
105 lines
3.0 KiB
QML
|
// ======================================================
|
|||
|
|
// =============== 标签栏的复制器的逻辑管理 ===============
|
|||
|
|
// ======================================================
|
|||
|
|
|
|||
|
|
/* 页面表现（布局、动画）应该在继承的子类中编写
|
|||
|
|
|
|||
|
|
|
|||
|
|
delegate: // 子类中填入按钮组件，属性必须包含：
|
|||
|
|
title: title_ // 标题
|
|||
|
|
checked: checked_ // 是否选中
|
|||
|
|
width: 宽
|
|||
|
|
height: 高
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
import QtQuick 2.15
|
|||
|
|
import QtQuick.Controls 2.15
|
|||
|
|
|
|||
|
|
Repeater {
|
|||
|
|
|
|||
|
|
// ========================= 【属性与变量】 =========================
|
|||
|
|
|
|||
|
|
model: ListModel{} // 标签元素列表，初始为空
|
|||
|
|
property bool isLock: false
|
|||
|
|
|
|||
|
|
|
|||
|
|
Component.onCompleted: {
|
|||
|
|
qmlapp.tab.bar = this // 逆向连接引用
|
|||
|
|
}
|
|||
|
|
// ========================= 【增删改查】 =========================
|
|||
|
|
|
|||
|
|
// 增： 在 index 处，插入一个标题为 title 的标签。
|
|||
|
|
function addTab(index, title){ // index=-1 代表尾部插入
|
|||
|
|
if(index<0) index=model.count // 尾部添加
|
|||
|
|
else if(index>model.count){
|
|||
|
|
console.error("【Error】添加标签失败：下标"+index+"超出范围"+model.count+"！")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
model.insert(index, {
|
|||
|
|
"title_": title,
|
|||
|
|
"checked_": false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 删： 在 index 处，删除该标签。
|
|||
|
|
function delTab(index){
|
|||
|
|
if(!isIndex(index, "【Error】删除标签失败："))
|
|||
|
|
return
|
|||
|
|
model.remove(index) // 删除按钮
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 改： 在 index 处，重设标签的 title 。
|
|||
|
|
function changeTab(index, title){
|
|||
|
|
if(!isIndex(index, "【Error】重命名标签失败："))
|
|||
|
|
return
|
|||
|
|
model.set(index, {"title_": title})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 改： 选中 index 标签。
|
|||
|
|
function showTab(index){
|
|||
|
|
if(!isIndex(index, "【Error】选中标签失败："))
|
|||
|
|
return
|
|||
|
|
for(let i=0; i<model.count; i++){
|
|||
|
|
itemAt(i).checked = (i==index)
|
|||
|
|
// model.set(index, {"checked_": (i==index)})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 改： 将一个原本在 index 的标签移到 go 处。
|
|||
|
|
function moveTab(index, go){
|
|||
|
|
if(!isIndex(index, "【Error】移动标签失败：起点"))
|
|||
|
|
return
|
|||
|
|
if(!isIndex(go, "【Error】移动标签失败：终点"))
|
|||
|
|
return
|
|||
|
|
model.move(index, go, 1)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 改： 重置所有标签的序号
|
|||
|
|
function resetIndex() {
|
|||
|
|
for(let i=0, c=model.count; i<c; i++){
|
|||
|
|
itemAt(i).index = i
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 查： 返回下标 index 是否合法。
|
|||
|
|
function isIndex(index, msg=""){
|
|||
|
|
if(index<0 || index>=model.count){
|
|||
|
|
if(msg)
|
|||
|
|
console.error(msg+"下标"+index+"超出范围"+(model.count-1)+"！")
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
return true
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ========================= 【创建和删除事件】 =========================
|
|||
|
|
|
|||
|
|
// 创建新标签时
|
|||
|
|
onItemAdded: {
|
|||
|
|
resetIndex() // 重设序号
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onItemRemoved: {
|
|||
|
|
resetIndex() // 重设序号
|
|||
|
|
}
|
|||
|
|
}
|