Question

我正在使用phonegap和ionic在android中创建一个应用程序，从SD卡中检索图像并显示它。所以我已经能够检索所有图像，但是显示这些图像需要更多时间。滚动也非常慢任何事情发生时，点击都需要一秒钟。我正在使用collection -repeat来显示这些图像。这是我的代码：

function onDeviceReady() {
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
}

function gotFS(fileSystem) {
    window.fileSystem = fileSystem;
    fileSystem.root.getDirectory("", {
        create: false,
        exclusive: false
    }, getsubdirectry, onError);
}

function getsubdirectry(dirEntry, onComplete) {
    try {
        var directoryReader = dirEntry.createReader();
    } catch (e) {
        alert(e);
    }
    directoryReader.readEntries(function(entries) {
        for (i = 0; i < entries.length; i++) {
            if (entries[i].name.indexOf(".jpg") == -1) {
                if (entries[i].isDirectory) {
                    entries[i].getDirectory("", {
                        create: false,
                        exclusive: false
                    }, getsubdirectry, onError);
                }
            } else {
                imagedetails.push({
                    id: i,
                    url: entries[i].toURI(),
                    tag: ""
                });
            }
        }
        onComplete();
    }, function(error) {
        alert("Error: = " + error.code);
    });
}

在html中

 <a  href="#/tab/photo/{{friend.id}}" class="gallery-item"  collection-repeat="friend in outputphotos | myFilter:text track by $index"  collection-item-width="'33%'"
collection-item-height="'33%'">

  <img ng-src="{{friend.url}}" id="imageviewmainpage">
</a>

那么我应该添加哪些更改以使加载速度快或是否有其他方式???

Phonegap：android中的图片加载速度非常慢

0 个答案: