Làm thế nào để ngăn chặn ListView cho "nhảy" khi mô hình được thay đổi

Question

gì tôi cần phải làm: Tôi cần phải tạo ra một cửa sổ trò chuyện sử dụng một ListView trong QML mà các cửa hàng trò chuyện tin nhắn. Tôi đặt listView.positionViewAtEnd() để theo dõi các tin nhắn cuối cùng. Tôi vô hiệu hóa positionViewAtEnd khi tôi cuộn lên trên để tôi có thể đọc các tin nhắn trước đây mà không cần phải nhảy vào cuối mỗi khi tôi nhận được một tin nhắn mới.

Sự cố: Sau khi cuộn lên, mỗi lần Tôi nhận được thông báo mới, nó nhảy ở đầu danh sách. Để giải quyết mà tôi quản lý để cửa hàng contentY danh sách và thiết lập lại nó mỗi khi onCountChanged handler được gọi (xem mã dưới đây):

ListView { 
    id: messagesList 
    model: contact? contact.messages: [] 
    delegate: delegate 
    anchors.fill: parent 
    anchors.bottomMargin: 20 
    height: parent.height 
    anchors.margins: 10 

    property int currentContentY 

    onMovementEnded: { 
     currentContentY = contentY 
    } 

    onCountChanged: { 
     contentY = currentContentY 
    } 
    onContentYChanged: { 
     console.log(".....contentY: " + contentY) 
    } 
} 

Vấn đề là mặc dù tôi thiết lập cuối cùng contentY tôi đã , trước khi mô hình được thay đổi, danh sách vẫn nhảy một chút (nhiều pixel, không phải ở cuối hoặc đầu) và nó không nhảy luôn. Và khi tôi lên đầu danh sách và in contentY Tôi nhận được các giá trị âm. Về mặt lý thuyết, contentY ở đầu danh sách phải là 0.

Ai đó có thể cho tôi biết điều gì đang xảy ra không? Hoặc có thể đề xuất một giải pháp khác để tạo danh sách thư của tôi?

Hơn bạn trước! :)

Answer 1

Tại sao không sử dụng vị trí trênCountChanged để đặt ListView ở cuối?

onCountChanged: { 
    messagesList.positionViewAtEnd() 
} 

Answer 2

Một giải pháp khả thi schould được ListView chèn vào Flickable và vô hiệu hóa tương tác cờ cho ListView

Flickable { 
     id: fparent 
     anchors.fill: parent 
     anchors.bottomMargin: 20 
     anchors.margins: 10 

     interactive: true 
     clip: true 
     flickableDirection: Flickable.VerticalFlick 
     contentHeight: messagesList.height 

     ListView { 
      id: messagesList 
      width: parent.width 
      height: childrenRect.height 
      clip: true 
      model: contact? contact.messages: [] 
      delegate: delegate 
      interactive: false 
      onCountChanged: { 
       fparents.returnToBounds(); 
      } 
     } 
    }