Анимация изображения Sencha Touch 2 при касании

Я пришел к выводу, что фреймворк Sencha Touch заметно улучшается. Поскольку я не мог видеть что-то вроде того, что хочу, я хотел спросить здесь и посмотреть, возможно ли это. Я хотел бы услышать ваше мнение о том, как сделать анимацию смены изображения при касании изображения. Когда вы коснетесь изображения, другое изображение будет расти из середины.

На самом деле я также хочу определить (если возможно) место прикосновения к изображению (что я мог бы сделать на iOS).

Это возможно? Если да, то любые советы приветствуются.

Спасибо


sencha-touch sencha-touch-2
person Eren Beşel    schedule 15.03.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Панель имеет некоторые свойства для определения местоположения касания:

var Xscroll = somePanel.scroller.offset.x;
var Yscroll = somePanel.scroller.offset.y;

Кроме того, для вашей анимации вы можете сделать что-то вроде этого:

Имейте 1 изображение на своей 1-й панели (сделайте это изображение подходящим для панели и оставьте его фоном), например:

JS:

App.somePanel= new Ext.Panel({
    cls: 'somePanel',
    html: '<h1>Welcome to my app!</h1>',
    //some other properties
});

CSS:

.somePanel {
       background-image: url(http://somesite.com/someimage.png);
       background-repeat: no-repeat;
       background-size: 100% 100%;
}

Есть вторая панель, как это.

По какому-то событию на первой панели делаем:

  1. Скрыть эту панель с анимацией
  2. Показать вторую панель с анимацией

Список анимаций приведен в Sencha Touch API.

person hrishikeshp19    schedule 17.03.2012
comment
спасибо, не могли бы вы тоже привести пример анимации, если не возражаете. Потому что исходный код Документов на веб-сайте Sencha на самом деле не объясняет, как делается анимация. - person Eren Beşel; 19.03.2012
comment
это может вам помочь: stackoverflow.com/questions/6618606/ - person hrishikeshp19; 19.03.2012