Перекрывающиеся изображения в ListView QML

Я хочу чтобы ListView брал изображения из FolderListModel и последовательно отображал их на экране. FolderListModel использует FileDialog для получения изображений из директории, указанной пользователем:

import QtQuick.Controls 1.3
import QtQuick 2.6
import QtQuick.Dialogs 1.0
import QtQuick.Window 2.1
import Qt.labs.folderlistmodel 1.0

ApplicationWindow {
 visible: true
title: "Test"
width: 400
height: 1000

Button {
    id: but
      text: "Chose folder"
      onClicked: fileDialog.open()
 }

FileDialog {
    id: fileDialog
    title: "Choose a folder with some images"
    selectFolder: true
    folder: picturesLocation
    onAccepted: {
        folderModel.folder = fileUrl + "/";
        but.visible=false;
        listview.visible=true;
    }
}


FolderListModel {
    id: folderModel
    objectName: "folderModel"
    showDirs: false
    nameFilters: imageNameFilters
}

ListView {
    id: listview
    anchors.fill: parent
    visible: false

    Component {
        id: fileDelegate
        Image {
            id: image
            anchors.centerIn: parent
            fillMode: Image.PreserveAspectFit
            source: folderModel.folder + fileName
            antialiasing: true
        }
    }

    model: folderModel
    delegate: fileDelegate
}

}

После запуска программы я выбираю папку, в которой хранятся изображения jpg (3 небольших квадрата разных цветов).

Что я примерно хочу увидеть:

введите сюда описание изображения

Что даёт программа:

введите сюда описание изображения


Ответы (0 шт):