I have been trying to implement flickable along with in a rowlayout…But i am not able to implement the functionality.
Flickable {
id: flickableRow
width: parent.width
height: 200
contentWidth: rowLayout.width
flickableDirection: Flickable.HorizontalFlick
boundsBehavior: Flickable.StopAtBounds
RowLayout {
id: rowLayout
x: 149
y: 750
spacing: 20
// Image 2
Image {
Layout.preferredWidth: 200
Layout.preferredHeight: 200
source: frameSources[1]
MouseArea {
anchors.fill: parent
onClicked: {
valueSource.currentIndex = 1;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
image.source = parent.source;
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
// Image 3
Image {
Layout.preferredWidth: 200
Layout.preferredHeight: 200
source: frameSources[2]
MouseArea {
anchors.fill: parent
onClicked: {
valueSource.currentIndex = 2;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
image.source = parent.source;
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
Rectangle{
Layout.preferredWidth: 200
Layout.preferredHeight: 200
}
Rectangle{
Layout.preferredWidth: 200
Layout.preferredHeight: 200
}
// Image 4
Image {
Layout.preferredWidth: 200
Layout.preferredHeight: 200
source: frameSources[3]
MouseArea {
anchors.fill: parent
onClicked: {
valueSource.currentIndex = 3;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
image.source = parent.source;
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
// Image 5
Image {
Layout.preferredWidth: 200
Layout.preferredHeight: 200
source: frameSources[4]
MouseArea {
anchors.fill: parent
onClicked: {
valueSource.currentIndex = 4;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
image.source = parent.source;
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
Image {
id: image8
Layout.preferredWidth: 200
Layout.preferredHeight: 200
fillMode: Image.PreserveAspectFit
source: frameSources[5]
MouseArea {
anchors.fill: parent
onClicked: {
valueSource.currentIndex = 5;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
image.source = parent.source;
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
Image {
id: image9
Layout.preferredWidth: 200
Layout.preferredHeight: 200
fillMode: Image.PreserveAspectFit
source: frameSources[6]
MouseArea {
anchors.bottomMargin: -8
anchors.leftMargin: 0
anchors.rightMargin: 0
anchors.topMargin: 8
anchors.fill: parent
onClicked: {
image.source = parent.source;
valueSource.currentIndex = 6;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
Image {
id: image10
x: 1228
y: 715
Layout.preferredWidth: 200
Layout.preferredHeight: 200
fillMode: Image.PreserveAspectFit
source: frameSources[7]
MouseArea {
anchors.bottomMargin: -8
anchors.leftMargin: 0
anchors.rightMargin: 0
anchors.topMargin: 8
anchors.fill: parent
onClicked: {
image.source = parent.source;
valueSource.currentIndex = 7;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
Image {
id: image11
x: 1440
y: 715
Layout.preferredWidth: 200
Layout.preferredHeight: 200
fillMode: Image.PreserveAspectFit
source: frameSources[8]
MouseArea {
anchors.bottomMargin: -8
anchors.leftMargin: 0
anchors.rightMargin: 0
anchors.topMargin: 8
anchors.fill: parent
onClicked: {
image.source = parent.source;
valueSource.currentIndex = 8;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
Image {
id: image1
Layout.preferredWidth: 200
Layout.preferredHeight: 200
source: frameSources[0]
fillMode: Image.PreserveAspectFit
MouseArea {
anchors.fill: parent
onClicked: {
valueSource.currentIndex = 0;
mediaPlayer.source = valueSource.selectedFilePaths[valueSource.currentIndex];
mediaPlayer.play();
image.source = parent.source;
music_file.clickCounts[valueSource.currentIndex]++;
music_file.updateMostClickedFrames();
}
}
}
}
}
I tried a with a function to automaically swipe left,the function is being called every 1 sec … that was working fine.