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
|
ToolButton 0.1 ToolButton.qml
|
||||||
ListItem 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