如何在qml中设计标尺

import QtQuick 2.0

Rectangle {
    id: ruler
    color: "lightgray"
    width: 400
    height: 50

    Row {
        spacing: 10

        Repeater {
            model: (ruler.maxValue - ruler.minValue) / ruler.interval + 1

            Rectangle {
                width: 1
                height: 10
                color: "black"
            }

            Text {
                text: (index * ruler.interval + ruler.minValue).toString()
                font.pixelSize: 12
                anchors.top: ruler.top
                anchors.horizontalCenter: parent.horizontalCenter
            }
        }
    }

    property int minValue: 0
    property int maxValue: 100
    property int interval: 10
}

import QtQuick 2.0

Item {
    width: 400
    height: 100

    Ruler {
        anchors.centerIn: parent
        minValue: 0
        maxValue: 200
        interval: 20
    }
}