kwin/tabbox/qml/clients/small_icons/contents/ui/main.qml
Weng Xuetian 5b7a30aeac use qml and svg to drag shadow in tabbox
due to plasma change, shadow is not included by default, hence kwin
tabbox need to handle shadow by itself, and due to kwin is compositor
and have shadow as effects, it's not a good idea to use X property to
pass shadow from kwin to X and to kwin. This change use the old way to
draw shadow side the tabbox, and partly move the blur region setting to
qml.

REVIEW: 108243
2013-01-10 02:55:08 -05:00

96 lines
3.4 KiB
QML

/********************************************************************
KWin - the KDE window manager
This file is part of the KDE project.
Copyright (C) 2011 Martin Gräßlin <mgraesslin@kde.org>
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 <http://www.gnu.org/licenses/>.
*********************************************************************/
import QtQuick 1.0
import org.kde.plasma.core 0.1 as PlasmaCore
import org.kde.qtextracomponents 0.1
Item {
id: smallIconsTabBox
property int screenWidth : 0
property int screenHeight : 0
property int imagePathPrefix: (new Date()).getTime()
property int optimalWidth: (icons.iconSize + icons.margins.left + icons.margins.right) * icons.count + background.leftMargin + background.bottomMargin
property int optimalHeight: icons.iconSize + icons.margins.top + icons.margins.bottom + background.topMargin + background.bottomMargin + 40
property bool canStretchX: false
property bool canStretchY: false
property string maskImagePath: "dialogs/background"
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.1, optimalWidth), screenWidth * 0.9)
height: Math.min(Math.max(screenHeight * 0.05, optimalHeight), screenHeight * 0.5)
function setModel(model) {
icons.setModel(model);
}
function modelChanged() {
icons.modelChanged();
}
ShadowedSvgItem {
id: background
anchors.fill: parent
}
IconTabBox {
id: icons
iconSize: 16
height: iconSize + background.topMargin + icons.margins.top + icons.margins.bottom
anchors {
top: parent.top
left: parent.left
right: parent.right
topMargin: background.topMargin
rightMargin: background.rightMargin
leftMargin: background.leftMargin
}
}
Item {
anchors {
top: icons.bottom
left: parent.left
right: parent.right
bottom: parent.bottom
leftMargin: background.leftMargin
rightMargin: background.rightMargin
bottomMargin: background.bottomMargin
}
Text {
id: textItem
text: icons.currentItem ? icons.currentItem.data.caption : ""
height: paintedHeight
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
color: theme.textColor
elide: Text.ElideMiddle
font {
bold: true
}
anchors {
right: parent.right
left: parent.left
verticalCenter: parent.verticalCenter
}
}
}
}