From 38c8915cd7c7ba8b8eada3d859a943b9edc5d19e Mon Sep 17 00:00:00 2001 From: Marco Martin Date: Mon, 31 Oct 2011 16:41:43 +0100 Subject: [PATCH] ListItem element --- .../plasmacomponents/qml/ListItem.qml | 95 +++++++++++++++++++ .../plasmacomponents/qml/qmldir | 6 +- 2 files changed, 98 insertions(+), 3 deletions(-) create mode 100644 declarativeimports/plasmacomponents/qml/ListItem.qml diff --git a/declarativeimports/plasmacomponents/qml/ListItem.qml b/declarativeimports/plasmacomponents/qml/ListItem.qml new file mode 100644 index 000000000..45c1e6e2c --- /dev/null +++ b/declarativeimports/plasmacomponents/qml/ListItem.qml @@ -0,0 +1,95 @@ +/* + * Copyright 2010 Marco Martin + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU Library General Public License as + * published by the Free Software Foundation; either version 2, 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 Library General Public License for more details + * + * You should have received a copy of the GNU Library General Public + * License along with this program; if not, write to the + * Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 1.0 +import org.kde.plasma.core 0.1 as PlasmaCore + +Item { + id: listItem + default property alias content: paddingItem.data + + //this defines if the item will emit clicked and look pressed on mouse down + property bool enabled: false + //item has been clicked or pressed+hold + signal clicked + signal pressAndHold + + //plasma extension + //always look pressed? + property bool checked: false + //is this to be used as section delegate? + property bool sectionDelegate: false + + width: parent.width + height: paddingItem.childrenRect.height + background.margins.top + background.margins.bottom + + property int implicitHeight: paddingItem.childrenRect.height + background.margins.top + background.margins.bottom + + + Connections { + target: listItem + onCheckedChanged: background.prefix = (listItem.checked ? "pressed" : "normal") + onSectionDelegateChanged: background.prefix = (listItem.sectionDelegate ? "section" : "normal") + } + PlasmaCore.FrameSvgItem { + id : background + imagePath: "widgets/listitem" + prefix: "normal" + + anchors.fill: parent + Component.onCompleted: { + prefix = (listItem.sectionDelegate ? "section" : (listItem.checked ? "pressed" : "normal")) + } + } + PlasmaCore.SvgItem { + svg: PlasmaCore.Svg {imagePath: "widgets/listitem"} + elementId: "separator" + anchors { + left: parent.left + right: parent.right + top: parent.top + } + height: naturalSize.height + visible: listItem.sectionDelegate || (index != undefined && index > 0 && !listItem.checked && !itemMouse.pressed) + } + + MouseArea { + id: itemMouse + property bool changeBackgroundOnPress: !listItem.checked && !listItem.sectionDelegate + anchors.fill: background + enabled: listItem.enabled + + onClicked: listItem.clicked() + onPressAndHold: listItem.pressAndHold() + onPressed: if (changeBackgroundOnPress) background.prefix = "pressed" + onReleased: if (changeBackgroundOnPress) background.prefix = "normal" + onCanceled: if (changeBackgroundOnPress) background.prefix = "normal" + } + + Item { + id: paddingItem + anchors { + fill: background + leftMargin: background.margins.left + topMargin: background.margins.top + rightMargin: background.margins.right + bottomMargin: background.margins.bottom + } + } +} diff --git a/declarativeimports/plasmacomponents/qml/qmldir b/declarativeimports/plasmacomponents/qml/qmldir index 6ac3c235b..1ebd340e8 100644 --- a/declarativeimports/plasmacomponents/qml/qmldir +++ b/declarativeimports/plasmacomponents/qml/qmldir @@ -22,12 +22,12 @@ TextArea 0.1 TextArea.qml TextField 0.1 TextField.qml ToolBar 0.1 ToolBar.qml ToolButton 0.1 ToolButton.qml -ListItem 0.1 ToolButton.qml +ListItem 0.1 ListItem.qml + + Page 0.1 Page.qml PageStack 0.1 PageStack.qml -Window 0.1 Window.qml - TabBar 0.1 TabBar.qml TabButton 0.1 TabButton.qml