swipetoremove.qml Example File | Qt Quick Controls 5.12.8

- Qt 5.12
- Qt Quick Controls
- Qt Quick Controls - Swipe to Remove
- swipetoremove.qml Example File
- Qt 5.12.8 Reference Documentation

# swipetoremove.qml Example File

swipetoremove/swipetoremove.qml

     /****************************************************************************
     **
     ** Copyright (C) 2017 The Qt Company Ltd.
     ** Contact: https://www.qt.io/licensing/
     **
     ** This file is part of the examples of the Qt Toolkit.
     **
     ** $QT_BEGIN_LICENSE:BSD$
     ** Commercial License Usage
     ** Licensees holding valid commercial Qt licenses may use this file in
     ** accordance with the commercial license agreement provided with the
     ** Software or, alternatively, in accordance with the terms contained in
     ** a written agreement between you and The Qt Company. For licensing terms
     ** and conditions see https://www.qt.io/terms-conditions. For further
     ** information use the contact form at https://www.qt.io/contact-us.
     **
     ** BSD License Usage
     ** Alternatively, 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 The Qt Company Ltd 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 2.12
     import QtQuick.Controls 2.12
     import QtQuick.Controls.Material 2.12

     ApplicationWindow {
         id: window
         width: 300
         height: 400
         visible: true
         title: qsTr("Swipe to Remove")

         ListView {
             id: listView
             anchors.fill: parent

             delegate: SwipeDelegate {
                 id: delegate

                 text: modelData
                 width: parent.width

                 swipe.right: Rectangle {
                     width: parent.width
                     height: parent.height

                     clip: true
                     color: SwipeDelegate.pressed ? "#555" : "#666"

                     Label {
                         font.family: "Fontello"
                         text: delegate.swipe.complete ? "\ue805" // icon-cw-circled
                                                       : "\ue801" // icon-cancel-circled-1

                         padding: 20
                         anchors.fill: parent
                         horizontalAlignment: Qt.AlignRight
                         verticalAlignment: Qt.AlignVCenter

                         opacity: 2 * -delegate.swipe.position

                         color: Material.color(delegate.swipe.complete ? Material.Green : Material.Red, Material.Shade200)
                         Behavior on color { ColorAnimation { } }
                     }

                     Label {
                         text: qsTr("Removed")
                         color: "white"

                         padding: 20
                         anchors.fill: parent
                         horizontalAlignment: Qt.AlignLeft
                         verticalAlignment: Qt.AlignVCenter

                         opacity: delegate.swipe.complete ? 1 : 0
                         Behavior on opacity { NumberAnimation { } }
                     }

                     SwipeDelegate.onClicked: delegate.swipe.close()
                     SwipeDelegate.onPressedChanged: undoTimer.stop()
                 }

                 Timer {
                     id: undoTimer
                     interval: 3600
                     onTriggered: listModel.remove(index)
                 }

                 swipe.onCompleted: undoTimer.start()
             }

             model: ListModel {
                 id: listModel
                 ListElement { text: "Lorem ipsum dolor sit amet" }
                 ListElement { text: "Curabitur sit amet risus" }
                 ListElement { text: "Suspendisse vehicula nisi" }
                 ListElement { text: "Mauris imperdiet libero" }
                 ListElement { text: "Sed vitae dui aliquet augue" }
                 ListElement { text: "Praesent in elit eu nulla" }
                 ListElement { text: "Etiam vitae magna" }
                 ListElement { text: "Pellentesque eget elit euismod" }
                 ListElement { text: "Nulla at enim porta" }
                 ListElement { text: "Fusce tincidunt odio" }
                 ListElement { text: "Ut non ex a ligula molestie" }
                 ListElement { text: "Nam vitae justo scelerisque" }
                 ListElement { text: "Vestibulum pulvinar tellus" }
                 ListElement { text: "Quisque dignissim leo sed gravida" }
             }

             remove: Transition {
                 SequentialAnimation {
                     PauseAnimation { duration: 125 }
                     NumberAnimation { property: "height"; to: 0; easing.type: Easing.InOutQuad }
                 }
             }

             displaced: Transition {
                 SequentialAnimation {
                     PauseAnimation { duration: 125 }
                     NumberAnimation { property: "y"; easing.type: Easing.InOutQuad }
                 }
             }

             ScrollIndicator.vertical: ScrollIndicator { }
         }

         Label {
             id: placeholder
             text: qsTr("Swipe no more")

             anchors.margins: 60
             anchors.fill: parent

             opacity: 0.5
             visible: listView.count === 0

             horizontalAlignment: Qt.AlignHCenter
             verticalAlignment: Qt.AlignVCenter
             wrapMode: Label.WordWrap
             font.pixelSize: 18
         }
     }