X-Git-Url: https://vcs.maemo.org/git/?a=blobdiff_plain;f=mardrone%2Fimports%2Fcom%2Fmeego%2Fextras%2FListDelegate.qml;fp=mardrone%2Fimports%2Fcom%2Fmeego%2Fextras%2FListDelegate.qml;h=42a971917ee4c8fda3286571d92ad0f6502ce493;hb=53abfcee86d03676ae5e3b648d6c7cee69c2f4e1;hp=0000000000000000000000000000000000000000;hpb=f7f1d7c4427cba2c8490f2767259b1d06f66c7ed;p=mardrone diff --git a/mardrone/imports/com/meego/extras/ListDelegate.qml b/mardrone/imports/com/meego/extras/ListDelegate.qml new file mode 100644 index 0000000..42a9719 --- /dev/null +++ b/mardrone/imports/com/meego/extras/ListDelegate.qml @@ -0,0 +1,119 @@ +/**************************************************************************** +** +** 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 com.nokia.meego 1.0 +import "constants.js" as UI + +Item { + id: listItem + + signal clicked + property alias pressed: mouseArea.pressed + + property int titleSize: UI.LIST_TILE_SIZE + property int titleWeight: Font.Bold + property string titleFont: UI.FONT_FAMILY + property color titleColor: theme.inverted ? UI.LIST_TITLE_COLOR_INVERTED : UI.LIST_TITLE_COLOR + property color titleColorPressed: theme.inverted ? UI.LIST_TITLE_COLOR_PRESSED_INVERTED : UI.LIST_TITLE_COLOR_PRESSED + + property int subtitleSize: UI.LIST_SUBTILE_SIZE + property int subtitleWeight: Font.Normal + property string subtitleFont: UI.FONT_FAMILY_LIGHT + property color subtitleColor: theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR + property color subtitleColorPressed: theme.inverted ? UI.LIST_SUBTITLE_COLOR_PRESSED_INVERTED : UI.LIST_SUBTITLE_COLOR_PRESSED + + height: UI.LIST_ITEM_HEIGHT + width: parent.width + + BorderImage { + id: background + anchors.fill: parent + // Fill page porders + anchors.leftMargin: -UI.MARGIN_XLARGE + anchors.rightMargin: -UI.MARGIN_XLARGE + visible: mouseArea.pressed + source: theme.inverted ? "image://theme/meegotouch-panel-inverted-background-pressed" : "image://theme/meegotouch-panel-background-pressed" + } + + Row { + anchors.fill: parent + spacing: UI.LIST_ITEM_SPACING + + Image { + anchors.verticalCenter: parent.verticalCenter + visible: model.iconSource ? true : false + width: UI.LIST_ICON_SIZE + height: UI.LIST_ICON_SIZE + source: model.iconSource ? model.iconSource : "" + } + + Column { + anchors.verticalCenter: parent.verticalCenter + + Label { + id: mainText + text: model.title + font.family: listItem.titleFont + font.weight: listItem.titleWeight + font.pixelSize: listItem.titleSize + color: mouseArea.pressed ? listItem.titleColorPressed : listItem.titleColor + } + + Label { + id: subText + text: model.subtitle ? model.subtitle : "" + font.family: listItem.subtitleFont + font.weight: listItem.subtitleWeight + font.pixelSize: listItem.subtitleSize + color: mouseArea.pressed ? listItem.subtitleColorPressed : listItem.subtitleColor + + visible: text != "" + } + } + } + MouseArea { + id: mouseArea; + anchors.fill: parent + onClicked: { + listItem.clicked(); + } + } +}