diff --git a/tabbox/qml/clients/compact/contents/ui/main.qml b/tabbox/qml/clients/compact/contents/ui/main.qml index 390b8717f..19cf79f6e 100644 --- a/tabbox/qml/clients/compact/contents/ui/main.qml +++ b/tabbox/qml/clients/compact/contents/ui/main.qml @@ -1,214 +1,214 @@ /******************************************************************** KWin - the KDE window manager This file is part of the KDE project. Copyright (C) 2011 Martin Gräßlin This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . *********************************************************************/ import QtQuick 1.0 import org.kde.plasma.core 0.1 as PlasmaCore import org.kde.qtextracomponents 0.1 Item { id: compactTabBox property int screenWidth : 0 property int screenHeight : 0 property string longestCaption: "" property int imagePathPrefix: (new Date()).getTime() property int optimalWidth: compactListView.maxRowWidth property int optimalHeight: compactListView.rowHeight * compactListView.count + background.topMargin + background.bottomMargin property bool canStretchX: true property bool canStretchY: false property string maskImagePath: background.maskImagePath property double maskWidth: background.centerWidth property double maskHeight: background.centerHeight property int maskTopMargin: background.centerTopMargin property int maskLeftMargin: background.centerLeftMargin width: Math.min(Math.max(screenWidth * 0.2, optimalWidth), screenWidth * 0.8) height: Math.min(Math.max(screenHeight * 0.2, optimalHeight), screenHeight * 0.8) focus: true property int textMargin: 2 onLongestCaptionChanged: { compactListView.maxRowWidth = compactListView.calculateMaxRowWidth(); } function setModel(model) { compactListView.model = model; compactListView.maxRowWidth = compactListView.calculateMaxRowWidth(); compactListView.imageId++; } function modelChanged() { compactListView.imageId++; } /** * Returns the caption with adjustments for minimized items. * @param caption the original caption * @param mimized whether the item is minimized * @return Caption adjusted for minimized state **/ function itemCaption(caption, minimized) { var text = caption; if (minimized) { text = "(" + text + ")"; } return text; } PlasmaCore.Theme { id: theme } // just to get the margin sizes PlasmaCore.FrameSvgItem { id: hoverItem imagePath: "widgets/viewitem" prefix: "hover" visible: false } ShadowedSvgItem { id: background anchors.fill: parent } // delegate Component { id: listDelegate Item { id: delegateItem width: compactListView.width height: compactListView.rowHeight opacity: minimized ? 0.6 : 1.0 Image { id: iconItem source: "image://client/" + index + "/" + compactTabBox.imagePathPrefix + "-" + compactListView.imageId + "/selected" width: 16 height: 16 sourceSize { width: 16 height: 16 } anchors { verticalCenter: parent.verticalCenter left: parent.left leftMargin: hoverItem.margins.left } } Text { id: captionItem horizontalAlignment: Text.AlignLeft verticalAlignment: Text.AlignBottom text: itemCaption(caption, minimized) font.bold: index == compactListView.currentIndex color: theme.textColor elide: Text.ElideMiddle anchors { left: iconItem.right right: parent.right top: parent.top bottom: parent.bottom topMargin: hoverItem.margins.top rightMargin: hoverItem.margins.right bottomMargin: hoverItem.margins.bottom leftMargin: 2 * compactTabBox.textMargin } } MouseArea { anchors.fill: parent onClicked: { compactListView.currentIndex = index; compactListView.currentIndexChanged(compactListView.currentIndex); } } } } ListView { function calculateMaxRowWidth() { var width = 0; var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "' + itemCaption(compactTabBox.longestCaption, true) + '"\n' + ' font.bold: true\n' + ' visible: false\n' + '}', compactListView, "calculateMaxRowWidth"); width = Math.max(textElement.width, width); textElement.destroy(); return width + 16 + 2 * compactTabBox.textMargin + hoverItem.margins.right + hoverItem.margins.left + background.leftMargin + background.rightMargin } /** * Calculates the height of one row based on the text height and icon size. * @return Row height **/ function calcRowHeight() { var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "Some Text"\n' + ' font.bold: true\n' + ' visible: false\n' + '}', compactListView, "calcRowHeight"); var height = textElement.height; textElement.destroy(); // icon size or two text elements and margins and hoverItem margins return Math.max(16, height + hoverItem.margins.top + hoverItem.margins.bottom); } signal currentIndexChanged(int index) id: compactListView objectName: "listView" // the maximum text width + icon item width (32 + 4 margin) + margins for hover item + margins for background property int maxRowWidth: calculateMaxRowWidth() property int rowHeight: calcRowHeight() // used for image provider URL to trick Qt into reloading icons when the model changes property int imageId: 0 anchors { fill: parent topMargin: background.topMargin leftMargin: background.leftMargin rightMargin: background.rightMargin bottomMargin: background.bottomMargin } clip: true delegate: listDelegate highlight: PlasmaCore.FrameSvgItem { id: highlightItem imagePath: "widgets/viewitem" prefix: "hover" width: compactListView.width } highlightMoveDuration: 250 boundsBehavior: Flickable.StopAtBounds } /* * Key navigation on outer item for two reasons: * @li we have to emit the change signal * @li on multiple invocation it does not work on the list view. Focus seems to be lost. **/ Keys.onPressed: { if (event.key == Qt.Key_Up) { compactListView.decrementCurrentIndex(); compactListView.currentIndexChanged(compactListView.currentIndex); } else if (event.key == Qt.Key_Down) { compactListView.incrementCurrentIndex(); compactListView.currentIndexChanged(compactListView.currentIndex); } } } diff --git a/tabbox/qml/clients/informative/contents/ui/main.qml b/tabbox/qml/clients/informative/contents/ui/main.qml index 360c6f0e8..eaff9f7a6 100644 --- a/tabbox/qml/clients/informative/contents/ui/main.qml +++ b/tabbox/qml/clients/informative/contents/ui/main.qml @@ -1,230 +1,230 @@ /******************************************************************** KWin - the KDE window manager This file is part of the KDE project. Copyright (C) 2011 Martin Gräßlin This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . *********************************************************************/ import QtQuick 1.0 import org.kde.plasma.core 0.1 as PlasmaCore import org.kde.qtextracomponents 0.1 Item { id: informativeTabBox property int screenWidth : 0 property int screenHeight : 0 property bool allDesktops: true property string longestCaption: "" property int imagePathPrefix: (new Date()).getTime() property int optimalWidth: listView.maxRowWidth property int optimalHeight: listView.rowHeight * listView.count + background.topMargin + background.bottomMargin property bool canStretchX: true property bool canStretchY: false property string maskImagePath: background.maskImagePath property double maskWidth: background.centerWidth property double maskHeight: background.centerHeight property int maskTopMargin: background.centerTopMargin property int maskLeftMargin: background.centerLeftMargin width: Math.min(Math.max(screenWidth * 0.2, optimalWidth), screenWidth * 0.8) height: Math.min(Math.max(screenHeight * 0.2, optimalHeight), screenHeight * 0.8) focus: true property int textMargin: 2 onLongestCaptionChanged: { listView.maxRowWidth = listView.calculateMaxRowWidth(); } function setModel(model) { listView.model = model; listView.maxRowWidth = listView.calculateMaxRowWidth(); listView.imageId++; } function modelChanged() { listView.imageId++; } /** * Returns the caption with adjustments for minimized items. * @param caption the original caption * @param mimized whether the item is minimized * @return Caption adjusted for minimized state **/ function itemCaption(caption, minimized) { var text = caption; if (minimized) { text = "(" + text + ")"; } return text; } PlasmaCore.Theme { id: theme } // just to get the margin sizes PlasmaCore.FrameSvgItem { id: hoverItem imagePath: "widgets/viewitem" prefix: "hover" visible: false } ShadowedSvgItem { id: background anchors.fill: parent } // delegate Component { id: listDelegate Item { id: delegateItem width: listView.width height: listView.rowHeight Image { id: iconItem source: "image://client/" + index + "/" + informativeTabBox.imagePathPrefix + "-" + listView.imageId + (index == listView.currentIndex ? "/selected" : "/disabled") width: 32 height: 32 sourceSize { width: 32 height: 32 } anchors { verticalCenter: parent.verticalCenter left: parent.left leftMargin: hoverItem.margins.left } } Text { id: captionItem horizontalAlignment: Text.AlignHCenter text: itemCaption(caption, minimized) font.bold: true font.italic: minimized color: theme.textColor elide: Text.ElideMiddle anchors { left: iconItem.right right: parent.right top: parent.top topMargin: informativeTabBox.textMargin + hoverItem.margins.top rightMargin: hoverItem.margins.right } } Text { id: desktopNameItem horizontalAlignment: Text.AlignHCenter text: desktopName font.bold: false font.italic: true color: theme.textColor elide: Text.ElideMiddle visible: informativeTabBox.allDesktops anchors { left: iconItem.right right: parent.right top: captionItem.bottom topMargin: informativeTabBox.textMargin bottom: parent.bottom bottomMargin: informativeTabBox.textMargin + hoverItem.margins.bottom rightMargin: hoverItem.margins.right } } MouseArea { anchors.fill: parent onClicked: { listView.currentIndex = index; listView.currentIndexChanged(listView.currentIndex); } } } } ListView { function calculateMaxRowWidth() { var width = 0; var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "' + itemCaption(informativeTabBox.longestCaption, true) + '"\n' + ' font.bold: true\n' + ' visible: false\n' + '}', listView, "calculateMaxRowWidth"); width = Math.max(textElement.width, width); textElement.destroy(); return width + 32 + hoverItem.margins.right + hoverItem.margins.left + background.leftMargin + background.right;Margin } /** * Calculates the height of one row based on the text height and icon size. * @return Row height **/ function calcRowHeight() { var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "Some Text"\n' + ' font.bold: true\n' + ' visible: false\n' + '}', listView, "calcRowHeight"); var height = textElement.height; textElement.destroy(); // icon size or two text elements and margins and hoverItem margins return Math.max(32, height*2 + informativeTabBox.textMargin * 3 + hoverItem.margins.top + hoverItem.margins.bottom); } signal currentIndexChanged(int index) id: listView objectName: "listView" // the maximum text width + icon item width (32 + 4 margin) + margins for hover item + margins for background property int maxRowWidth: calculateMaxRowWidth() property int rowHeight: calcRowHeight() // used for image provider URL to trick Qt into reloading icons when the model changes property int imageId: 0 anchors { fill: parent topMargin: background.topMargin leftMargin: background.leftMargin rightMargin: background.rightMargin bottomMargin: background.bottomMargin } clip: true delegate: listDelegate highlight: PlasmaCore.FrameSvgItem { id: highlightItem imagePath: "widgets/viewitem" prefix: "hover" width: listView.width } highlightMoveDuration: 250 boundsBehavior: Flickable.StopAtBounds } /* * Key navigation on outer item for two reasons: * @li we have to emit the change signal * @li on multiple invocation it does not work on the list view. Focus seems to be lost. **/ Keys.onPressed: { if (event.key == Qt.Key_Up) { listView.decrementCurrentIndex(); listView.currentIndexChanged(listView.currentIndex); } else if (event.key == Qt.Key_Down) { listView.incrementCurrentIndex(); listView.currentIndexChanged(listView.currentIndex); } } } diff --git a/tabbox/qml/clients/text/contents/ui/main.qml b/tabbox/qml/clients/text/contents/ui/main.qml index c598766ca..c700e0407 100644 --- a/tabbox/qml/clients/text/contents/ui/main.qml +++ b/tabbox/qml/clients/text/contents/ui/main.qml @@ -1,179 +1,179 @@ /******************************************************************** KWin - the KDE window manager This file is part of the KDE project. Copyright (C) 2011 Martin Gräßlin This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . *********************************************************************/ import QtQuick 1.0 import org.kde.plasma.core 0.1 as PlasmaCore import org.kde.qtextracomponents 0.1 Item { id: textTabBox property int screenWidth : 0 property int screenHeight : 0 property string longestCaption: "" property int optimalWidth: textListView.maxRowWidth property int optimalHeight: textListView.rowHeight * textListView.count + background.topMargin + background.bottomMargin property bool canStretchX: true property bool canStretchY: false property string maskImagePath: background.maskImagePath property double maskWidth: background.centerWidth property double maskHeight: background.centerHeight property int maskTopMargin: background.centerTopMargin property int maskLeftMargin: background.centerLeftMargin width: Math.min(Math.max(screenWidth * 0.2, optimalWidth), screenWidth * 0.8) height: Math.min(Math.max(screenHeight * 0.2, optimalHeight), screenHeight * 0.8) focus: true property int textMargin: 2 onLongestCaptionChanged: { textListView.maxRowWidth = textListView.calculateMaxRowWidth(); } function setModel(model) { textListView.model = model; textListView.maxRowWidth = textListView.calculateMaxRowWidth(); textListView.imageId++; } function modelChanged() { textListView.imageId++; } PlasmaCore.Theme { id: theme } // just to get the margin sizes PlasmaCore.FrameSvgItem { id: hoverItem imagePath: "widgets/viewitem" prefix: "hover" visible: false } ShadowedSvgItem { id: background anchors.fill: parent } // delegate Component { id: listDelegate Item { id: delegateItem width: textListView.width height: textListView.rowHeight Text { id: captionItem horizontalAlignment: Text.AlignHCenter text: caption color: theme.textColor elide: Text.ElideMiddle anchors { left: parent.left right: parent.right top: parent.top bottom: parent.bottom topMargin: hoverItem.margins.top rightMargin: hoverItem.margins.right bottomMargin: hoverItem.margins.bottom leftMargin: hoverItem.margins.left } } MouseArea { anchors.fill: parent onClicked: { textListView.currentIndex = index; textListView.currentIndexChanged(textListView.currentIndex); } } } } ListView { function calculateMaxRowWidth() { var width = 0; var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "' + textTabBox.longestCaption + '"\n' + ' visible: false\n' + '}', textListView, "calculateMaxRowWidth"); width = Math.max(textElement.width, width); textElement.destroy(); return width + hoverItem.margins.right + hoverItem.margins.left + background.leftMargin + background.right;Margin } /** * Calculates the height of one row based on the text height and icon size. * @return Row height **/ function calcRowHeight() { var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "Some Text"\n' + ' visible: false\n' + '}', textListView, "calcRowHeight"); var height = textElement.height; textElement.destroy(); // icon size or two text elements and margins and hoverItem margins return height + hoverItem.margins.top + hoverItem.margins.bottom; } signal currentIndexChanged(int index) id: textListView objectName: "listView" // the maximum text width + icon item width (32 + 4 margin) + margins for hover item + margins for background property int maxRowWidth: calculateMaxRowWidth() property int rowHeight: calcRowHeight() // used for image provider URL to trick Qt into reloading icons when the model changes property int imageId: 0 anchors { fill: parent topMargin: background.topMargin leftMargin: background.leftMargin rightMargin: background.rightMargin bottomMargin: background.bottomMargin } clip: true delegate: listDelegate highlight: PlasmaCore.FrameSvgItem { id: highlightItem imagePath: "widgets/viewitem" prefix: "hover" width: textListView.width } highlightMoveDuration: 250 boundsBehavior: Flickable.StopAtBounds } /* * Key navigation on outer item for two reasons: * @li we have to emit the change signal * @li on multiple invocation it does not work on the list view. Focus seems to be lost. **/ Keys.onPressed: { if (event.key == Qt.Key_Up) { textListView.decrementCurrentIndex(); textListView.currentIndexChanged(textListView.currentIndex); } else if (event.key == Qt.Key_Down) { textListView.incrementCurrentIndex(); textListView.currentIndexChanged(textListView.currentIndex); } } } diff --git a/tabbox/qml/desktop.qml b/tabbox/qml/desktop.qml index 0e0643e31..6c24ef32e 100644 --- a/tabbox/qml/desktop.qml +++ b/tabbox/qml/desktop.qml @@ -1,173 +1,173 @@ /******************************************************************** KWin - the KDE window manager This file is part of the KDE project. Copyright (C) 2012 Martin Gräßlin This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . *********************************************************************/ import QtQuick 1.0 import org.kde.plasma.core 0.1 as PlasmaCore import org.kde.qtextracomponents 0.1 Item { id: desktopTabBox property int screenWidth : 0 property int screenHeight : 0 property bool allDesktops: true property string longestCaption: "" property int optimalWidth: listView.maxRowWidth property int optimalHeight: listView.rowHeight * listView.count + background.topMargin + background.bottomMargin property bool canStretchX: true property bool canStretchY: false property string maskImagePath: background.maskImagePath property double maskWidth: background.centerWidth property double maskHeight: background.centerHeight property int maskTopMargin: background.centerTopMargin property int maskLeftMargin: background.centerLeftMargin width: Math.min(Math.max(screenWidth * 0.2, optimalWidth), screenWidth * 0.8) height: Math.min(optimalHeight, screenHeight * 0.8) property int textMargin: 2 onLongestCaptionChanged: { listView.maxRowWidth = listView.calculateMaxRowWidth(); } function setModel(model) { listView.model = model; listView.maxRowWidth = listView.calculateMaxRowWidth(); } PlasmaCore.Theme { id: theme } // just to get the margin sizes PlasmaCore.FrameSvgItem { id: hoverItem imagePath: "widgets/viewitem" prefix: "hover" visible: false } ShadowedSvgItem { id: background anchors.fill: parent } // delegate Component { id: listDelegate Item { id: delegateItem width: listView.width height: listView.rowHeight QIconItem { id: iconElement icon: "user-desktop" width: 32 height: 32 anchors { topMargin: (listView.rowHeight - 32) / 2 left: parent.left top: parent.top leftMargin: hoverItem.margins.left } } Text { id: captionItem horizontalAlignment: Text.AlignHCenter text: display font.bold: true color: theme.textColor elide: Text.ElideMiddle anchors { left: iconElement.right right: parent.right top: parent.top topMargin: desktopTabBox.textMargin + hoverItem.margins.top rightMargin: hoverItem.margins.right leftMargin: desktopTabBox.textMargin } } MouseArea { anchors.fill: parent onClicked: { listView.currentIndex = index; listView.currentIndexChanged(listView.currentIndex); } } } } ListView { function calculateMaxRowWidth() { var width = 0; var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "' + desktopTabBox.longestCaption + '"\n' + ' font.bold: true\n' + ' visible: false\n' + '}', listView, "calculateMaxRowWidth"); width = Math.max(textElement.width, width); textElement.destroy(); return width + 32 + hoverItem.margins.right + hoverItem.margins.left + background.leftMargin + background.rightMargin; } /** * Calculates the height of one row based on the text height and icon size. * @return Row height **/ function calcRowHeight() { var textElement = Qt.createQmlObject( - 'import Qt 4.7;' + 'import QtQuick 1.0;' + 'Text {\n' + ' text: "Some Text"\n' + ' font.bold: true\n' + ' visible: false\n' + '}', listView, "calcRowHeight"); var height = textElement.height; textElement.destroy(); // icon size or two text elements and margins and hoverItem margins return Math.max(32, height + desktopTabBox.textMargin * 2 + hoverItem.margins.top + hoverItem.margins.bottom); } signal currentIndexChanged(int index) id: listView objectName: "listView" // the maximum text width + icon item width (32 + 4 margin) + margins for hover item + margins for background property int maxRowWidth: calculateMaxRowWidth() property int rowHeight: calcRowHeight() // used for image provider URL to trick Qt into reloading icons when the model changes property int imageId: 0 anchors { fill: parent topMargin: background.topMargin leftMargin: background.leftMargin rightMargin: background.rightMargin bottomMargin: background.bottomMargin } clip: true delegate: listDelegate highlight: PlasmaCore.FrameSvgItem { id: highlightItem imagePath: "widgets/viewitem" prefix: "hover" width: listView.width } highlightMoveDuration: 250 boundsBehavior: Flickable.StopAtBounds } }