QML List (Horizontal list) - flick to highlight next item

[brian.egan]

Hi all,
I have defined a QML list view. This is a horizontally scrolling list view where the items are not quite the width of the screen (but nearly). Currently when i flick the list scrolls quite fast towards the end.

If possible I would like that a flick would only bring me to the next item in the list.
If this is not possible then is it possible to slow down the speed of the flick.

Here is my definition of the list and the list element

import QtQuick 1.0

Rectangle
{
id: container
color: "black"
signal cellSelected(int aIndex)
signal imageReady()

Component
{
id: beerDelegate
Item
{
id: delegateItem
width: 360
height: beerList.height

MouseArea
{
anchors.fill: parent
onClicked: container.cellSelected(widgetIndex)
}

Row
{
Rectangle
{
anchors.left: parent.left
anchors.leftMargin: 20
anchors.top: parent.top
anchors.topMargin: 20
height: 350
id: topRow
MouseArea
{
anchors.fill: parent
onClicked: container.cellSelected(widgetIndex)
}

Image
{
id: myplaceholder
source: "CatchUp_Placeholder.png"
width: 320
height: 320
}
Image
{
id: myimage
source: imageSource
width: 320
height: 320
onStatusChanged: if (myimage.status == Image.Ready)
{
container.imageReady();
}
}
}

Rectangle
{
FontLoader { id: fixedFont; name: "Times" }
width: 320
height: 180
color: "black"
anchors.top: topRow.bottom
anchors.topMargin: 1
anchors.left: parent.left
anchors.leftMargin: 20
Text
{
anchors.fill: parent
clip: true
wrapMode: Text.Wrap
textFormat: Text.RichText
text: widgetText
color: "white"
font { family: fixedFont.name; pointSize: 8; }
}
}

}
}
}

ListView
{
id: beerList
cacheBuffer: 5000
anchors.fill: parent
spacing:10
orientation : ListView.Horizontal
clip: true
model: beerModel
delegate: beerDelegate
}
}

Thanks,
Brian

[gnuton]

Hi,
I think you can find interesting these properties to set to your listView:

http://doc.qt.nokia.com/4.7-snapshot...kVelocity-prop
http://doc.qt.nokia.com/4.7-snapshot...#snapMode-prop to set the