[Phonegap+Sencha Touch] 移動開發26 Android下的sencha touch程序,轉屏時,Ext.Viewport不能觸發orientationchange事件的解決的方法

Sencha touch 2.4.2 已經解決問題了。javascript


比方你爲Ext.Viewport的orientationchange事件加入了一個監聽方法:java

Ext.Viewport.on('orientationchange', function(){  alert('轉屏了')  }, this);android


經測試,安卓自帶瀏覽器,或者phonegap打包的app。在轉屏的時候都沒有彈出"轉屏了"的對話框。(sencha官方論壇有很是多人反映這個問題,貌似sencha touch 2.0+都存在)web

而chrome for android打開這個webapp,儘管能觸發。但是第一次轉屏沒有觸發,第二次轉屏觸發運行的是第一次的監聽方法。chrome



解決的方法:瀏覽器

在app.js的launch方法中,加入如下的代碼:app

<span style="font-family:Microsoft YaHei;">if (Ext.os.is.Android) {
    Ext.Viewport.addWindowListener('resize', Ext.Function.bind(Ext.Viewport.onResize, Ext.Viewport));

    Ext.Viewport.updateSize(); //added
    Ext.Viewport.orientation = Ext.Viewport.determineOrientation(); //added
}</span>




歡迎增長Sencha Touch + Phonegap 羣:194182999webapp

共同窗習交流(博主QQ:479858761post

相關文章
相關標籤/搜索