-
Jens Bache-Wiig authored
This extra padding at the bottom is not needed and only serves to make the borders uneven on mac. Change-Id: Ibb3f8a3ba1f37ce1e9c6674a53cfb13e257fb97f Reviewed-by:Richard Moe Gustavsen <richard.gustavsen@digia.com>
ea2de46b
/******************************************************************************** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).** Contact: http://www.qt-project.org/legal**** This file is part of the Qt Quick Controls module of the Qt Toolkit.**** $QT_BEGIN_LICENSE:BSD$** You may use this file under the terms of the BSD license as follows:**** "Redistribution and use in source and binary forms, with or without** modification, are permitted provided that the following conditions are** met:** * Redistributions of source code must retain the above copyright** notice, this list of conditions and the following disclaimer.** * Redistributions in binary form must reproduce the above copyright** notice, this list of conditions and the following disclaimer in** the documentation and/or other materials provided with the** distribution.** * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names** of its contributors may be used to endorse or promote products derived** from this software without specific prior written permission.****** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."**** $QT_END_LICENSE$******************************************************************************/import QtQuick 2.1import QtQuick.Controls 1.0import QtQuick.Controls.Private 1.0/*! \qmltype TabView \inqmlmodule QtQuick.Controls 1.0 \since QtQuick.Controls 1.0 \ingroup views \brief A control that allows the user to select one of multiple stacked items. You can create a custom appearance for a TabView by assigning a \l TabViewStyle.*/FocusScope { id: root implicitWidth: 150 implicitHeight: 150 /*! The current tab index */ property int currentIndex: 0 /*! The current tab count */ property int count: 0 /*! The visibility of the tab frame around contents */ property bool frameVisible: true /*! The visibility of the tab bar */7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
property bool tabsVisible: true
/*!
\qmlproperty enumeration TabView::tabPosition
\list
\li Qt.TopEdge (default)
\li Qt.BottomEdge
\endlist
*/
property int tabPosition: Qt.TopEdge
/*! \internal */
default property alias data: stack.data
/*! Adds a new tab page with title with and optional Component.
Returns the newly added tab.
*/
function addTab(title, component) {
return insertTab(__tabs.count, title, component)
}
/*! Inserts a new tab with title at index, with an optional Component.
Returns the newly added tab.
*/
function insertTab(index, title, component) {
var tab = tabcomp.createObject(stack)
tab.sourceComponent = component
tab.parent = stack
tab.title = title
tab.__inserted = true
__tabs.insert(index, {tab: tab})
__setOpacities()
return tab
}
/*! Removes and destroys a tab at the given \a index. */
function removeTab(index) {
var tab = __tabs.get(index).tab
__tabs.remove(index, 1)
tab.destroy()
if (currentIndex > 0)
currentIndex--
__setOpacities()
}
/*! Moves a tab \a from index \a to another. */
function moveTab(from, to) {
__tabs.move(from, to, 1)
if (currentIndex == from) {
currentIndex = to
} else {
var start = Math.min(from, to)
var end = Math.max(from, to)
if (currentIndex >= start && currentIndex <= end) {
if (from < to)
--currentIndex
else
++currentIndex
}
}
}
/*! Returns the \l Tab item at \a index. */
function getTab(index) {
return __tabs.get(index).tab
}
/*! \internal */
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
property ListModel __tabs: ListModel { }
/*! \internal */
property Component style: Qt.createComponent(Settings.style + "/TabViewStyle.qml", root)
/*! \internal */
property var __styleItem: loader.item
onCurrentIndexChanged: __setOpacities()
/*! \internal */
function __setOpacities() {
for (var i = 0; i < __tabs.count; ++i) {
var child = __tabs.get(i).tab
child.visible = (i == currentIndex ? true : false)
}
count = __tabs.count
}
activeFocusOnTab: false
Component {
id: tabcomp
Tab {}
}
TabBar {
id: tabbarItem
objectName: "tabbar"
tabView: root
style: loader.item
anchors.top: parent.top
anchors.left: root.left
anchors.right: root.right
}
Loader {
id: loader
z: tabbarItem.z - 1
sourceComponent: style
property var __control: root
}
Loader {
id: frameLoader
z: tabbarItem.z - 1
anchors.fill: parent
anchors.topMargin: tabPosition === Qt.TopEdge && tabbarItem && tabsVisible ? Math.max(0, tabbarItem.height - baseOverlap) : 0
anchors.bottomMargin: tabPosition === Qt.BottomEdge && tabbarItem && tabsVisible ? Math.max(0, tabbarItem.height -baseOverlap) : 0
sourceComponent: frameVisible && loader.item ? loader.item.frame : null
property int baseOverlap: __styleItem ? __styleItem.frameOverlap : 0
Item {
id: stack
anchors.fill: parent
anchors.margins: (frameVisible ? frameWidth : 0)
anchors.topMargin: anchors.margins + (style =="mac" ? 6 : 0)
anchors.bottomMargin: anchors.margins
property int frameWidth
property string style
Component.onCompleted: addTabs(stack.children)
function addTabs(tabs) {
var tabAdded = false
for (var i = 0 ; i < tabs.length ; ++i) {
211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
var tab = tabs[i]
if (!tab.__inserted && tab.Accessible.role === Accessible.LayeredPane) {
tab.__inserted = true
if (tab.parent === root) {
tab.parent = stack
// a tab added dynamically by Component::createObject() and passing the
// tab view as a parent should also get automatically removed when destructed
tab.Component.onDestruction.connect(stack.onDynamicTabDestroyed.bind(tab))
}
__tabs.append({tab: tab})
tabAdded = true
}
}
if (tabAdded)
__setOpacities()
}
function onDynamicTabDestroyed() {
for (var i = 0; i < stack.children.length; ++i) {
if (this === stack.children[i]) {
root.removeTab(i)
break
}
}
}
}
onLoaded: { item.z = -1 }
}
onChildrenChanged: stack.addTabs(root.children)
states: [
State {
name: "Bottom"
when: tabPosition === Qt.BottomEdge && tabbarItem != undefined
PropertyChanges {
target: tabbarItem
anchors.topMargin: -frameLoader.baseOverlap
}
AnchorChanges {
target: tabbarItem
anchors.top: frameLoader.bottom
}
}
]
}