navigating listview is too slow when having lot of data

[Rondo23]

Hi everyone,

i am facing a problem with listview in qml,
when the list have small data the list behave normally, but when the list contains lot of data inside( i mean items) for example 60 items ...the list is becoming too slow and too annoying to use!!!!
i am displaying the all my device music in the list and when trying to navigate the list,the navigation is over slow!!!!..
is that normal in qml?? or should i add some properties to the list to not face this problem?

Regards,
Rondo

[vineet.jain]

It should not be slow, i have also used the listview with lots of items in it, but that wasn't slow.How are you populating the list, from c++ code to QML or within QML only?

[Rondo23]

It should not be slow, i have also used the listview with lots of items in it, but that wasn't slow.How are you populating the list, from c++ code to QML or within QML only?

Hi vineet.jain,
i am populating the list, from c++ code to QML

i am using the following code for the list

Flickable{
id: flickable2
anchors.margins: 3
contentHeightarent.height - toolbar.height - 90
contentWidth: parent.width
flickableDirection: Flickable.VerticalFlick
anchors.topMargin: 5
Column
{
anchors.fill: parent;
ListView {
id: list
anchors.fill: parent;
anchors.margins: 5
model: feedModel
delegate: ListofMusicDelegate{}

focus: true
}
}
}
ListModel {
id: feedModel
}

list of music delegate:

import QtQuick 1.1
import Qt.labs.folderlistmodel 1.0
import com.nokia.symbian 1.1

Component {
Item {
id: wrapper; width: wrapper.ListView.view.width; height: 86
Item {
id: moveMe
Rectangle { color: "gray"; opacity: index % 2 ? 0.2 : 0.4; height: 84; width: wrapper.width; y: 1 }
Rectangle {
x: 6; y: 20; width: 77; height: 77; color: "transparent"; smooth: true

//Image { source: imagePath; x: 1; y: 1 }
Image { source: "qrc:/new/prefix1/music.png" }
}

Column {
x: 92; width: wrapper.ListView.view.width - 95; y: 25; spacing: 2
Text { text: title; color: "White"; width: parent.width; font.pixelSize: 18; font.bold: false; elide: Text.ElideRight; style: Text.Raised; styleColor: "black" }
Text { text: size; width: parent.width; font.pixelSize: 14; elide: Text.ElideLeft; color: "White"; style: Text.Raised; styleColor: "black" }
}
}