MouseArea bên trong Flickable đang ngăn không cho nó nhấp nháy

Question

Tôi đang triển khai trình thu nhận cử chỉ (vuốt sang trái/phải) bằng MouseArea. Nó sẽ hoạt động bên trong Flickable với flickableDirection dọc. Ngoài ra, nó sẽ truyền bá các sự kiện chuột đến các phần tử khác bên dưới nó theo thứ tự hình ảnh. Vấn đề là mouseArea con với propagateComposedEvents đặt thành true là chặn bất kỳ cảnh cáo nào của cha mẹ trước chính xác một cú nhấp chuột được thực hiện. Sau khi nhấp chuột đầu tiên được thực hiện nó hoạt động chính xác. Đây là mã đơn giản được hiển thị này.

import QtQuick 2.4 
import QtQuick.Window 2.2 

Window { 
    id: __root 
    visible: true 
    width: 460; height: 640 

    Flickable { 
     id: mainFlickable 

     width: parent.width 
     height: parent.height 
     contentHeight: column.height 
     flickableDirection: Flickable.VerticalFlick 

     MouseArea { 
      anchors.fill: parent 
      propagateComposedEvents: true 
      z: 1 
     } 

     Column { 
      id: column 

      width: parent.width 

      Repeater { 
       model: 5 

       Rectangle { 
        width: __root.width 
        height: 200 

        color: "yellow" 
        border.width: 2 

        MouseArea { 
         anchors.fill: parent 

         onClicked: { 
          console.log("clicked") 
         } 
        } 
       } 
      } //repeater 
     } //column 
    } //flickable 
} //window 

Tôi đã dành khá nhiều thời gian để sửa lỗi này và sẽ đánh giá cao bất kỳ trợ giúp nào. Cảm ơn trước!

Answer 1

tôi thấy rằng sau xử lý tín hiệu trong MouseArea là một workaround cho điều này và không phá vỡ mã của tôi:

onReleased: { 
    if (!propagateComposedEvents) { 
     propagateComposedEvents = true 
    } 
} 

propagateComposedEvents nên được đặt thành false trên tờ khai (hoặc được yêu cầu).

Cảm ơn tất cả vì những nỗ lực!

Answer 2

Tôi đã tìm thấy một chút giải pháp cho việc này. Hy vọng nó sẽ phù hợp với nhu cầu của bạn (ít nhất là cho đến khi giải pháp tốt hơn sẽ được cung cấp).

Đây là mã cập nhật của bạn:

import QtQuick 2.4 
import QtQuick.Window 2.2 

Window { 
    id: __root 
    visible: true 
    width: 460; height: 640 

    Flickable { 
     id: mainFlickable 

     width: parent.width 
     height: parent.height 
     contentHeight: column.height 
     flickableDirection: Flickable.VerticalFlick 

     onDragStarted: ma.enabled = false 
     onDragEnded: ma.enabled = true 

     MouseArea { 
      id: ma 
      anchors.fill: parent 
      enabled: false 
      propagateComposedEvents: true 
      z: 100 

      onClicked: { 
       print("CLICKED ON UPPER") 
       mouse.accepted = false 
      } 
     } 

     Column { 
      id: column 

      width: parent.width 

      Repeater { 
       model: 5 

       Rectangle { 
        width: __root.width 
        height: 200 

        color: "yellow" 
        border.width: 2 

        MouseArea { 
         anchors.fill: parent     
         onClicked: console.log("clicked on child") 
        } 
       } 
      } //repeater 
     } //column 
    } //flickable 
} //window