SwipeDelegate QML Type

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

contentItem, background, swipe.open() 및 swipe.close()도 참조하세요 .

이 속성은 swipe.left, swipe.right, 또는 swipe.behind 에서 선언된 비대화형 항목에 첨부하여 눌렀는지 감지할 수 있습니다. 항목은 swipe.complete 이 true 일 때만 눌릴 수 있습니다.

예를 들어

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"
    }
}

마우스 및 터치 이벤트를 개별적으로 수신하는 여러 항목을 가질 수 있습니다. 예를 들어 swipe.right 항목에 두 가지 동작을 포함하려면 다음 코드를 사용합니다:

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"
        }
    }
}

각 background 항목의 color 할당이 레이블의 id 으로 첨부된 속성을 어떻게 한정하는지 주목하세요. 항목에 첨부된 속성을 사용하면 해당 항목이 이벤트를 수락하게 되므로 이 점이 중요합니다. 이전 예제에서 id 을 생략했다고 가정해 보겠습니다:

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

Rectangle 백그라운드 항목은 레이블의 하위 항목이므로 자연스럽게 그 이전의 이벤트를 수신합니다. 실제로는 배경 색이 변경되지만 레이블의 onClicked 핸들러는 호출되지 않습니다.

이러한 항목에서 선언된 대화형 컨트롤(예: Button)의 경우 해당 pressed 속성을 대신 사용하세요.

SwipeDelegate 자체에 있는 프레스의 경우 pressed 속성을 사용합니다.

이 프로퍼티는 QtQuick.Controls 2.1(Qt 5.8)에 도입되었습니다.

clicked()도 참조하십시오 .

이 신호는 델리게이트가 닫힘으로 스와이프되어 전환이 완료되었을 때 발생합니다.

스와이프 취소 시 어떤 작업을 수행할 때 유용합니다. 예를 들어, 목록에 있는 델리게이트의 제거를 취소하는 데 사용할 수 있습니다.

이 신호는 QtQuick.Controls 2.2(Qt 5.9)에서 도입되었습니다.

swipe 및 swipe.opened()도 참조하십시오 .

이 신호는 swipe.complete 이 true 이 될 때 발생합니다.

스와이프가 완료된 후 어떤 작업을 수행할 때 유용합니다. 예를 들어 델리게이트가 있는 목록에서 해당 델리게이트를 제거하는 데 사용할 수 있습니다.

이 신호는 QtQuick.Controls 2.1(Qt 5.8)에 도입되었습니다.

swipe 를참조하십시오 .

이 신호는 델리게이트가 열리고 전환이 완료되었을 때 발생합니다.

스와이프가 완료된 후 어떤 작업을 수행할 때 유용합니다. 예를 들어 목록에 있는 델리게이트를 제거하는 데 사용할 수 있습니다.

이 신호는 QtQuick.Controls 2.2(Qt 5.9)에서 도입되었습니다.

swipe 및 swipe.closed()도 참조하십시오 .

이 신호는 swipe.left, swipe.right 또는 swipe.behind 에 선언된 비대화형 항목에 첨부하여 클릭에 반응할 수 있습니다. swipe.complete 이 true 일 때만 항목을 클릭할 수 있습니다.

이러한 항목에 선언된 대화형 컨트롤(예: Button)의 경우 해당 clicked() 신호를 대신 사용하세요.

SwipeDelegate 자체에 대한 클릭에 반응하려면 clicked() 신호를 사용합니다.

이 신호는 QtQuick.Controls 2.1(Qt 5.8)에서 도입되었습니다.

pressed도 참조하십시오 .

이 방법은 스와이프의 position 를 0 로 설정합니다. contentItem 및 background 의 x 위치에 대해 정의된 모든 애니메이션이 트리거됩니다.

이 메서드는 QtQuick.Controls 2.1(Qt 5.8)에 도입되었습니다.

swipe 및 swipe.open()도 참조하십시오 .

이 메서드는 지정된 side 에서 열리도록 스와이프의 position 을 설정합니다.

사용 가능한 값은 다음과 같습니다:

contentItem 및 background 의 x 위치에 대해 정의된 모든 애니메이션이 트리거됩니다.

이 메서드는 QtQuick.Controls 2.2(Qt 5.9)에서 도입되었습니다.

swipe 및 swipe.close()도 참조하십시오 .