Add initial version of studio components and effects

Change-Id: I8a1836693dec4fef44b6e209e558b9033c119d15
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

1 files changed, 120 insertions, 0 deletions

diff --git a/src/imports/effects/designer/HueSaturationItemSpecifics.qml b/src/imports/effects/designer/HueSaturationItemSpecifics.qml
new file mode 100644
index 0000000..4c1d116
--- /dev/null
+++ b/src/imports/effects/designer/HueSaturationItemSpecifics.qml
@@ -0,0 +1,120 @@
+/****************************************************************************
+**
+** Copyright (C) 2018 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of Qt Quick Designer Components.
+**
+** $QT_BEGIN_LICENSE:GPL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import HelperWidgets 2.0
+import QtQuick.Layouts 1.0
+
+
+Column {
+    anchors.left: parent.left
+    anchors.right: parent.right
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: "Hue and Saturation"
+
+        SectionLayout {
+            rows: 2
+            Label {
+                text: qsTr("hue")
+                toolTip: qsTr("This property defines the hue value which is added to the source hue value.")
+            }
+            SecondColumnLayout {
+                SpinBox {
+                    backendValue: backendValues.adjustHue
+                    Layout.preferredWidth: 80
+                    decimals: 1
+                    minimumValue: -1
+                    maximumValue: 1
+                    stepSize: 0.1
+                }
+                ExpandingSpacer {
+                }
+            }
+
+            Label {
+                text: qsTr("lightness")
+                toolTip: qsTr("This property defines the lightness value which is added to the source saturation value.")
+            }
+            SecondColumnLayout {
+                SpinBox {
+                    backendValue: backendValues.adjustLightness
+                    Layout.preferredWidth: 80
+                    decimals: 1
+                    minimumValue: -1
+                    maximumValue: 1
+                    stepSize: 0.1
+                }
+                ExpandingSpacer {
+                }
+            }
+
+            Label {
+                text: qsTr("saturation")
+                toolTip: qsTr("This property defines the saturation value value which is added to the source saturation value.")
+            }
+            SecondColumnLayout {
+                SpinBox {
+                    backendValue: backendValues.adjustSaturation
+                    Layout.preferredWidth: 80
+                    decimals: 1
+                    minimumValue: -10
+                    maximumValue: 1
+                    stepSize: 0.1
+                }
+                ExpandingSpacer {
+                }
+            }
+
+        }
+    }
+
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: "Caching"
+
+        SectionLayout {
+            rows: 2
+            Label {
+                text: qsTr("cached")
+                toolTip: qsTr("This property allows the effect output pixels to be cached in order to improve the rendering performance.")
+            }
+            SecondColumnLayout {
+                CheckBox {
+                    Layout.fillWidth: true
+                    backendValue: backendValues.cached
+                    text: backendValues.cached.valueToString
+                }
+            }
+        }
+    }
+}