Sencha Touch - 在屏幕轉換的延遲

好吧，我正在測試包裹在Phonegap中的Sencha Touch框架並將其編譯爲Android 2.2的HTC Desire。這個應用程序的目的只是爲了熟悉框架及其功能。Sencha Touch - 在屏幕轉換的延遲

我正在使用MVC模型。該應用程序由使用代理從json文件加載到數據存儲中的項目列表組成。點擊其中一個項目時，會顯示詳細信息頁面。

app.views.viewport.setActiveItem(app.views.placesList, options.animation);

但在轉換之前，會出現某種滯後現象，並且會在很短的時間內顯示白色屏幕。我做了一個VID，以使其更清晰：

http://www.youtube.com/watch?v=uW8hspMKqfc

下面的代碼顯示我的應用程序的結構和功能：

型號

app.models.Place = Ext.regModel("app.models.Place", { 
    fields: [ 
     {name: "name", type: "string"}, 
     {name: "location", type: "string"} 
    ] 
}); 
app.stores.places = new Ext.data.Store({ 
    model: "app.models.Place", 
    proxy: { 
     type: 'ajax', 
     url : 'js/app/data/products.json', 
     reader: { 
      type: 'json', 
      root: 'products' 
     } 
    } 
});

查看

app.views.PlacesList = Ext.extend(Ext.Panel, { 
    fullscreen: true, 
    scroll: 'vertical', 
    dockedItems: [{ 
     xtype: 'toolbar', 
     title: 'PlacesList' 
    }], 
    items: [{ 
     xtype: 'list', 
     store: app.stores.places, 
     itemTpl: '{name}',  
     onItemDisclosure: function() { 
      Ext.dispatch({ 
       controller: app.controllers.places, 
       action: 'show' 
      }); 
     } 
    }], 
    initComponent: function() { 
     app.stores.places.load(); 
     app.views.PlacesList.superclass.initComponent.apply(this, arguments); 
    } 
});

控制器

app.controllers.places = new Ext.Controller({ 
    show: function(options) { 
     app.views.viewport.setActiveItem(app.views.placeDetail, options.animation); 
    }, 
    back: function(options) { 
     app.views.viewport.setActiveItem(app.views.placesList, options.animation); 
    } 
});

我不知道是否有經驗的滯後只是一些帶有煎茶觸摸，或來自代碼。

由於提前，

傑拉德

來源

2011-04-04 Gerard

固定。從http://www.senchatouchbits.com/6/fixing-flickering-of-animations-in-phonegap.html：「這個問題出現在所有設置CSS不透明度的轉換中，Sencha Touch中的滑動動畫。積分轉到有趣的設備頁面性能提示。「在該網站上找到修復程序。 – Gerard 2011-04-04 12:13:49

信用斯特芬·希勒對於這樣的回答：This bug appears for all transitions that set the opacity in CSS，這在煎茶觸摸滑動動畫一樣。積分去爲設備頁面有趣的性能提示「

來源

2011-04-06 05:14:27

澄清以前的答案：

如果使用幻燈片動畫只是一個卡片佈局內的面板（例如，通過Ext.TabPanel），只需添加下面的CSS/SCSS代碼和所有將被罰款

.x-panel { 
    -webkit-backface-visibility: hidden; 
}

我使用煎茶觸摸1.0.1a和PhoneGap的0.9.4

信用此去斯特芬希勒在這裏HIST職位：。http://www.senchatouchbits.com/6/fixing-flickering-of-animations-in-phonegap.html

來源

2011-08-07 07:15:27 Joony

使用此CSS代碼使得Sencha Touch Forms在HTC Sense（很多）的Android設備下無法使用。 – 2011-10-16 16:38:19

Sencha Touch - 在屏幕轉換的延遲

回答

相關問題