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
-    height: 256
+    width: 32 * (16 + 1) + 1
+    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 {
+    width: 32 * (16 + 1) + 1; height: 32 * (16 + 1) + 1; color: "black"
+
+    Grid {
+        x: 1; y: 1
+        rows: 32; columns: 32; spacing: 1
+
+        Repeater {
+            model: parent.rows * parent.columns
             Rectangle {
-                    x: 0
-                    width: 8
-                    height: 8
-                    color: colorCode
-                    border.width: 1
-                    anchors.horizontalCenter: parent.horizontalCenter
-                }
-            }
-        }
-        cellWidth: 8
-        model: ListModel {
-            ListElement {
-                name: "Grey"
-                colorCode: "grey"
-            }
+                width: 16; height: 16
+                color: "lightgreen"
 
-            ListElement {
-                name: "Red"
-                colorCode: "red"
+                Text {
+                    text: index
+                    font.pointSize: 12
+                    anchors.centerIn: parent } }
         }
-
-            ListElement {
-                name: "Blue"
-                colorCode: "blue"
-            }
-
-            ListElement {
-                name: "Green"
-                colorCode: "green"
-            }
-        }
-        cellHeight: 8
     }
 }