Sencha Touch v2縮放佈局問題

我在嘗試使用v2 Sencha Touch Framework（RC）獲得一個非常簡單的縮放示例時遇到了問題。我玩過幾種不同的佈局類型和它們的組合，但似乎卷軸尺寸沒有更新，或者實際的代表圖像的div沒有擴大以便於平移？老實說，我目前處於全面虧損狀態！Sencha Touch v2縮放佈局問題

var testImage = Ext.create('Ext.Img', { 
    src: 'images/Food/2.jpg' 
}); 

Ext.Viewport.add({ 
    layout: 'card', 
    scrollable: { 
    direction: 'both', 
    directionLock: false 
    }, 
    items: [testImage] 
}); 

Ext.Viewport.element.on({ 
    doubletap: function(e , node, options, eOpts) { 
    var transformDetails = { scale: 2, angle: 0 }; 
    testImage.element.setStyle('-webkit-transform', 'scaleX(' + transformDetails.scale + ') scaleY(' + transformDetails.scale + ') rotate(' + transformDetails.angle + 'deg)'); 
    } 
});

有誰知道如何得到這個非常簡單的例子，規模一旦應用到圖像正確地左右平移任何見解？感覺現在非常不稱職。

來源

2012-03-06 shinobi111

如果您將這些行添加到代碼中，您可以執行平移，縮放和捏合等事件。

Ext.Viewport.setPreventPanning(false); 
Ext.Viewport.setPreventZooming(false);

來源

2012-11-05 14:28:12 handet87

Sencha Touch v2縮放佈局問題

回答

相關問題