add tabbar with default API
extended with currentitem in TabBar for tabbars without TabGroups
This commit is contained in:
Marco Martin
parent
b40acc4903
commit
9bcc260757
92
declarativeimports/plasmacomponents/qml/TabBar.qml
Normal file
92
declarativeimports/plasmacomponents/qml/TabBar.qml
Normal file
@ -0,0 +1,92 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright 2011 Marco Martin <mart@kde.org>
|
||||
**
|
||||
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
||||
** All rights reserved.
|
||||
** Contact: Nokia Corporation (qt-info@nokia.com)
|
||||
**
|
||||
** This file is part of the Qt Components project.
|
||||
**
|
||||
** $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 Nokia Corporation 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 1.1
|
||||
import org.kde.plasma.core 0.1 as PlasmaCore
|
||||
|
||||
Item {
|
||||
id: root
|
||||
default property alias content: tabBarLayout.data
|
||||
property alias layout: tabBarLayout
|
||||
|
||||
//Plasma extension
|
||||
property Item currentItem
|
||||
|
||||
implicitWidth: tabBarLayout.implicitWidth + backgroundFrame.margins.left + backgroundFrame.margins.right + buttonFrame.margins.left + buttonFrame.margins.right
|
||||
implicitHeight: tabBarLayout.implicitHeight + backgroundFrame.margins.top + backgroundFrame.margins.bottom + buttonFrame.margins.top + buttonFrame.margins.bottom
|
||||
|
||||
PlasmaCore.FrameSvgItem {
|
||||
id: backgroundFrame
|
||||
|
||||
anchors.fill: parent
|
||||
imagePath: "widgets/frame"
|
||||
prefix: "sunken"
|
||||
}
|
||||
|
||||
PlasmaCore.FrameSvgItem {
|
||||
id: buttonFrame
|
||||
|
||||
x: currentItem.x + backgroundFrame.margins.left
|
||||
y: backgroundFrame.margins.top
|
||||
width: currentItem.width + buttonFrame.margins.left + buttonFrame.margins.right
|
||||
height: currentItem.height + buttonFrame.margins.top + buttonFrame.margins.bottom
|
||||
imagePath: "widgets/button"
|
||||
prefix: "normal"
|
||||
Behavior on x {
|
||||
PropertyAnimation {
|
||||
easing.type: Easing.InQuad
|
||||
duration: 250
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
TabBarLayout {
|
||||
id: tabBarLayout
|
||||
anchors {
|
||||
fill: parent
|
||||
leftMargin: backgroundFrame.margins.left + buttonFrame.margins.left
|
||||
topMargin: backgroundFrame.margins.top + buttonFrame.margins.top
|
||||
rightMargin: backgroundFrame.margins.right + buttonFrame.margins.right
|
||||
bottomMargin: backgroundFrame.margins.bottom + buttonFrame.margins.bottom
|
||||
}
|
||||
}
|
||||
}
|
||||
116
declarativeimports/plasmacomponents/qml/TabBarLayout.qml
Normal file
116
declarativeimports/plasmacomponents/qml/TabBarLayout.qml
Normal file
@ -0,0 +1,116 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright 2011 Marco Martin <mart@kde.org>
|
||||
**
|
||||
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
||||
** All rights reserved.
|
||||
** Contact: Nokia Corporation (qt-info@nokia.com)
|
||||
**
|
||||
** This file is part of the Qt Components project.
|
||||
**
|
||||
** $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 Nokia Corporation 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 1.1
|
||||
|
||||
Item {
|
||||
id: root
|
||||
|
||||
Component.onCompleted: priv.layoutChildren()
|
||||
onChildrenChanged: priv.layoutChildren()
|
||||
onWidthChanged: priv.layoutChildren()
|
||||
onHeightChanged: priv.layoutChildren()
|
||||
|
||||
Keys.onPressed: {
|
||||
if (event.key == Qt.Key_Right || event.key == Qt.Key_Left) {
|
||||
if (event.key == Qt.Key_Right || priv.mirrored) {
|
||||
var oldIndex = priv.currentButtonIndex()
|
||||
if (oldIndex != root.children.length - 1) {
|
||||
priv.tabGroup.currentTab = root.children[oldIndex + 1].tab
|
||||
event.accepted = true
|
||||
}
|
||||
} else if (event.key == Qt.Key_Left || priv.mirrored) {
|
||||
var oldIndex = priv.currentButtonIndex()
|
||||
if (oldIndex != 0) {
|
||||
priv.tabGroup.currentTab = root.children[oldIndex - 1].tab
|
||||
event.accepted = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
focus: true
|
||||
|
||||
QtObject {
|
||||
id: priv
|
||||
property Item firstButton: root.children.length > 0 ? root.children[0] : null
|
||||
property Item firstTab: firstButton ? (firstButton.tab != null ? firstButton.tab : null) : null
|
||||
property Item tabGroup: firstTab ? (firstTab.parent ? firstTab.parent.parent : null) : null
|
||||
property bool mirrored: root.LayoutMirroring.enabled
|
||||
|
||||
onMirroredChanged: layoutChildren()
|
||||
|
||||
function currentButtonIndex() {
|
||||
for (var i = 0; i < root.children.length; ++i) {
|
||||
if (root.children[i].tab == tabGroup.currentTab)
|
||||
return i
|
||||
}
|
||||
return -1
|
||||
}
|
||||
|
||||
function layoutChildren() {
|
||||
var childCount = root.children.length
|
||||
var contentWidth = 0
|
||||
var contentHeight = 0
|
||||
if (childCount != 0) {
|
||||
var itemWidth = root.width / childCount
|
||||
var itemIndex = mirrored ? childCount - 1 : 0
|
||||
var increment = mirrored ? - 1 : 1
|
||||
|
||||
for (var i = 0; i < childCount; ++i, itemIndex += increment) {
|
||||
var child = root.children[itemIndex]
|
||||
child.x = i * itemWidth
|
||||
child.y = 0
|
||||
child.width = itemWidth
|
||||
child.height = root.height
|
||||
|
||||
if (child.implicitWidth != undefined) {
|
||||
contentWidth = Math.max(contentWidth, (child.implicitWidth + buttonFrame.margins.left*2 + buttonFrame.margins.right*2) * childCount)
|
||||
contentHeight = Math.max(contentHeight, (child.implicitHeight + buttonFrame.margins.top + buttonFrame.margins.bottom))
|
||||
}
|
||||
}
|
||||
}
|
||||
root.implicitWidth = contentWidth
|
||||
root.implicitHeight = contentHeight
|
||||
}
|
||||
}
|
||||
}
|
||||
176
declarativeimports/plasmacomponents/qml/TabButton.qml
Normal file
176
declarativeimports/plasmacomponents/qml/TabButton.qml
Normal file
@ -0,0 +1,176 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
**
|
||||
** Copyright 2011 Marco Martin <mart@kde.org>
|
||||
**
|
||||
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
||||
** All rights reserved.
|
||||
** Contact: Nokia Corporation (qt-info@nokia.com)
|
||||
**
|
||||
** This file is part of the Qt Components project.
|
||||
**
|
||||
** $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 Nokia Corporation 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 1.1
|
||||
import "AppManager.js" as Utils
|
||||
|
||||
Item {
|
||||
id: root
|
||||
|
||||
// Common Public API
|
||||
property Item tab
|
||||
property bool checked: internal.tabGroup != null && internal.tabGroup.currentTab == tab
|
||||
property bool pressed: mouseArea.pressed == true && mouseArea.containsMouse
|
||||
property alias text: label.text
|
||||
property alias iconSource: imageLoader.source
|
||||
|
||||
signal clicked
|
||||
|
||||
implicitWidth: label.paintedWidth + (internal.portrait ? 0 : (iconSource != "" ? 16 : 0))
|
||||
implicitHeight: label.paintedHeight + (internal.portrait ? (iconSource != "" ? 16 : 0) : 0)
|
||||
|
||||
//long notation to not make it overwritten by implementations
|
||||
Connections {
|
||||
target: root
|
||||
onPressedChanged: {
|
||||
//TabBar is the granparent
|
||||
parent.parent.currentItem = root
|
||||
}
|
||||
}
|
||||
|
||||
QtObject {
|
||||
id: internal
|
||||
|
||||
property Item tabGroup: Utils.findParent(tab, "currentTab")
|
||||
property bool portrait: root.height >= label.paintedHeight + 16
|
||||
|
||||
function click() {
|
||||
root.clicked()
|
||||
if (internal.tabGroup) {
|
||||
internal.tabGroup.currentTab = tab
|
||||
}
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
if (internal.tabGroup.currentTab == tab) {
|
||||
parent.parent.currentItem = root
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Label {
|
||||
id: label
|
||||
|
||||
objectName: "label"
|
||||
|
||||
anchors {
|
||||
top: internal.portrait && iconSource != "" ? imageLoader.bottom : parent.top
|
||||
left: internal.portrait || iconSource == "" ? parent.left : imageLoader.right
|
||||
right: parent.right
|
||||
bottom: parent.bottom
|
||||
}
|
||||
|
||||
elide: Text.ElideRight
|
||||
horizontalAlignment: !internal.portrait && iconSource != "" ? Text.AlignLeft : Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
}
|
||||
|
||||
Loader {
|
||||
// imageLoader acts as wrapper for Image and Icon items. The Image item is
|
||||
// shown when the source points to a image (jpg, png). Icon item is used for
|
||||
// locigal theme icons which are colorised.
|
||||
id: imageLoader
|
||||
|
||||
property url source
|
||||
property string iconId: source.toString()
|
||||
|
||||
//FIXME: icon sizes in Theme
|
||||
width : 16
|
||||
height : 16
|
||||
sourceComponent: {
|
||||
if (iconId)
|
||||
return iconComponent
|
||||
if (source.toString())
|
||||
return imageComponent
|
||||
return undefined
|
||||
}
|
||||
anchors {
|
||||
left: internal.portrait ? undefined : parent.left
|
||||
horizontalCenter: internal.portrait ? parent.horizontalCenter : undefined
|
||||
verticalCenter: internal.portrait ? undefined : parent.verticalCenter
|
||||
}
|
||||
|
||||
Component {
|
||||
id: imageComponent
|
||||
|
||||
Image {
|
||||
id: image
|
||||
|
||||
objectName: "image"
|
||||
source: imageLoader.iconId ? "" : imageLoader.source
|
||||
sourceSize.width: width
|
||||
sourceSize.height: height
|
||||
fillMode: Image.PreserveAspectFit
|
||||
smooth: true
|
||||
anchors.fill: parent
|
||||
}
|
||||
}
|
||||
|
||||
Component {
|
||||
id: iconComponent
|
||||
|
||||
Image {
|
||||
id: icon
|
||||
|
||||
objectName: "icon"
|
||||
anchors.fill: parent
|
||||
source: imageLoader.iconId
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
id: mouseArea
|
||||
|
||||
onClicked: {
|
||||
root.clicked()
|
||||
if (internal.tabGroup) {
|
||||
internal.tabGroup.currentTab = tab
|
||||
}
|
||||
//TabBar is the granparent, done here too in case of no tabgroup
|
||||
parent.parent.currentItem = root
|
||||
}
|
||||
|
||||
anchors.fill: parent
|
||||
}
|
||||
}
|
||||
115
declarativeimports/plasmacomponents/qml/TabGroup.js
Normal file
115
declarativeimports/plasmacomponents/qml/TabGroup.js
Normal file
@ -0,0 +1,115 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
||||
** All rights reserved.
|
||||
** Contact: Nokia Corporation (qt-info@nokia.com)
|
||||
**
|
||||
** This file is part of the Qt Components project.
|
||||
**
|
||||
** $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 Nokia Corporation 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$
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
var allContainers = []
|
||||
var allContents = []
|
||||
|
||||
function hasContainer(content) {
|
||||
for (var i = 0; i < allContainers.length; ++i) {
|
||||
if (allContainers[i].children[0] == content)
|
||||
return true
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
function addContent(content) {
|
||||
for (var i = 0; i < allContents.length; ++i) {
|
||||
if (allContents[i] == content)
|
||||
return false
|
||||
}
|
||||
allContents.push(content)
|
||||
return true
|
||||
}
|
||||
|
||||
function ensureContainers() {
|
||||
var somethingChanged = false
|
||||
|
||||
// check if we need to create a container
|
||||
for (var i = 0; i < root.privateContents.length; ++i) {
|
||||
var content = root.privateContents[i]
|
||||
addContent(content)
|
||||
if (!hasContainer(content)) {
|
||||
var newContainer = tabContainerComponent.createObject(containerHost)
|
||||
content.parent = newContainer
|
||||
allContainers.push(newContainer)
|
||||
somethingChanged = true
|
||||
}
|
||||
}
|
||||
return somethingChanged
|
||||
}
|
||||
|
||||
function addTab(content) {
|
||||
if (addContent(content)) {
|
||||
var newContainer = tabContainerComponent.createObject(containerHost)
|
||||
content.parent = newContainer
|
||||
allContainers.push(newContainer)
|
||||
}
|
||||
}
|
||||
|
||||
function removeTab(content) {
|
||||
var foundIndex = -1
|
||||
for (var i = 0; i < allContents.length && foundIndex == -1; ++i) {
|
||||
if (allContents[i] == content)
|
||||
foundIndex = i
|
||||
}
|
||||
|
||||
if (foundIndex != -1)
|
||||
allContents.splice(foundIndex, 1)
|
||||
|
||||
if (hasContainer(content))
|
||||
content.parent = null // this causes deletion of container
|
||||
}
|
||||
|
||||
function removeContainer(container) {
|
||||
var foundIndex = -1
|
||||
for (var i = 0; i < allContainers.length && foundIndex == -1; ++i) {
|
||||
if (allContainers[i] == container)
|
||||
foundIndex = i
|
||||
}
|
||||
|
||||
if (foundIndex != -1) {
|
||||
var deletedContainer = allContainers[foundIndex]
|
||||
if (deletedContainer.children.length > 0)
|
||||
removeTab(deletedContainer.children[0])
|
||||
allContainers.splice(foundIndex, 1)
|
||||
deletedContainer.destroy()
|
||||
}
|
||||
}
|
||||
|
||||
223
declarativeimports/plasmacomponents/qml/TabGroup.qml
Normal file
223
declarativeimports/plasmacomponents/qml/TabGroup.qml
Normal file
@ -0,0 +1,223 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
||||
** All rights reserved.
|
||||
** Contact: Nokia Corporation (qt-info@nokia.com)
|
||||
**
|
||||
** This file is part of the Qt Components project.
|
||||
**
|
||||
** $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 Nokia Corporation 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 1.1
|
||||
import "TabGroup.js" as Engine
|
||||
|
||||
import "." 0.1
|
||||
|
||||
Item {
|
||||
id: root
|
||||
property Item currentTab
|
||||
|
||||
property list<Item> privateContents
|
||||
// Qt defect: cannot have list as default property
|
||||
default property alias privateContentsDefault: root.privateContents
|
||||
|
||||
onChildrenChanged: {
|
||||
// [0] is containerHost
|
||||
if (children.length > 1)
|
||||
Engine.addTab(children[1])
|
||||
}
|
||||
|
||||
onPrivateContentsChanged: {
|
||||
Engine.ensureContainers()
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
// Set first tabs as current if currentTab is not set by application
|
||||
if (currentTab == null && containerHost.children[0] && containerHost.children[0].children[0])
|
||||
currentTab = containerHost.children[0].children[0]
|
||||
priv.complete = true;
|
||||
}
|
||||
|
||||
Item {
|
||||
id: containerHost
|
||||
objectName: "containerHost"
|
||||
anchors.fill: parent
|
||||
}
|
||||
|
||||
Component {
|
||||
id: tabContainerComponent
|
||||
Item {
|
||||
id: tabContainerItem
|
||||
|
||||
onChildrenChanged: {
|
||||
if (children.length == 0)
|
||||
Engine.removeContainer(tabContainerItem)
|
||||
|
||||
else if (children.length == 1) {
|
||||
children[0].width = width
|
||||
children[0].height = height
|
||||
// tab content created. set the first tab as current (if not set before, and if
|
||||
// child is added after TabGroup has completed)
|
||||
if (priv.complete && root.currentTab == null)
|
||||
root.currentTab = children[0]
|
||||
}
|
||||
}
|
||||
|
||||
onWidthChanged: {
|
||||
if (children.length > 0)
|
||||
children[0].width = width
|
||||
}
|
||||
|
||||
onHeightChanged: {
|
||||
if (children.length > 0)
|
||||
children[0].height = height
|
||||
}
|
||||
|
||||
Component.onDestruction: {
|
||||
if (typeof(root) != "undefined" && !root.currentTab) {
|
||||
// selected one deleted. try to activate the neighbour
|
||||
var removedIndex = -1
|
||||
for (var i = 0; i < containerHost.children.length; i++) {
|
||||
if (containerHost.children[i] == tabContainerItem) {
|
||||
removedIndex = i
|
||||
break
|
||||
}
|
||||
}
|
||||
var newIndex = -1
|
||||
if (removedIndex != -1) {
|
||||
if (removedIndex != containerHost.children.length - 1)
|
||||
newIndex = removedIndex + 1
|
||||
else if (removedIndex != 0)
|
||||
newIndex = removedIndex - 1
|
||||
}
|
||||
|
||||
if (newIndex != -1)
|
||||
root.currentTab = containerHost.children[newIndex].children[0]
|
||||
else
|
||||
root.currentTab = null
|
||||
}
|
||||
}
|
||||
|
||||
function incomingDone() {
|
||||
state = ""
|
||||
if (priv.incomingPage) {
|
||||
priv.incomingPage.status = PageStatus.Active
|
||||
priv.incomingPage = null
|
||||
}
|
||||
}
|
||||
|
||||
function outgoingDone() {
|
||||
if (priv.outgoingPage) {
|
||||
priv.outgoingPage.status = PageStatus.Inactive
|
||||
priv.outgoingPage.visible = false
|
||||
priv.outgoingPage = null
|
||||
}
|
||||
state = "Hidden"
|
||||
}
|
||||
|
||||
width: parent ? parent.width : 0
|
||||
height: parent ? parent.height : 0
|
||||
state: "Hidden"
|
||||
|
||||
states: [
|
||||
State { name: ""; PropertyChanges { target: tabContainerItem; opacity: 1.0; x: 0 } },
|
||||
State { name: "Incoming"; PropertyChanges { target: tabContainerItem; opacity: 1.0; x: 0 } },
|
||||
State { name: "Outgoing"; PropertyChanges { target: tabContainerItem; opacity: 0.0; x: -root.width } },
|
||||
State { name: "Hidden"; PropertyChanges { target: tabContainerItem; opacity: 0.0; x: root.width } }
|
||||
]
|
||||
|
||||
transitions: [
|
||||
Transition {
|
||||
to: "Incoming"
|
||||
SequentialAnimation {
|
||||
ScriptAction { script: root.clip = true }
|
||||
PropertyAnimation { properties: "opacity,x"; easing.type: Easing.InQuad; duration: 250 }
|
||||
ScriptAction { script: {incomingDone(); root.clip = false} }
|
||||
}
|
||||
},
|
||||
Transition {
|
||||
to: "Outgoing"
|
||||
SequentialAnimation {
|
||||
PropertyAnimation { properties: "opacity,x"; easing.type: Easing.InQuad; duration: 250 }
|
||||
ScriptAction { script: outgoingDone() }
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
QtObject {
|
||||
id: priv
|
||||
property bool reparenting: false
|
||||
property bool complete: false
|
||||
property Item currentTabContainer: root.currentTab ? root.currentTab.parent : null
|
||||
property Item incomingPage
|
||||
property Item outgoingPage
|
||||
property bool animate: true
|
||||
|
||||
onCurrentTabContainerChanged: {
|
||||
for (var i = 0; i < containerHost.children.length; i++) {
|
||||
var tabContainer = containerHost.children[i]
|
||||
var isNewTab = (tabContainer == currentTabContainer)
|
||||
if (isNewTab) {
|
||||
if (tabContainer.state != "") {
|
||||
if (tabContainer.children[0].status != undefined) {
|
||||
incomingPage = tabContainer.children[0]
|
||||
incomingPage.status = PageStatus.Activating // triggers the orientation change
|
||||
incomingPage.visible = true
|
||||
if (incomingPage == outgoingPage)
|
||||
outgoingPage = null
|
||||
}
|
||||
if (animate)
|
||||
tabContainer.state = "Incoming"
|
||||
else
|
||||
tabContainer.incomingDone()
|
||||
}
|
||||
} else {
|
||||
if (tabContainer.state != "Hidden") {
|
||||
if (tabContainer.children.length > 0 && tabContainer.children[0].status != undefined) {
|
||||
outgoingPage = tabContainer.children[0]
|
||||
outgoingPage.status = PageStatus.Deactivating
|
||||
if (incomingPage == outgoingPage)
|
||||
incomingPage = null
|
||||
}
|
||||
if (animate)
|
||||
tabContainer.state = "Outgoing"
|
||||
else
|
||||
tabContainer.outgoingDone()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -24,3 +24,7 @@ ToolBar 0.1 ToolBar.qml
|
||||
ToolButton 0.1 ToolButton.qml
|
||||
ListItem 0.1 ToolButton.qml
|
||||
|
||||
TabBar 0.1 TabBar.qml
|
||||
TabButton 0.1 TabButton.qml
|
||||
TabGroup 0.1 TabGroup.qml
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user