diff options
Diffstat (limited to 'basicsuite/enterprise-flat-controls/main.qml')
-rw-r--r-- | basicsuite/enterprise-flat-controls/main.qml | 452 |
1 files changed, 0 insertions, 452 deletions
diff --git a/basicsuite/enterprise-flat-controls/main.qml b/basicsuite/enterprise-flat-controls/main.qml deleted file mode 100644 index a639001..0000000 --- a/basicsuite/enterprise-flat-controls/main.qml +++ /dev/null @@ -1,452 +0,0 @@ -/**************************************************************************** -** -** Copyright (C) 2014 Digia Plc -** All rights reserved. -** For any questions to Digia, please use contact form at http://qt.digia.com -** -** This file is part of the QtQuick Enterprise Controls Add-on. -** -** $QT_BEGIN_LICENSE$ -** Licensees holding valid Qt Commercial licenses may use this file in -** accordance with the Qt Commercial License Agreement provided with the -** Software or, alternatively, in accordance with the terms contained in -** a written agreement between you and Digia. -** -** If you have questions regarding the use of this file, please use -** contact form at http://qt.digia.com -** $QT_END_LICENSE$ -** -****************************************************************************/ - -import QtQuick 2.4 -import QtQuick.Layouts 1.0 -import QtQuick.Controls 1.2 -import QtQuick.Controls.Styles.Flat 1.0 as Flat -import QtQuick.Enterprise.Controls 1.3 -import QtQuick.Enterprise.Controls.Styles 1.3 -import QtQuick.Enterprise.Controls.Private 1.0 - -Rectangle { - id: window - color: "white" - visible: true - - readonly property bool contentLoaded: contentLoader.item - readonly property alias anchorItem: controlsMenu - property int currentMenu: -1 - readonly property int textMargins: Math.round(32 * Flat.FlatStyle.scaleFactor) - readonly property int menuMargins: Math.round(13 * Flat.FlatStyle.scaleFactor) - readonly property int menuWidth: Math.min(window.width, window.height) * 0.75 - - onCurrentMenuChanged: { - xBehavior.enabled = true; - anchorCurrentMenu(); - } - - onMenuWidthChanged: anchorCurrentMenu() - - function anchorCurrentMenu() { - switch (currentMenu) { - case -1: - anchorItem.x = -menuWidth; - break; - case 0: - anchorItem.x = 0; - break; - case 1: - anchorItem.x = -menuWidth * 2; - break; - } - } - - Item { - id: container - anchors.fill: parent - -// Item { -// id: loadingScreen -// anchors.fill: parent -// visible: !contentLoaded - -// Timer { -// running: true -// interval: 100 -// // TODO: Find a way to know when the loading screen has been rendered instead -// // of using an abritrary amount of time. -// onTriggered: contentLoader.sourceComponent = Qt.createComponent("Content.qml") -// } - -// Column { -// anchors.centerIn: parent -// spacing: Math.round(10 * Flat.FlatStyle.scaleFactor) - -// BusyIndicator { -// anchors.horizontalCenter: parent.horizontalCenter -// } - -// Label { -// text: "Loading..." -// width: Math.min(loadingScreen.width, loadingScreen.height) * 0.8 -// height: font.pixelSize -// anchors.horizontalCenter: parent.horizontalCenter -// renderType: Text.QtRendering -// font.pixelSize: Math.round(26 * Flat.FlatStyle.scaleFactor) -// horizontalAlignment: Text.AlignHCenter -// fontSizeMode: Text.Fit -// font.family: Flat.FlatStyle.fontFamily -// font.weight: Font.Light -// } -// } -// } - - Rectangle { - id: controlsMenu - x: container.x - width - width: menuWidth - height: parent.height - - // Don't let the menus become visible when resizing the window - Binding { - target: controlsMenu - property: "x" - value: container.x - controlsMenu.width - when: !xBehavior.enabled && !xNumberAnimation.running && currentMenu == -1 - } - - Behavior on x { - id: xBehavior - enabled: false - NumberAnimation { - id: xNumberAnimation - easing.type: Easing.OutExpo - duration: 500 - onRunningChanged: xBehavior.enabled = false - } - } - - Rectangle { - id: controlsTitleBar - width: parent.width - height: toolBar.height - color: Flat.FlatStyle.defaultColor - - Label { - text: "Controls" - font.family: Flat.FlatStyle.fontFamily - font.pixelSize: Math.round(16 * Flat.FlatStyle.scaleFactor) - color: "white" - renderType: Text.QtRendering - anchors.left: parent.left - anchors.leftMargin: menuMargins - anchors.verticalCenter: parent.verticalCenter - } - } - - ListView { - id: controlView - width: parent.width - anchors.top: controlsTitleBar.bottom - anchors.bottom: parent.bottom - clip: true - currentIndex: 0 - model: contentLoaded ? contentLoader.item.componentModel : null - delegate: MouseArea { - id: delegateItem - width: parent.width - height: 64 * Flat.FlatStyle.scaleFactor - onClicked: { - controlView.currentIndex = controlView.currentIndex == index ? 0 : index; - currentMenu = -1; - } - - Rectangle { - width: parent.width - height: Flat.FlatStyle.onePixel - anchors.bottom: parent.bottom - color: "#cccccc" - } - - Label { - text: delegateItem.ListView.view.model[index].name - font.pixelSize: Math.round(15 * Flat.FlatStyle.scaleFactor) - font.family: Flat.FlatStyle.fontFamily - color: delegateItem.ListView.isCurrentItem ? Flat.FlatStyle.styleColor : Flat.FlatStyle.defaultColor - renderType: Text.QtRendering - anchors.left: parent.left - anchors.leftMargin: menuMargins - anchors.verticalCenter: parent.verticalCenter - } - } - - Rectangle { - width: parent.height - height: 8 * Flat.FlatStyle.scaleFactor - rotation: 90 - anchors.left: parent.right - transformOrigin: Item.TopLeft - - gradient: Gradient { - GradientStop { - color: Qt.rgba(0, 0, 0, 0.15) - position: 0 - } - GradientStop { - color: Qt.rgba(0, 0, 0, 0.05) - position: 0.5 - } - GradientStop { - color: Qt.rgba(0, 0, 0, 0) - position: 1 - } - } - } - } - } - - Item { - id: contentContainer - anchors.top: parent.top - anchors.bottom: parent.bottom - anchors.left: controlsMenu.right - width: parent.width - - ToolBar { - id: toolBar - width: parent.width - height: 54 * Flat.FlatStyle.scaleFactor - z: contentLoader.z + 1 - style: Flat.ToolBarStyle { - padding.left: 0 - padding.right: 0 - } - - RowLayout { - anchors.fill: parent - - MouseArea { - id: controlsButton - Layout.preferredWidth: toolBar.height + textMargins - Layout.preferredHeight: toolBar.height - onClicked: currentMenu = currentMenu == 0 ? -1 : 0 - - Column { - id: controlsIcon - anchors.left: parent.left - anchors.leftMargin: textMargins - anchors.verticalCenter: parent.verticalCenter - spacing: Math.round(2 * Flat.FlatStyle.scaleFactor) - - Repeater { - model: 3 - - Rectangle { - width: Math.round(4 * Flat.FlatStyle.scaleFactor) - height: width - radius: width / 2 - color: Flat.FlatStyle.defaultColor - } - } - } - } - - Text { - text: "Qt Quick Controls" - font.family: Flat.FlatStyle.fontFamily - font.pixelSize: Math.round(16 * Flat.FlatStyle.scaleFactor) - horizontalAlignment: Text.AlignHCenter - color: "#666666" - Layout.fillWidth: true - } - - MouseArea { - id: settingsButton - Layout.preferredWidth: controlsButton.Layout.preferredWidth - Layout.preferredHeight: controlsButton.Layout.preferredHeight - onClicked: currentMenu = currentMenu == 1 ? -1 : 1 - - SettingsIcon { - width: Math.round(32 * Flat.FlatStyle.scaleFactor) - height: Math.round(32 * Flat.FlatStyle.scaleFactor) - anchors.verticalCenter: parent.verticalCenter - anchors.right: parent.right - anchors.rightMargin: textMargins - Math.round(8 * Flat.FlatStyle.scaleFactor) - } - } - } - } - - Loader { - id: contentLoader - anchors.left: parent.left - anchors.right: parent.right - anchors.top: toolBar.bottom - anchors.bottom: parent.bottom - source: "Content.qml" - - property QtObject settingsData: QtObject { - readonly property bool checks: disableSingleItemsAction.checked - readonly property bool frames: !greyBackgroundAction.checked - readonly property bool allDisabled: disableAllAction.checked - } - property QtObject controlData: QtObject { - readonly property int componentIndex: controlView.currentIndex - readonly property int textMargins: window.textMargins - } - - MouseArea { - enabled: currentMenu != -1 - hoverEnabled: true - anchors.fill: parent - preventStealing: true - onClicked: currentMenu = -1 - focus: enabled - z: 1000 - } - } - } - - Rectangle { - id: settingsMenu - width: menuWidth - height: parent.height - anchors.left: contentContainer.right - - Rectangle { - id: optionsTitleBar - width: parent.width - height: toolBar.height - color: Flat.FlatStyle.defaultColor - - Label { - text: "Options" - font.family: Flat.FlatStyle.fontFamily - font.pixelSize: Math.round(16 * Flat.FlatStyle.scaleFactor) - color: "white" - renderType: Text.QtRendering - anchors.left: parent.left - anchors.leftMargin: menuMargins - anchors.verticalCenter: parent.verticalCenter - } - } - - Action { - id: disableAllAction - checkable: true - checked: false - } - - Action { - id: disableSingleItemsAction - checkable: true - checked: false - } - - Action { - id: greyBackgroundAction - checkable: true - checked: false - } - - ListView { - id: optionsListView - width: parent.width - anchors.top: optionsTitleBar.bottom - anchors.bottom: parent.bottom - clip: true - interactive: delegateHeight * count > height - - readonly property int delegateHeight: 64 * Flat.FlatStyle.scaleFactor - - model: [ - { name: "Disable all", action: disableAllAction }, - { name: "Disable single items", action: disableSingleItemsAction }, - { name: "Grey background", action: greyBackgroundAction }, - ] - delegate: Rectangle { - id: optionDelegateItem - width: parent.width - height: optionsListView.delegateHeight - - Rectangle { - width: parent.width - height: Flat.FlatStyle.onePixel - anchors.bottom: parent.bottom - color: "#cccccc" - } - - Loader { - sourceComponent: optionText !== "Exit" - ? optionsListView.checkBoxComponent : optionsListView.exitComponent - anchors.fill: parent - anchors.leftMargin: menuMargins - - property string optionText: optionsListView.model[index].name - property int optionIndex: index - } - } - - property Component checkBoxComponent: Item { - Label { - text: optionText - anchors.left: parent.left - anchors.right: checkBox.left - anchors.rightMargin: Flat.FlatStyle.twoPixels - height: parent.height - font.family: Flat.FlatStyle.fontFamily - font.pixelSize: Math.round(15 * Flat.FlatStyle.scaleFactor) - fontSizeMode: Text.Fit - verticalAlignment: Text.AlignVCenter - color: Flat.FlatStyle.defaultColor - renderType: Text.QtRendering - } - - CheckBox { - id: checkBox - checked: optionsListView.model[optionIndex].action.checked - anchors.right: parent.right - anchors.rightMargin: menuMargins - anchors.verticalCenter: parent.verticalCenter - onCheckedChanged: optionsListView.model[optionIndex].action.checked = checkBox.checked - } - } - - property Component exitComponent: MouseArea { - anchors.fill: parent - onClicked: Qt.quit() - - Label { - text: optionText - font.family: Flat.FlatStyle.fontFamily - font.pixelSize: Math.round(15 * Flat.FlatStyle.scaleFactor) - anchors.verticalCenter: parent.verticalCenter - color: Flat.FlatStyle.defaultColor - renderType: Text.QtRendering - } - } - - Rectangle { - width: parent.height - height: 8 * Flat.FlatStyle.scaleFactor - rotation: -90 - anchors.right: parent.left - transformOrigin: Item.TopRight - - gradient: Gradient { - GradientStop { - color: Qt.rgba(0, 0, 0, 0.15) - position: 0 - } - GradientStop { - color: Qt.rgba(0, 0, 0, 0.05) - position: 0.5 - } - GradientStop { - color: Qt.rgba(0, 0, 0, 0) - position: 1 - } - } - } - } - } - } -} |