Set bg map to 32 x 32

qt/BackgroundMap.qml

@@ -5,8 +5,8 @@ Window {
     title: "Background maps"
     // A background map is 32 x 32 tiles.
     // Each tile is 8 x 8 pixels.
-    width: 256
+    width: 32 * (16 + 1) + 1
-    height: 256
+    height: 32 * (16 + 1) + 1
     maximumWidth: width
     minimumWidth: width
     maximumHeight: height

qt/BackgroundMapForm.ui.qml

@@ -1,57 +1,24 @@
 import QtQuick 2.4
 
-Item {
-    width: 400
-    height: 400
 
-    GridView {
+
-        id: bgmap_01
-        visible: true
-        smooth: false
-        enabled: false
-        keyNavigationWraps: false
-        interactive: false
-        anchors.fill: parent
-        flickableDirection: Flickable.VerticalFlick
-        delegate: Item {
-            x: 5
-            height: 50
-            Column {
-                width: 8
-                height: 8
-                spacing: 0
 Rectangle {
-                    x: 0
+    width: 32 * (16 + 1) + 1; height: 32 * (16 + 1) + 1; color: "black"
-                    width: 8
-                    height: 8
-                    color: colorCode
-                    border.width: 1
-                    anchors.horizontalCenter: parent.horizontalCenter
-                }
-            }
-        }
-        cellWidth: 8
-        model: ListModel {
-            ListElement {
-                name: "Grey"
-                colorCode: "grey"
-            }
 
-            ListElement {
+    Grid {
-                name: "Red"
+        x: 1; y: 1
-                colorCode: "red"
+        rows: 32; columns: 32; spacing: 1
-            }
 
-            ListElement {
+        Repeater {
-                name: "Blue"
+            model: parent.rows * parent.columns
-                colorCode: "blue"
+            Rectangle {
-            }
+                width: 16; height: 16
+                color: "lightgreen"
 
-            ListElement {
+                Text {
-                name: "Green"
+                    text: index
-                colorCode: "green"
+                    font.pointSize: 12
+                    anchors.centerIn: parent } }
         }
     }
-        cellHeight: 8
-    }
 }