Sencha Touch v2 Zoom Layout Проблема - PullRequest
Новая
       30

Sencha Touch v2 Zoom Layout Проблема

2 голосов
/ 06 марта 2012

У меня проблемы с попыткой получить действительно простой пример масштабирования с помощью Sencha Touch Framework (RC) v2. Я поиграл с несколькими различными типами макетов и их комбинациями, но кажется, что размер скроллеров не обновляется, или фактический 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)');
  }
});

Есть ли у кого-нибудь понимание того, как получить этот очень простой пример для правильного панорамирования после применения масштаба к изображению? Чувствую себя довольно некомпетентно в данный момент.

1 Ответ

3 голосов
/ 05 ноября 2012

Если вы добавите эти строки в код, вы сможете выполнять такие события, как панорамирование, масштабирование и масштабирование. 

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