yukijoou/kwin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[kwin/tabbox] Informative qml uses new Switcher item and PlasmaCore.Dialog

Browse source 
Reference implementation for the adjustments to use a PlasmaCore.Dialog
and the new required switcher item.
This commit is contained in:
Martin Gräßlin 2013-12-10 07:24:34 +01:00
parent d536532f66
commit 4ff2a5ea3e
1 changed files with 166 additions and 174 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

98
tabbox/qml/clients/informative/contents/ui/main.qml
View file

@ -20,50 +20,36 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
import QtQuick 2.0
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.qtextracomponents 2.0
import org.kde.kwin 2.0 as KWin
Item {
KWin.Switcher {
id: tabBox
currentIndex: listView.currentIndex
PlasmaCore.Dialog {
id: informativeTabBox
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(Math.max(screenHeight * 0.2, optimalHeight), screenHeight * 0.8)
focus: true
property int textMargin: 2
onLongestCaptionChanged: {
listView.maxRowWidth = listView.calculateMaxRowWidth();
location: PlasmaCore.Types.Floating
visible: tabBox.visible
windowFlags: Qt.X11BypassWindowManagerHint
onVisibleChanged: {
if (visible) {
informativeTabBox.x = tabBox.screenGeometry.x + tabBox.screenGeometry.width * 0.5 - dialogMainItem.width * 0.5;
informativeTabBox.y = tabBox.screenGeometry.y + tabBox.screenGeometry.height * 0.5 - dialogMainItem.height * 0.5;
}
}
function setModel(model) {
listView.model = model;
listView.maxRowWidth = listView.calculateMaxRowWidth();
}
/**
* 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;
}
mainItem: Item {
id: dialogMainItem
property int optimalWidth: listView.maxRowWidth
property int optimalHeight: listView.rowHeight * listView.count
width: Math.min(Math.max(tabBox.screenGeometry.width * 0.2, optimalWidth), tabBox.screenGeometry.width * 0.8)
height: Math.min(Math.max(tabBox.screenGeometry.height * 0.2, optimalHeight), tabBox.screenGeometry.height * 0.8)
focus: true
// just to get the margin sizes
PlasmaCore.FrameSvgItem {
@ -73,11 +59,6 @@ Item {
visible: false
}
ShadowedSvgItem {
id: background
anchors.fill: parent
}
// delegate
Component {
id: listDelegate
@ -100,7 +81,7 @@ Item {
Text {
id: captionItem
horizontalAlignment: Text.AlignHCenter
text: itemCaption(caption, minimized)
text: listView.itemCaption(caption, minimized)
font.bold: true
font.italic: minimized
color: theme.textColor
@ -121,7 +102,7 @@ Item {
font.italic: true
color: theme.textColor
elide: Text.ElideMiddle
visible: informativeTabBox.allDesktops
visible: tabBox.allDesktops
anchors {
left: iconItem.right
right: parent.right
@ -136,25 +117,37 @@ Item {
anchors.fill: parent
onClicked: {
listView.currentIndex = index;
listView.currentIndexChanged(listView.currentIndex);
}
}
}
}
ListView {
/**
* 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;
}
function calculateMaxRowWidth() {
var width = 0;
var textElement = Qt.createQmlObject(
'import QtQuick 2.0;'
+ 'Text {\n'
+ ' text: "' + itemCaption(informativeTabBox.longestCaption, true) + '"\n'
+ ' text: "' + listView.itemCaption(tabBox.model.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.rightMargin;
return width + 32 + hoverItem.margins.right + hoverItem.margins.left;
}
/**
* Calculates the height of one row based on the text height and icon size.
@ -174,18 +167,13 @@ Item {
// 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"
model: tabBox.model
// 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()
anchors {
fill: parent
topMargin: background.topMargin
leftMargin: background.leftMargin
rightMargin: background.rightMargin
bottomMargin: background.bottomMargin
}
clip: true
delegate: listDelegate
@ -197,6 +185,11 @@ Item {
}
highlightMoveDuration: 250
boundsBehavior: Flickable.StopAtBounds
Connections {
target: tabBox
onCurrentIndexChanged: {listView.currentIndex = tabBox.currentIndex;}
}
}
}
/*
* Key navigation on outer item for two reasons:
@ -206,10 +199,9 @@ Item {
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);
}
}
}
}