×

Discussion Board

Results 1 to 2 of 2
  1. #1
    Registered User
    Join Date
    Aug 2008
    Location
    Ireland
    Posts
    29

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

    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

  2. #2
    Super Contributor
    Join Date
    Mar 2009
    Posts
    1,024

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

    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

Similar Threads

  1. Horizontal scrolling in list box
    By urrg in forum Symbian User Interface
    Replies: 1
    Last Post: 2010-02-04, 16:43
  2. horizontal scrollable multicolumn list
    By hariprasadth in forum Symbian User Interface
    Replies: 0
    Last Post: 2005-11-10, 07:10
  3. Horizontal scrolling in List Boxes
    By urrg in forum Symbian User Interface
    Replies: 3
    Last Post: 2004-11-23, 09:30
  4. Replies: 1
    Last Post: 2004-03-01, 08:37

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •