Sencha Touch 2 анимация изображения на ощупь - PullRequest
Новая
       4

Sencha Touch 2 анимация изображения на ощупь

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

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

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

Возможно ли это? Если так, то любой совет приветствуется.

Спасибо

1 Ответ

1 голос
/ 17 марта 2012

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

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

...