1 files changed, 181 insertions, 0 deletions
diff --git a/tests/manual/qmlheightmap/qml/qmlheightmap/main.qml b/tests/manual/qmlheightmap/qml/qmlheightmap/main.qml
new file mode 100644
index 00000000..53003b59
--- /dev/null
+++ b/tests/manual/qmlheightmap/qml/qmlheightmap/main.qml
@@ -0,0 +1,181 @@
+// Copyright (C) 2021 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick
+import QtQuick.Window
+import QtQuick.Layouts
+import QtQuick.Controls
+import QtDataVisualization
+import "."
+
+Item {
+    id: mainwindow
+
+    width: 1024
+    height: 768
+    visible: true
+
+    Item {
+        id: surfaceview
+        width: mainwindow.width
+        height: mainwindow.height
+
+        anchors.top: mainwindow.top
+        anchors.left: mainwindow.left
+
+        ColorGradient {
+            id: surfaceGradient
+            ColorGradientStop { position: 0.0; color: "darkslategray" }
+            ColorGradientStop { id: middleGradient; position: 0.50; color: "peru" }
+            ColorGradientStop { position: 1.0; color: "red" }
+        }
+
+        Theme3D {
+            id: mainTheme
+            type: Q3DTheme.ThemeStoneMoss
+            colorStyle: Q3DTheme.ColorStyleRangeGradient
+            baseGradients: [surfaceGradient]
+        }
+
+        Surface3D {
+            id: surfaceGraph
+            width: surfaceview.width
+            height: surfaceview.height
+            theme: mainTheme
+            shadowQuality: AbstractGraph3D.ShadowQualityMedium
+            selectionMode: AbstractGraph3D.SelectionSlice | AbstractGraph3D.SelectionItemAndRow
+            scene.activeCamera.cameraPreset: Camera3D.CameraPresetIsometricLeft
+            axisY.min: 0.0
+            axisY.max: 500.0
+            axisX.segmentCount: 10
+            axisX.subSegmentCount: 2
+            axisX.labelFormat: "%i"
+            axisZ.segmentCount: 10
+            axisZ.subSegmentCount: 2
+            axisZ.labelFormat: "%i"
+            axisY.segmentCount: 5
+            axisY.subSegmentCount: 2
+            axisY.labelFormat: "%i"
+            axisY.title: "Y"
+            axisX.title: "X"
+            axisZ.title: "Z"
+
+            Surface3DSeries {
+                id: heightSeriesRGB8
+                drawMode: Surface3DSeries.DrawSurface
+                visible: true
+                flatShadingEnabled: false
+
+                HeightMapSurfaceDataProxy {
+                    heightMapFile: ":/mapRGB8"
+                    minYValue: surfaceGraph.axisY.min
+                    maxYValue: surfaceGraph.axisY.max
+                }
+            }
+
+            Surface3DSeries {
+                id: heightSeriesRGB16
+                drawMode: Surface3DSeries.DrawSurface
+                visible: false
+                flatShadingEnabled: false
+
+                HeightMapSurfaceDataProxy {
+                    heightMapFile: ":/mapRGB16"
+                    minYValue: surfaceGraph.axisY.min
+                    maxYValue: surfaceGraph.axisY.max
+                }
+            }
+
+            Surface3DSeries {
+                id: heightSeriesGRAY8
+                drawMode: Surface3DSeries.DrawSurface
+                visible: false
+                flatShadingEnabled: false
+
+                HeightMapSurfaceDataProxy {
+                    heightMapFile: ":/mapGRAY8"
+                    minYValue: surfaceGraph.axisY.min
+                    maxYValue: surfaceGraph.axisY.max
+                }
+            }
+
+            Surface3DSeries {
+                id: heightSeriesGRAY16
+                drawMode: Surface3DSeries.DrawSurface
+                visible: false
+                flatShadingEnabled: false
+
+                HeightMapSurfaceDataProxy {
+                    heightMapFile: ":/mapGRAY16"
+                    minYValue: surfaceGraph.axisY.min
+                    maxYValue: surfaceGraph.axisY.max
+                }
+            }
+        }
+
+        RowLayout {
+            id: buttonLayout
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.right: parent.right
+
+            Button {
+                id: toggleHeightSeries
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                text: qsTr("Use 16-bit rgb map")
+                onClicked: {
+                    if (heightSeriesRGB8.visible === true) {
+                        heightSeriesRGB8.visible = false
+                        heightSeriesRGB16.visible = true
+                        heightSeriesGRAY8.visible = false
+                        heightSeriesGRAY16.visible = false
+                        text = "Use 8-bit grayscale map"
+                    } else if (heightSeriesRGB16.visible === true){
+                        heightSeriesRGB8.visible = false
+                        heightSeriesRGB16.visible = false
+                        heightSeriesGRAY8.visible = true
+                        heightSeriesGRAY16.visible = false
+                        text = "Use 16-bit grayscale map"
+                    } else if (heightSeriesGRAY8.visible === true){
+                        heightSeriesRGB8.visible = false
+                        heightSeriesRGB16.visible = false
+                        heightSeriesGRAY8.visible = false
+                        heightSeriesGRAY16.visible = true
+                        text = "Use 8-bit rgb map"
+                    } else if (heightSeriesGRAY16.visible === true){
+                        heightSeriesRGB8.visible = true
+                        heightSeriesRGB16.visible = false
+                        heightSeriesGRAY8.visible = false
+                        heightSeriesGRAY16.visible = false
+                        text = "Use 16-bit rgb map"
+                    }
+                }
+            }
+
+            Button {
+                id: toggleAutoScaleY
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                text: qsTr("Enable autoScaleY")
+                onClicked: {
+                    if (text === "Enable autoScaleY") {
+                        heightSeriesRGB8.dataProxy.autoScaleY = true
+                        heightSeriesRGB16.dataProxy.autoScaleY = true
+                        heightSeriesGRAY8.dataProxy.autoScaleY = true
+                        heightSeriesGRAY16.dataProxy.autoScaleY = true
+                        text = "Disable autoScaleY"
+                    } else {
+                        heightSeriesRGB8.dataProxy.autoScaleY = false
+                        heightSeriesRGB16.dataProxy.autoScaleY = false
+                        heightSeriesGRAY8.dataProxy.autoScaleY = false
+                        heightSeriesGRAY16.dataProxy.autoScaleY = false
+                        text = "Enable autoScaleY"
+                    }
+                }
+            }
+        }
+    }
+}