我正在创建一个网格(图库)视图来显示图像。应用程序从服务器获取图像并将其显示在网格中。我可以使用 XTemplate 创建这个视图,它给了我适当的结果。我的 Xtmeplate 代码是:
tpl: Ext.create('Ext.XTemplate',
'<div class="gallery" id="photos">',
'<tpl for=".">',
'<img src="{media:this.getURL}{picname}" width="30" height="30" class="thumbnail" data-fullimage="{media:this.getURL()}{picname}" alt="{description}"/>',
'</tpl>',
'</div>',{
getURL: function(){
return Gallery.utils.globalVar.getRemoteDirPath();
}
})
问题是图像尺寸很大,我想以小缩略图显示它们。因此,当我在移动设备上运行该应用程序时,该应用程序变得非常缓慢并且挂起。原因可能是因为它同时下载了所有图像并在视图上渲染。
任何人都可以提出可能的解决方案,我可以如何加快这个过程或任何不同的方式来做到这一点。
谢谢伊山耆那教