SwipeDelegate QML Type

 SwipeDelegate {
     swipe.transition: Transition {
         SmoothedAnimation { velocity: 3; easing.type: Easing.InOutCubic }
     }
 }

See also contentItem, background, swipe.open(), and swipe.close().

This property can be attached to a non-interactive item declared in swipe.left, swipe.right, or swipe.behind, in order to detect if it is pressed. Items can only be pressed when swipe.complete is true.

For example:

 swipe.right: Label {
     anchors.right: parent.right
     height: parent.height
     text: "Action"
     color: "white"
     padding: 12
     background: Rectangle {
         color: SwipeDelegate.pressed ? Qt.darker("tomato", 1.1) : "tomato"
     }
 }

It is possible to have multiple items which individually receive mouse and touch events. For example, to have two actions in the swipe.right item, use the following code:

 swipe.right: Row {
     anchors.right: parent.right
     height: parent.height

     Label {
         id: moveLabel
         text: qsTr("Move")
         color: "white"
         verticalAlignment: Label.AlignVCenter
         padding: 12
         height: parent.height

         SwipeDelegate.onClicked: console.log("Moving...")

         background: Rectangle {
             color: moveLabel.SwipeDelegate.pressed ? Qt.darker("#ffbf47", 1.1) : "#ffbf47"
         }
     }
     Label {
         id: deleteLabel
         text: qsTr("Delete")
         color: "white"
         verticalAlignment: Label.AlignVCenter
         padding: 12
         height: parent.height

         SwipeDelegate.onClicked: console.log("Deleting...")

         background: Rectangle {
             color: deleteLabel.SwipeDelegate.pressed ? Qt.darker("tomato", 1.1) : "tomato"
         }
     }
 }

Note how the color assignment in each background item qualifies the attached property with the id of the label. This is important; using the attached properties on an item causes that item to accept events. Suppose we had left out the id in the previous example:

 color: SwipeDelegate.pressed ? Qt.darker("tomato", 1.1) : "tomato"

The Rectangle background item is a child of the label, so it naturally receives events before it. In practice, this means that the background color will change, but the onClicked handler in the label will never get called.

For interactive controls (such as Button) declared in these items, use their respective pressed property instead.

For presses on the SwipeDelegate itself, use its pressed property.

This property was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also clicked().

This signal is emitted when the delegate has been swiped to closed and the transition has finished.

It is useful for performing some action upon cancellation of a swipe. For example, it can be used to cancel the removal of the delegate from the list that it is in.

Note: The corresponding handler is swipe.onClosed.

This signal was introduced in QtQuick.Controls 2.2 (Qt 5.9).

See also swipe and swipe.opened().

This signal is emitted when swipe.complete becomes true.

It is useful for performing some action upon completion of a swipe. For example, it can be used to remove the delegate from the list that it is in.

Note: The corresponding handler is swipe.onCompleted.

This signal was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also swipe.

This signal is emitted when the delegate has been swiped open and the transition has finished.

It is useful for performing some action upon completion of a swipe. For example, it can be used to remove the delegate from the list that it is in.

Note: The corresponding handler is swipe.onOpened.

This signal was introduced in QtQuick.Controls 2.2 (Qt 5.9).

See also swipe and swipe.closed().

This signal can be attached to a non-interactive item declared in swipe.left, swipe.right, or swipe.behind, in order to react to clicks. Items can only be clicked when swipe.complete is true.

For interactive controls (such as Button) declared in these items, use their respective clicked() signal instead.

To respond to clicks on the SwipeDelegate itself, use its clicked() signal.

Note: See the documentation for pressed for information on how to use the event-related properties correctly.

Note: The corresponding handler is onClicked.

This signal was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also pressed.

This method sets the position of the swipe to 0. Any animations defined for the x position of contentItem and background will be triggered.

This method was introduced in QtQuick.Controls 2.1 (Qt 5.8).

See also swipe and swipe.open().

This method sets the position of the swipe so that it opens from the specified side.

Available values:

Any animations defined for the x position of contentItem and background will be triggered.

This method was introduced in QtQuick.Controls 2.2 (Qt 5.9).

See also swipe and swipe.close().