qmlfrontend/Page1Form.ui.qml
changeset 14154 8354b390f1a2
parent 14143 745c73e0e644
child 14294 21be7838a127
--- a/qmlfrontend/Page1Form.ui.qml	Wed Nov 07 15:55:32 2018 +0100
+++ b/qmlfrontend/Page1Form.ui.qml	Wed Nov 07 15:59:51 2018 +0100
@@ -5,45 +5,75 @@
 import Hedgewars.Engine 1.0
 
 Item {
-    property alias button1: button1
-    property alias previewImage: previewImage
-    property alias gameButton: gameButton
-    width: 1024
-    height: 800
-    property alias tickButton: tickButton
-    property alias item1: item1
+  property alias button1: button1
+  property alias previewImage: previewImage
+  property alias gameButton: gameButton
+  width: 1024
+  height: 800
+  property alias tickButton: tickButton
+
+  //property alias item1: item1
+  ColumnLayout {
+    anchors.fill: parent
 
     RowLayout {
-        anchors.horizontalCenter: parent.horizontalCenter
-        anchors.topMargin: 20
-        anchors.top: parent.top
+      Layout.alignment: Qt.AlignHCenter
 
-        Button {
-            id: button1
-            text: qsTr("Preview")
-        }
+      Button {
+        id: button1
+        text: qsTr("Preview")
+      }
 
-        Button {
-            id: gameButton
-            text: qsTr("Game")
-        }
+      Button {
+        id: gameButton
+        text: qsTr("Game")
+      }
 
-        Button {
-            id: tickButton
-            text: qsTr("Tick")
-        }
+      Button {
+        id: tickButton
+        text: qsTr("Tick")
+      }
     }
 
-    Image {
+    Rectangle {
+      border.color: "orange"
+      border.width: 5
+      radius: 5
+
+      Layout.fillWidth: true
+      Layout.fillHeight: true
+
+      gradient: Gradient {
+        GradientStop {
+          position: 0
+          color: "lightblue"
+        }
+        GradientStop {
+          position: 0.9
+          color: "blue"
+        }
+        GradientStop {
+          position: 0.9
+          color: "darkblue"
+        }
+        GradientStop {
+          position: 1.0
+          color: "darkblue"
+        }
+      }
+
+      Image {
         id: previewImage
-        x: 8
-        y: 20
-        width: 256
-        height: 128
+
+        anchors.fill: parent
+        anchors.margins: parent.radius
         source: "qrc:/res/iconTime.png"
+        fillMode: Image.PreserveAspectFit
         cache: false
+      }
     }
-
+  }
+  /*
     GameView {
         id: item1
         x: 8
@@ -51,4 +81,5 @@
         width: 1008
         height: 638
     }
+    */
 }