import QtQuick 2.6
import QtQuick.Window 2.0

Window {
    id: window
    width: 360
    height: 520
    visible: true

    ListView {
        id: listview
        anchors.fill: parent

        delegate: Text {
            padding: 12
            text: modelData
            font.pixelSize: 16
            width: parent.width
        }

        model: ["BusyIndicator", "Button", "CheckBox", "ComboBox", "Dial", "Delegates", "Drawer", "Frame",
                "GroupBox", "Menu", "PageIndicator", "Popup", "ProgressBar", "RadioButton", "RangeSlider",
                "ScrollBar", "ScrollIndicator", "Slider", "SpinBox", "StackView", "SwipeView", "Switch",
                "TabBar", "TextArea", "TextField", "ToolTip", "Tumbler"]
    }

    Rectangle {
        id: scrollbar
        anchors.right: listview.right
        y: listview.visibleArea.yPosition * listview.height
        width: 10
        height: listview.visibleArea.heightRatio * listview.height
        color: "black"
    }
}