Listview on Multitouch Device

[winkler3523]

Hello,

is it possible to use two Listview on a Multitoch device? I use two Listviews, bu it is not possible two scroll simultaneously. Heres a code example:

Rectangle  {
  width: 480
  height: 272
  visible: true

  ListModel {
      id: model1
      ListElement {
          name: "Bill Smith"
          number: "555 3264"
       }

      ListElement {
          name: "John Brown"
          number: "555 8426"
      }
      ListElement {
          name: "Sam Wise"
          number: "555 0473"
      }
  }

ListView {
    id: lv1
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    width: 240

    model: model1

    delegate: Text {
        text: name + ": " + number
    }
}

ListView {
    id: lv2
    anchors.top: parent.top
    anchors.left: lv1.right
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    width: 240

    model: model1

    delegate: Text {
        text: name + ": " + number
    }
  }
}

I'd like to use both ListView Elements simultaneously, but have not found a way to do this.
Is there a way to do this?

Best regards
Martin

[p3c0]

@winkler3523 I think you will need to use MultiPointTouchArea.

[synasius]

Hi,
you can link the two ListView using the contentY property of Flickable type (which is inherited by ListView)
That way when you scroll lv1 also lv2 scrolls:

ListView {
    id: lv2
    anchors.top: parent.top
    anchors.left: lv1.right
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    width: 240
    // add this binding
    contentY: lv1.contentY

    model: model1

    delegate: Text {
        text: name + ": " + number
    }
}

Of course they do not scroll independently!!

[winkler3523]

Hi,

@p3c0: i have used the MultiPointTouchArea in my project, but i have no idea how to use it to scroll the Listviews indepentently. Any suggestions?

@synasius: it is nessesary to scroll the Listviewss indenpentently so i can not use this apporch.

regards

[p3c0]

@winkler3523 Try by binding TouchPoint's y coordinate to contentItem.y of ListView. But it doesn't seem straightforward.

[winkler3523]

Hi,

thank you. I will give it try, although it seems not that straightforward. I have to check wich TouchPoint is over a listview and use its y coordinate to move the listview.

I also have seen this patch:
https://codereview.qt-project.org/#/c/65801/

It is in the review state. It should solve the problem. I will also try this, because that would be a clean solution.

thanks
Martin

[p3c0]

@winkler3523 Good find. But it seems to be there from ages :) Vote it up.