Translate

вторник, 26 июня 2012 г.

Взаимодействие с сенсорным экраном при программировании на android. Реализация мультитач-жестов.

 
  Эта статья пригодится тем, кто хочет запрограммировать продвинутое сенсорное управление в своем приложении на android. Как показывает практика, интерфейс, построенный на взаимодействии с сенсорным экраном, очень прост, понятен и удобен. 
 
   Существует 2 способа запрограммировать взаимодействие с сенсорным экраном: в activity и внутри кода отдельного компонента. Второе обычно полезнее, поскольку тогда один раз запрограммированный компонент будет всегда слушаться нужных жестов.
   Итак, для отлавливания касаний экрана в activity, нужно ввести в ее код следующий метод (eclipse предложит имплементировать интерфейс onTouchListener):

public boolean onTouch(View arg0, MotionEvent arg1) {
   //code
}




В коде компонента следует аналогичное действие делается так:

public boolean onTouchEvent(MotionEvent event){
   //code
}

   Аргументами методов служат:
1)Компонент arg0(только в первом случае), над которым и было совершено касание
2)arg1 (во втором случае он называется event)специальный класс, содержащий кучу параметров и типе прикосновения к сенсорному экрану — координаты, силу нажатия, тип нажатия

   Основные методы класса MotionEvent:

   Методы getX() и getY() возвращают координаты нажатия.
Метод getAction() возвращает тип нажатия пользователем. При проектировании приложения буз мультитача возможны следубщие его значения:
-константа ACTION_DOWN : пользователь опускает палец на экран
-константа ACTION_UP : юзер поднимает палец с экрана
-константа ACTION_MOVE : пользователь перемещает палец по экрану.
Таким образом, если юзер проведет пальцем по дисплею, аозникнет целая куча событий onTouch : сначала ACTION_DOWN, затем некоторое количество ACTION_MOVE, затем ACTION_UP.


   В более сложном случае, когда в управлении используется мультитач, типов событий больше (внимание, программирование мультитача имеет также один важный недостаток — его невозможно протестировать на эмуляторе):

ACTION_POINTER_1_UP – поднятие 1-го пальца
ACTION_POINTER_2_UP – поднятие 2-го пальца
ACTION_POINTER_1_DOWN – отпускание 1-го пальца
ACTION_POINTER_2_DOWN – отпускание 2-го пальца

   Узнать количество пальцев на экране можно методом event.getPointerCount(). Координаты n-го пальца(считая от 0) находят методами getX(n) и getY(n)


   Теории достаточно, давайте программировать мультитач. Условимся, что мы его будем реализовывать в компоненте.
Реализуем следующий несложный интерфейс — двумя пальцами осуществляется просто масштабирование без переноса(чтобы не усложнять пример). Алгоритм таков:

   Пусть синие кресты — положение пальцев в момент времени 2, а красные — в момент времени 1 при их перемещении. Нам нужно рассчитать расстояния между пальцами в оба момента времени (curS и prevS – свойства компонента) и сравнить их — их отношение и будет масштабным коэффициентом.
   Нам, при этом, правда, придется как-то разделять различные акты масштабирования. Нам же не хочется, чтобы после масштабирования и отпускания пальцев при следующем масштабировании расстояние сравнивалось с последним из другого акта.
   Для этой цели не следует выполнять масштабирование, если prevS=0 && curS=0. Тогда нужно просто определить сами расстояния. В начале же акта надо обязательно обнулить эти значения. Код обработчика события:

if (event.getPointerCount()==2){
    double dx;
    double dy;
    if (event.getAction()==event.Action_MOVE){
     if (prevS==0 && curS==0){
        dx=event.getX(0)-event.getX(1);
        dy=event.getY(0)-event.getY(1);
        curS=Math.sqrt(dx*dx+dy*dy);
        prevS=curS;
     }
     else{
        prevS=curS;
        dx=event.getX(0)-event.getX(1);
        dy=event.getY(0)-event.getY(1);
        curS=Math.sqrt(dx*dx+dy*dy);

                    //Масштабирование с помощью curS и prevS
     }
    }
     if (event.getAction()==event.ACTION_POINTER_2_DOWN){
     curS=0;
     prevS=0;
    }
}

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...