Results 1 to 3 of 3

Thread: Android: Bad List scrolling performance when docked element included (S.T. 2.3.1)

  1. #1

    Default Android: Bad List scrolling performance when docked element included (S.T. 2.3.1)

    Hi guys,

    I have this problem in building Android App using Sencha Touch 2.3.1 and Phonegap.
    The list scrolling performs fine on iOS but supremely lags on Android. So I tried things like:
    • Set -webkit-transform on List item to enable GPU acceleration
    • Adjust the scrolling behaviour using list's momentumEasing
    None of the above actually works, so I try again removing all other parts out of the app. And when I remove the 'docked: top' titlebar above the list, it runs smoothly again.

    My simplified app structure now is:

    Code:
    /* Remove this titlebar and it will be smooth */
    {
        docked: 'top',
        xtype: 'titlebar',
        cls: 'notif-title',
        padding: 10,
        title: '<span class="title-text">Questions</span>',
        items: [
            {
                xtype: 'image',
                src: 'resources/images/logo.png',
                height: 40,
                width: 40
            },
            {
                xtype: 'image',
                itemId: 'user-avatar',
                cls: 'user-avatar main',
                src: 'resources/images/user-default.png',
                height: 40,
                width: 40,
                align: 'right'
            }
        ]
    },
    {
        xtype: 'carousel',
        fullscreen: true,
        layout: 'card',
        indicator: false,
        flex: 1,
        activeItem: 0,
        hideAnimation: 'fadeOut',
        showAnimation: 'fade',
        items: [
            {
                xtype: 'questionlistview'
            }
        ]
    }
    And the QuestionList Class is

    Code:
    Ext.define('abc.view.QuestionList', {
        extend: 'Ext.Panel',
        xtype: 'questionlistview',
        requires: [
            'Ext.picker.Picker',
            'Ext.TitleBar',
            'Ext.dataview.List',
            'Ext.plugin.ListPaging',
            'abc.utils.MyPullRefresh',
            'abc.utils.MyListPaging'
        ],
        config: {
            layout: 'fit',
            items: [
                {
                    xtype: 'list',
                    itemId: 'listAllQues',
                    emptyText: 'There is no question available',
                    store: 'questionstore',
                    infinite: true,
                    variableHeights: true,
                    scrollable: {
                        direction: 'vertical',
                        directionLock: true,
                    },
                    plugins: [
                        {
                            xclass: 'abc.utils.MyPullRefresh',
                            pullText: 'Pull down for more new questions!'
                        },
                        {
                            xclass: 'abc.utils.MyListPaging',
                            autoPaging: true,
                            padding: 10
                        }
                    ]
                }
            ]
        }
    });
    Is there any body encounter the same problem ? Can any one explain why there is a significant difference in performance in this 2 cases ?

  2. #2
    Sencha Premium User lumberjack's Avatar
    Join Date
    Nov 2014
    Location
    Kansas
    Posts
    781
    Answers
    102

    Default

    What Android devices and versions have you tested this on? Does it operate smoothly when accessed as a web application on the same Android devices?

    Regards,
    Brian

  3. #3

    Default

    Hi I have tested on 2 devices:
    • LG G3, Android 4.4.2
    • Samsung Galaxy S4, Android 4.4.2
    Phonegap version: 3.3.0-0.18.0
    Cordova version: 3.3.1-0.1.2
    Sencha command version: 4.0.2.67

    And on the web, it smooths... while on native build it slows...
    How do I debug this ? This weird behaviour means there is sth wrong with the phonegap/cordova/sencha command I am using ?

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •