提高android中phonegap应用程序的滚动性能

提高android中phonegap应用程序的滚动性能,android,cordova,mobile,ionic-framework,Android,Cordova,Mobile,Ionic Framework,我正在使用ionic、angular和cordova构建一个移动应用程序。我有一个包含500个项目的列表,三星Note I的滚动效果很差。我知道500是一个大数字,但我很好奇是否有任何方法可以提高性能 这是密码 <ion-list show-delete="showDelete"> <ion-item ng-repeat="user in users" type="item-text-wrap" href="#/tab/user/{{user.id}}" clas

我正在使用ionic、angular和cordova构建一个移动应用程序。我有一个包含500个项目的列表,三星Note I的滚动效果很差。我知道500是一个大数字,但我很好奇是否有任何方法可以提高性能

这是密码

<ion-list show-delete="showDelete"> 
      <ion-item ng-repeat="user in users" type="item-text-wrap" href="#/tab/user/{{user.id}}" class="item-thumbnail-left item-icon-right">
        <img src="{{user.image}}">
        <h2>{{user.name}}</h2>
        <p>{{user.role}}</p>
        <i class="icon ion-ios7-arrow-right"></i>
        <ion-delete-button class="ion-minus-circled" ng-click="delete(user)">
        </ion-delete-button>
      </ion-item>
    </ion-list>

{{user.name}
{{user.role}


执行大型列表的秘诀在于重用DOM元素。您可能有500个项目,但同时屏幕上只有10个项目。因此,我们可以通过在元素离开屏幕时回收它们来节省大量内存和CPU时间


Ionic附带了一个指令,它正好做到了这一点-

执行大型列表的秘密在于重用DOM元素。您可能有500个项目,但同时屏幕上只有10个项目。因此,我们可以通过在元素离开屏幕时回收它们来节省大量内存和CPU时间


Ionic附带了一个指令,它正好做到了这一点-

执行大型列表的秘密在于重用DOM元素。您可能有500个项目,但同时屏幕上只有10个项目。因此,我们可以通过在元素离开屏幕时回收它们来节省大量内存和CPU时间


Ionic附带了一个指令,它正好做到了这一点-

执行大型列表的秘密在于重用DOM元素。您可能有500个项目,但同时屏幕上只有10个项目。因此,我们可以通过在元素离开屏幕时回收它们来节省大量内存和CPU时间



Ionic附带了一个指令,它正好做到了这一点-

根据我的经验,性能是您用Cordova+Angular提供的生产力所折衷的。我在一年前为我们的产品进行测试时使用了这种组合。我们最终使用JQuery mobile来创建UI虚拟化,而不是使用Angular。注意:我们没有使用ionic。如果您刚刚开始您的项目,并且您有严格的性能要求,我建议您看看Xamarin,如果您对C#感到满意,或者尝试一种本机解决方案。请注意,如果您实施UI虚拟化并重复使用4-5个屏幕上的项目,那么包含500个项目的列表对于PhoneGap来说应该不会有任何问题。Xamarin不是免费的,我不能同意。也许我可以在Phonegap中尝试UI虚拟化。其基本思想是重用列表项。一旦它们落在视图之外,只需重新定位它们,然后手动设置数据。我们以前有100个实时列表项,这样滚动都没有问题。我会检查并找到我们使用的源代码,并尽快将其粘贴为答案。根据我的经验,性能是使用Cordova+Angular所能提供的生产力的折衷品。我在一年前为我们的产品进行测试时使用了这种组合。我们最终使用JQuery mobile来创建UI虚拟化,而不是使用Angular。注意:我们没有使用ionic。如果您刚刚开始您的项目,并且您有严格的性能要求,我建议您看看Xamarin,如果您对C#感到满意,或者尝试一种本机解决方案。请注意,如果您实施UI虚拟化并重复使用4-5个屏幕上的项目,那么包含500个项目的列表对于PhoneGap来说应该不会有任何问题。Xamarin不是免费的,我不能同意。也许我可以在Phonegap中尝试UI虚拟化。其基本思想是重用列表项。一旦它们落在视图之外,只需重新定位它们,然后手动设置数据。我们以前有100个实时列表项,这样滚动都没有问题。我会检查并找到我们使用的源代码,并尽快将其粘贴为答案。根据我的经验,性能是使用Cordova+Angular所能提供的生产力的折衷品。我在一年前为我们的产品进行测试时使用了这种组合。我们最终使用JQuery mobile来创建UI虚拟化,而不是使用Angular。注意:我们没有使用ionic。如果您刚刚开始您的项目,并且您有严格的性能要求,我建议您看看Xamarin,如果您对C#感到满意,或者尝试一种本机解决方案。请注意,如果您实施UI虚拟化并重复使用4-5个屏幕上的项目,那么包含500个项目的列表对于PhoneGap来说应该不会有任何问题。Xamarin不是免费的,我不能同意。也许我可以在Phonegap中尝试UI虚拟化。其基本思想是重用列表项。一旦它们落在视图之外,只需重新定位它们,然后手动设置数据。我们以前有100个实时列表项,这样滚动都没有问题。我会检查并找到我们使用的源代码,并尽快将其粘贴为答案。根据我的经验,性能是使用Cordova+Angular所能提供的生产力的折衷品。我在一年前为我们的产品进行测试时使用了这种组合。我们最终使用JQuery mobile来创建UI虚拟化,而不是使用Angular。注意:我们没有使用ionic。如果您刚刚开始您的项目,并且您有严格的性能要求,我建议您看看Xamarin,如果您对C#感到满意,或者尝试一种本机解决方案。请注意,如果您实施UI虚拟化并重复使用4-5个屏幕上的项目,那么包含500个项目的列表对于PhoneGap来说应该不会有任何问题。Xamarin不是免费的,我不能同意。也许我可以在Phonegap中尝试UI虚拟化。其基本思想是重用列表项。一旦它们落在视图之外,只需重新定位它们,然后手动设置数据。我们以前有100个实时列表项,这样滚动就没有问题了。我会检查并找到我们使用的源代码,并尽快将其粘贴为答案。