diff options
Diffstat (limited to 'src/imports/controls/TabBar.qml')
-rw-r--r-- | src/imports/controls/TabBar.qml | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/src/imports/controls/TabBar.qml b/src/imports/controls/TabBar.qml new file mode 100644 index 00000000..fa6faea9 --- /dev/null +++ b/src/imports/controls/TabBar.qml @@ -0,0 +1,120 @@ +/**************************************************************************** +** +** Copyright (C) 2015 The Qt Company Ltd. +** Contact: http://www.qt.io/licensing/ +** +** This file is part of the Qt Quick Controls module of the Qt Toolkit. +** +** $QT_BEGIN_LICENSE:LGPL3$ +** Commercial License Usage +** Licensees holding valid commercial Qt licenses may use this file in +** accordance with the commercial license agreement provided with the +** Software or, alternatively, in accordance with the terms contained in +** a written agreement between you and The Qt Company. For licensing terms +** and conditions see http://www.qt.io/terms-conditions. For further +** information use the contact form at http://www.qt.io/contact-us. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 3 as published by the Free Software +** Foundation and appearing in the file LICENSE.LGPLv3 included in the +** packaging of this file. Please review the following information to +** ensure the GNU Lesser General Public License version 3 requirements +** will be met: https://www.gnu.org/licenses/lgpl.html. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 2.0 or later as published by the Free +** Software Foundation and appearing in the file LICENSE.GPL included in +** the packaging of this file. Please review the following information to +** ensure the GNU General Public License version 2.0 requirements will be +** met: http://www.gnu.org/licenses/gpl-2.0.html. +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +import QtQuick 2.4 +import QtQuick.Controls 2.0 + +AbstractTabBar { + id: control + + property list<Item> items + readonly property int count: items.length + property alias highlight: listView.highlight + property alias spacing: listView.spacing + + property Component delegate: TabButton { + width: (listView.width - Math.max(0, count - 1) * spacing) / count + } + + contentWidth: listView.contentWidth + contentHeight: listView.contentHeight + + implicitWidth: Math.max(background ? background.implicitWidth : 0, contentWidth + padding.left + padding.right) + implicitHeight: Math.max(background ? background.implicitHeight : 0, contentHeight + padding.top + padding.bottom) + + Accessible.role: Accessible.PageTabList + + ExclusiveGroup { + id: group + } + + contentItem: ListView { + id: listView + + x: padding.left + y: padding.top + width: parent.width - padding.left - padding.right + height: parent.height - padding.top - padding.bottom + + spacing: 1 + orientation: ListView.Horizontal + boundsBehavior: Flickable.StopAtBounds + snapMode: ListView.SnapToItem + + model: control.items + currentIndex: control.currentIndex + + delegate: Loader { + sourceComponent: control.delegate + visible: modelData.Tab.visible + Binding { target: item; property: "Exclusive.group"; value: group } + Binding { target: item; property: "text"; value: modelData.Tab.title } + Binding { target: item; property: "checked"; value: control.currentIndex === index } + Connections { target: item; onClicked: control.currentIndex = index } + } + + property bool completed: false + Component.onCompleted: completed = true + + highlightMoveDuration: completed ? 250 : 0 + highlightResizeDuration: 0 + highlightFollowsCurrentItem: true + highlight: Item { + z: 2 + Rectangle { + height: 4 + width: parent.width + y: parent.height - height + color: style.accentColor + } + } + } + + background: Rectangle { + implicitWidth: 26 + implicitHeight: 26 + width: listView.width + border.color: style.backgroundColor + border.width: 8 + color: listView.count > 1 ? style.frameColor : style.backgroundColor + Rectangle { + y: parent.height - height + width: parent.width + height: 1 + color: style.frameColor + } + } +} |