如何在QML项目中显示本地目录中的多个图像？

Posted 2021-04-03

我正在尝试在QML项目中显示来自本地目录的多个图像。我是QT编程的新手。

我正在使用此代码，这是代码正在运行，但没有图像显示。我正在使用Ubuntu。

ListView {

    width: 400;
    height: 500

    FolderListModel {
        id: folderModel
        nameFilters: ["*.jpg"]

        folder: "/home/pc/jpeg_serial_capture/Capture_Image/04-02-2019/"
    }

    Component {
        id: fileDelegate
        Column {
            Image {
                width: 150; height: 150
                fillMode: Image.PreserveAspectFit
                smooth: true
                source: folderModel.folder + "/home/pc/jpeg_serial_capture/Capture_Image/04-02-2019/" + fileName
            }
            Text { text: fileName }
        }
    }

    model: folderModel
    delegate: fileDelegate
    }

答案

你必须使用前缀为file://的url，而不是连接文件名，你应该使用fileURL：

ListView {
    width: 400;
    height: 500
    FolderListModel {
        id: folderModel
        nameFilters: ["*.jpg"]
        folder: "file:///home/pc/jpeg_serial_capture/Capture_Image/04-02-2019"
    }
    Component {
        id: fileDelegate
        Column {
            Image {
                width: 150; height: 150
                fillMode: Image.PreserveAspectFit
                smooth: true
                source: fileURL
             }
            Text { text: fileName }
        }
    }
    model: folderModel
    delegate: fileDelegate
}