83 lines
2.7 KiB
QML
83 lines
2.7 KiB
QML
// =====================================================
|
||
// =============== 可切换左右/上下双栏布局 ===============
|
||
// =====================================================
|
||
|
||
import QtQuick 2.15
|
||
import QtQuick.Controls 2.15
|
||
import QtQuick.Layouts 1.15
|
||
|
||
Item {
|
||
|
||
// ========================= 【可调参数】 =========================
|
||
|
||
property QtObject itemA // 第一子组件，左或上
|
||
property QtObject itemB // 第二子组件，右或下
|
||
property bool isRow: true // t为左右布局，f为上下
|
||
property string saveKey: "" // 如果非空，则缓存 isRow 和布局的 hide 参数。
|
||
// 只读：0为不隐藏，1为隐藏第一子组件，2为隐藏第二子组件
|
||
property int hideAB: 0
|
||
|
||
id: doubleLayout
|
||
|
||
Component.onCompleted: {
|
||
// 取 isRow 缓存
|
||
Qt.callLater(() => {
|
||
if(doubleLayout.saveKey) {
|
||
const layoutDict = qmlapp.globalConfigs.getValue("window.doubleLayout")
|
||
const f = layoutDict[doubleLayout.saveKey]
|
||
if(f === true || f === false) isRow = f // bool类型合法性检查
|
||
}
|
||
})
|
||
}
|
||
|
||
// 切换布局
|
||
function toSwitchView(toRow) { // isRow 要变为的值
|
||
isRow = toRow
|
||
hideAB = doubleLayout.isRow ? rowLayout.hideLR : columnLayout.hideTB
|
||
// 缓存 isRow
|
||
if(doubleLayout.saveKey) {
|
||
let layoutDict = qmlapp.globalConfigs.getValue("window.doubleLayout")
|
||
layoutDict[doubleLayout.saveKey] = toRow
|
||
qmlapp.globalConfigs.setValue("window.doubleLayout", layoutDict)
|
||
}
|
||
}
|
||
|
||
// 左右布局
|
||
DoubleRowLayout {
|
||
id: rowLayout
|
||
anchors.fill: parent
|
||
visible: doubleLayout.isRow
|
||
leftItem: doubleLayout.isRow ? itemA : placeholderA
|
||
rightItem: doubleLayout.isRow ? itemB : placeholderB
|
||
isShowSplitView: true
|
||
saveKey: doubleLayout.saveKey==="" ? "" : doubleLayout.saveKey+"row"
|
||
onSwitchView: toSwitchView(false)
|
||
onHideLRChanged: {
|
||
if(doubleLayout.isRow) doubleLayout.hideAB = hideLR
|
||
}
|
||
}
|
||
// 上下布局
|
||
DoubleColumnLayout {
|
||
id: columnLayout
|
||
anchors.fill: parent
|
||
visible: !doubleLayout.isRow
|
||
topItem: doubleLayout.isRow ? placeholderA : itemA
|
||
bottomItem: doubleLayout.isRow ? placeholderB : itemB
|
||
isShowSplitView: true
|
||
saveKey: doubleLayout.saveKey==="" ? "" : doubleLayout.saveKey+"col"
|
||
onSwitchView: toSwitchView(true)
|
||
onHideTBChanged: {
|
||
if(!doubleLayout.isRow) doubleLayout.hideAB = hideTB
|
||
}
|
||
}
|
||
|
||
// 临时占位用子组件
|
||
Item {
|
||
id: placeholderA
|
||
visible: false
|
||
}
|
||
Item {
|
||
id: placeholderB
|
||
visible: false
|
||
}
|
||
} |