import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    TabBar {
        objectName: "tabbar"
        id: control

        width: parent.width

        // contentItem: implemtation taken from QtQuick Controls 2 template: C:\Qt\Qt5.7.1\5.7\Src\qtquickcontrols2\src\imports\controls\TabBar.qml
        contentItem: ListView {
            objectName: "contentItem listview"

            implicitWidth: contentWidth
            implicitHeight: 40

            model: control.contentModel
            currentIndex: control.currentIndex

            spacing: control.spacing
            orientation: ListView.Horizontal
            boundsBehavior: Flickable.StopAtBounds
            flickableDirection: Flickable.AutoFlickIfNeeded
            snapMode: ListView.SnapToItem

            highlightMoveDuration: 0
            highlightRangeMode: ListView.ApplyRange
            preferredHighlightBegin: 40
            preferredHighlightEnd: width - 40
        }

        TabButton {
            objectName: "tabbutton"
            text: "TabButton"
        }
    }
}