420 lines
17 KiB
QML
420 lines
17 KiB
QML
import QtQuick 2.4
|
|
import QtQuick.Dialogs 1.2
|
|
import QtQuick.Controls 1.3
|
|
import QtQuick.Window 2.0
|
|
import "qml"
|
|
import QtQuick.Layouts 1.0
|
|
|
|
ApplicationWindow {
|
|
id: applicationWindow1
|
|
title: "Presentation App"
|
|
visible: true
|
|
objectName: "applicationWindow1"
|
|
minimumWidth: 500
|
|
minimumHeight: 500
|
|
width: 1000
|
|
height: 600
|
|
property bool cls: false
|
|
|
|
|
|
/*function getFileDialogUrl() {
|
|
return
|
|
}*/
|
|
/*onClosing: if (!cls) {
|
|
close.accepted = false
|
|
}*/
|
|
|
|
FileDialog {
|
|
id: imgpicker
|
|
// @disable-check M16
|
|
title: "Choose an image for this slide"
|
|
// @disable-check M16
|
|
objectName: "imgpicker"
|
|
}
|
|
|
|
AboutDialog {
|
|
id: aboutDialog
|
|
}
|
|
|
|
Action {
|
|
id: aboutAction
|
|
text: "About"
|
|
onTriggered: aboutDialog.open()
|
|
}
|
|
|
|
menuBar: MenuBar {
|
|
Menu {
|
|
title: "&File"
|
|
MenuItem {
|
|
text: "Close"
|
|
shortcut: StandardKey.Quit
|
|
}
|
|
}
|
|
Menu {
|
|
title: "&Edit"
|
|
MenuItem {
|
|
text: "quick edit"
|
|
objectName: "mnuEdit"
|
|
}
|
|
}
|
|
|
|
Menu {
|
|
title: "Window"
|
|
|
|
MenuItem {
|
|
text: "Display"
|
|
objectName: "mnuDisplay"
|
|
}
|
|
}
|
|
|
|
Menu {
|
|
title: "&Help"
|
|
MenuItem {
|
|
action: aboutAction
|
|
}
|
|
}
|
|
}
|
|
|
|
Menu {
|
|
objectName: "mnuCtx"
|
|
title: "new image..."
|
|
MenuItem {
|
|
objectName: "mnuImgPick"
|
|
text: "new Image..."
|
|
onTriggered: imgpicker.open()
|
|
}
|
|
}
|
|
|
|
SplitView {
|
|
id: mainSlider
|
|
objectName: "mainSlider"
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.rightMargin: 0
|
|
anchors.bottomMargin: 0
|
|
anchors.leftMargin: 0
|
|
anchors.topMargin: 0
|
|
orientation: Qt.Horizontal
|
|
onResizingChanged: col1.width = gridData.width / 2
|
|
|
|
Rectangle {
|
|
id: gridRect
|
|
objectName: "gridRect"
|
|
width: 300
|
|
color: "#00000000"
|
|
border.width: 4
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 0
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: 0
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 0
|
|
property int count: 1
|
|
property int expcount: 1
|
|
|
|
ScrollView {
|
|
id: scview
|
|
anchors.fill: parent
|
|
anchors.margins: 4
|
|
horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
|
|
verticalScrollBarPolicy: Qt.ScrollBarAlwaysOn
|
|
|
|
SplitView {
|
|
id: gridData
|
|
objectName: "gridData"
|
|
width: scview.width - 1
|
|
height: data1.childrenRect.height//gridRect.count * 101
|
|
|
|
Rectangle {
|
|
id: col1
|
|
objectName: "col1"
|
|
width: gridData.width / 2
|
|
color: "#00000000"
|
|
transformOrigin: Item.TopLeft
|
|
border.width: 0
|
|
height: data1.childrenRect.height
|
|
Rectangle {
|
|
id: textEdit
|
|
property int cell
|
|
x: 232
|
|
y: 622
|
|
objectName: "textEdit"
|
|
width: 200
|
|
height: 200
|
|
color: "#ffffff"
|
|
visible: false
|
|
property bool txt: true
|
|
Keys.onPressed: {
|
|
if ((event.key == Qt.Key_Return) && (event.modifiers & Qt.ControlModifier)) {
|
|
txt = true
|
|
|
|
x = -100
|
|
y = -100
|
|
visible = false
|
|
focus = true
|
|
enabled = false
|
|
opacity = 0
|
|
textEdit1.focus = false
|
|
|
|
event.accepted = true
|
|
}
|
|
|
|
if (event.key == Qt.Key_Escape) {
|
|
txt = false
|
|
x = -100
|
|
y = -100
|
|
visible = false
|
|
focus = true
|
|
enabled = false
|
|
opacity = 0
|
|
textEdit1.focus = false
|
|
|
|
event.accepted = true
|
|
}
|
|
}
|
|
|
|
TextArea {
|
|
id: textEdit1
|
|
objectName: "textEdit1"
|
|
anchors.fill: parent
|
|
clip: true
|
|
textFormat: Text.AutoText
|
|
visible: true
|
|
font.pixelSize: 12
|
|
z: 99
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: data1
|
|
objectName: "data1"
|
|
spacing: 1
|
|
anchors.fill: parent
|
|
clip: true
|
|
height: data1.childrenRect.height
|
|
|
|
Item {
|
|
id: tst4
|
|
height: 50 + ((tst3.count-1)*50) + (tst3.subCount * 40)
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 0
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 0
|
|
|
|
|
|
ListView {
|
|
id: tst3
|
|
anchors.fill: parent
|
|
property int subCount: 0
|
|
model: ListModel {
|
|
id: nestedModel
|
|
ListElement {
|
|
categoryName: "Cars"
|
|
collapsed: true
|
|
subItems: [
|
|
ListElement {
|
|
itemName: "Nissan"
|
|
},
|
|
ListElement {
|
|
itemName: "Toyota"
|
|
},
|
|
ListElement {
|
|
itemName: "Chevy"
|
|
},
|
|
ListElement {
|
|
itemName: "Audi"
|
|
}
|
|
]
|
|
}
|
|
ListElement {
|
|
categoryName: "Cars"
|
|
collapsed: true
|
|
subItems: [
|
|
ListElement {
|
|
itemName: "Nissan"
|
|
},
|
|
ListElement {
|
|
itemName: "Toyota"
|
|
},
|
|
ListElement {
|
|
itemName: "Chevy"
|
|
},
|
|
ListElement {
|
|
itemName: "Audi"
|
|
}
|
|
]
|
|
}
|
|
ListElement {
|
|
categoryName: "Cars"
|
|
collapsed: true
|
|
subItems: [
|
|
ListElement {
|
|
itemName: "Nissan"
|
|
},
|
|
ListElement {
|
|
itemName: "Toyota"
|
|
},
|
|
ListElement {
|
|
itemName: "Chevy"
|
|
},
|
|
ListElement {
|
|
itemName: "Audi"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
delegate: Component {
|
|
id: categoryDelegate
|
|
Column {
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
|
|
//width: 200
|
|
Rectangle {
|
|
id: categoryItem
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
border.color: "black"
|
|
border.width: 5
|
|
color: "white"
|
|
height: 50
|
|
|
|
//width: 200
|
|
Text {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
x: 15
|
|
font.pixelSize: 24
|
|
text: categoryName
|
|
}
|
|
|
|
Rectangle {
|
|
color: "red"
|
|
width: 30
|
|
height: 30
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 15
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
|
|
// Toggle the 'collapsed' property
|
|
onClicked: {
|
|
nestedModel.setProperty(index, "collapsed", !collapsed)
|
|
if (!nestedModel.get(index).collapsed) {
|
|
tst3.subCount = tst3.subCount + subItemLoader.subItemModel.count
|
|
} else {
|
|
tst3.subCount = tst3.subCount - subItemLoader.subItemModel.count
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: subItemLoader
|
|
|
|
// This is a workaround for a bug/feature in the Loader element. If sourceComponent is set to null
|
|
// the Loader element retains the same height it had when sourceComponent was set. Setting visible
|
|
// to false makes the parent Column treat it as if it's height was 0.
|
|
visible: !collapsed
|
|
property variant subItemModel: subItems
|
|
sourceComponent: collapsed ? null : subItemColumnDelegate
|
|
onStatusChanged: if (status == Loader.Ready)
|
|
item.model = subItemModel
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: subItemColumnDelegate
|
|
Column {
|
|
property alias model: subItemRepeater.model
|
|
|
|
width: tst4.width
|
|
Repeater {
|
|
id: subItemRepeater
|
|
delegate: Rectangle {
|
|
color: "#cccccc"
|
|
height: 40
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
//width: 200
|
|
border.color: "black"
|
|
border.width: 2
|
|
|
|
Text {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
x: 30
|
|
font.pixelSize: 18
|
|
text: itemName
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: col2
|
|
objectName: "col2"
|
|
color: "#00000000"
|
|
border.width: 0
|
|
|
|
Column {
|
|
id: data2
|
|
spacing: 1
|
|
objectName: "data2"
|
|
anchors.fill: parent
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: mainView
|
|
border.width: 0
|
|
objectName: "mainView"
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 0
|
|
anchors.leftMargin: 0
|
|
anchors.left: gridRect.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.top: parent.top
|
|
z: 1
|
|
clip: false
|
|
visible: true
|
|
|
|
Button {
|
|
id: button1
|
|
objectName: "btnAdd"
|
|
x: 8
|
|
y: 8
|
|
text: qsTr("Button") +data1.childrenRect.height
|
|
}
|
|
|
|
Button {
|
|
id: button2
|
|
x: 8
|
|
y: 39
|
|
text: qsTr("Button ") + tst4.height
|
|
objectName: "btnRem"
|
|
}
|
|
|
|
Button {
|
|
id: button3
|
|
x: 8
|
|
y: 70
|
|
text: qsTr("Button ")
|
|
objectName: "btnMem"
|
|
}
|
|
}
|
|
}
|
|
}
|