Grid{
            id: myGrid
            rows: 4
            columns: 1
            spacing: 50
            anchors.horizontalCenter: parent.horizontalCenter



            Image {
                     id: circleImage
                     source: "circle.png"
                      // the CircleCollider has its origin in the center, not top-left
                     anchors.horizontalCenter: parent.horizontalCenter
                     Text { anchors.centerIn: parent
                            font.pointSize: 48; text: accelerometer.steps }
            }

            Label {
                id: labelSteps
                text: "Schritte"

                anchors.horizontalCenter: circleImage.horizontalCenter
                anchors.top: circleImage.bottom
                anchors.topMargin: 5
            }

            Image {
                     id: circleImage2
                     source: "circle2.png"
                     anchors.horizontalCenter: labelSteps.horizontalCenter
                     anchors.top: labelSteps.bottom
                     anchors.topMargin: 40
                     Text { anchors.centerIn: parent
                     font.pointSize: 48; text: accelerometer.distance}
              }

            Label {
                id: labelDistance
                anchors.horizontalCenter: circleImage2.horizontalCenter
                anchors.top: circleImage2.bottom
                anchors.topMargin: 5
                anchors { bottom: circleImage2.bottom; horizontalCenter: circleImage2.horizontalCenter }
            text: "km"
           }



        }