Sencha Touch v2 확대/축소 레이아웃 문제

Question

v2 Sencha Touch Framework (RC)로 진행되는 정말 간단한 확대/축소 예제를 얻으려는 데 문제가 있습니다. 몇 가지 레이아웃 유형 및 그 조합을 가지고 놀았지만 스크롤러 크기가 업데이트되지 않았거나 이미지를 나타내는 실제 div가 확대되지 않는 것으로 보입니다. 솔직히 말해서 나는 지금 순간적으로 손해를보고있다 !!

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)'); 
    } 
}); 

스케일이 이미지에 적용되면이 간단한 예제를 올바르게 팬하는 방법에 대한 통찰력이 있습니까? 지금은 꽤 무능한 느낌.

Answer 1

코드에이 줄을 추가하면 팬, 확대/축소 및 집기 같은 이벤트를 수행 할 수 있습니다.

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