Сенча сенсорный -> Прокрутка X-Y координатное событие активации - PullRequest
Новая
       35

Сенча сенсорный -> Прокрутка X-Y координатное событие активации

1 голос
/ 17 октября 2011

У меня небольшой запрос по поводу Sencha Touch. я пытаюсь запрограммировать некоторый код, который имеет кикстарт событий, когда вы прокручиваете главную панель (Конечный идеальный эксперимент, которого я пытаюсь достичь, - заставить Panel отображать изображения при прокрутке вниз, но в данный момент я согласен на просто запуская console.log из функции).

Мне было интересно, знает ли кто-нибудь о методе, который позволит программе определять, как далеко вниз кто-то прокрутил вертикально, и запускать событие, как только вы достигнете определенной координаты y. Я знаю о событии scrollTo, но я не могу найти никаких событий, которые позволили бы мне определить координаты x и y.

Базовое кодирование для моей панели выглядит следующим образом: 

headlinepanel = new Ext.Panel(
{
    layout:
    {   
        type:'vbox',
        align:'stretch'
    },
    monitorOrientation: true,
    scroll:
    {
        direction: 'vertical',
        bounces: false,
        outOfBoundRestrictFactor : 0,
        threshold:20,
    },  
    style: 'background-color:black;',
    listeners: 
    {
        afterrender: function()
        {
            if(headlinepanel.scroller.offsetBoundary.bottom == 500)
            {
                console.log("You are here!");
            }
        }
    }
});

Это то, что у меня есть в данный момент, и я попытался выяснить, смогу ли я заставить работать свойство offsetBoundary, но никто из моих друзей по программированию не пробовал что-то подобное раньше, поэтому я не очень знаком с этим. Я бы оценил любую помощь, но я понимаю, если это не возможно с Сенчей. Спасибо, что прочитали это.

1 Ответ

2 голосов
/ 17 октября 2011

Вот как вы слушаете события прокрутки: 

headlinepanel.scroller.on('scroll',function(me,offset){
        console.log(offset.x);
        console.log(offset.y);
    });

Это событие срабатывает при каждом изменении, есть и другие события. Проверьте API здесь: http://docs.sencha.com/touch/1-1/#!/api/Ext.util.Scroller-event-scroll

А вот пример: http://jsfiddle.net/sSyqF/14/

...