Android - Multitouch

Le geste multi-touch se produit lorsque plusieurs doigts touchent l'écran en même temps. Android nous permet de détecter ces gestes.

Le système Android génère les événements tactiles suivants chaque fois que plusieurs doigts touchent l'écran en même temps.

Sr. Non	Description de l'évenement
1	ACTION_DOWN Pour le premier pointeur qui touche l'écran. Cela démarre le geste.
2	ACTION_POINTER_DOWN Pour des pointeurs supplémentaires qui entrent dans l'écran au-delà du premier.
3	ACTION_MOVE Un changement s'est produit lors d'un geste de presse.
4	ACTION_POINTER_UP Envoyé lorsqu'un pointeur non principal monte.
5	ACTION_UP Envoyé lorsque le dernier pointeur quitte l'écran.

Donc, pour détecter l'un des événements mentionnés ci-dessus, vous devez remplacer onTouchEvent()méthode et vérifiez ces événements manuellement. Sa syntaxe est donnée ci-dessous -

public boolean onTouchEvent(MotionEvent ev){
   final int actionPeformed = ev.getAction();

   switch(actionPeformed){
      case MotionEvent.ACTION_DOWN:{
         break;
      }
   
      case MotionEvent.ACTION_MOVE:{
         break;
      }
      return true;
   }
}

Dans ces cas, vous pouvez effectuer le calcul que vous souhaitez. Par exemple, zoomer, rétrécir, etc. Afin d'obtenir les coordonnées des axes X et Y, vous pouvez appelergetX() et getY()méthode. Sa syntaxe est donnée ci-dessous -

final float x = ev.getX();
final float y = ev.getY();

En dehors de ces méthodes, il existe d'autres méthodes fournies par cette classe MotionEvent pour mieux gérer le multitouch. Ces méthodes sont énumérées ci-dessous -

Sr. Non	Méthode et description
1	getAction() Cette méthode renvoie le type d'action en cours
2	getPressure() Cette méthode renvoie la pression actuelle de cet événement pour le premier index
3	getRawX() Cette méthode renvoie la coordonnée X brute d'origine de cet événement
4	getRawY() Cette méthode renvoie la coordonnée Y brute d'origine de cet événement
5	getSize() Cette méthode renvoie la taille du premier index de pointeur
6	getSource() Cette méthode obtient la source de l'événement
sept	getXPrecision() Cette méthode renvoie la précision des coordonnées X signalées
8	getYPrecision() Cette méthode renvoie la précision des coordonnées Y signalées

Exemple

Voici un exemple illustrant l'utilisation de Multitouch. Il crée une application de gestes Multitouch de base qui vous permet d'afficher les coordonnées lorsque le multitouch est effectué.

Pour expérimenter cet exemple, vous devez l'exécuter sur un appareil réel.

Pas	La description
1	Vous utiliserez Android Studio pour créer une application Android sous un package com.example.sairamkrishna.myapplication.
2	Modifiez le fichier src / MainActivity.java pour ajouter du code multitouch.
3	Modifiez le res / layout / activity_main pour ajouter les composants XML respectifs.
4	Exécutez l'application et choisissez un appareil Android en cours d'exécution, installez l'application dessus et vérifiez les résultats.

Voici le contenu du fichier d'activité principal modifié src/MainActivity.java.

package com.example.sairamkrishna.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {
   float xAxis = 0f;
   float yAxis = 0f;

   float lastXAxis = 0f;
   float lastYAxis = 0f;

   EditText ed1, ed2, ed3, ed4;
   TextView tv1;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      ed1 = (EditText) findViewById(R.id.editText);
      ed2 = (EditText) findViewById(R.id.editText2);
      ed3 = (EditText) findViewById(R.id.editText3);
      ed4 = (EditText) findViewById(R.id.editText4);

      tv1=(TextView)findViewById(R.id.textView2);
		
      tv1.setOnTouchListener(new View.OnTouchListener() {
         @Override
         public boolean onTouch(View v, MotionEvent event) {
            final int actionPeformed = event.getAction();

            switch(actionPeformed){
               case MotionEvent.ACTION_DOWN:{
                  final float x = event.getX();
                  final float y = event.getY();

                  lastXAxis = x;
                  lastYAxis = y;

                  ed1.setText(Float.toString(lastXAxis));
                  ed2.setText(Float.toString(lastYAxis));
                  break;
               }

               case MotionEvent.ACTION_MOVE:{
                  final float x = event.getX();
                  final float y = event.getY();

                  final float dx = x - lastXAxis;
                  final float dy = y - lastYAxis;

                  xAxis += dx;
                  yAxis += dy;

                  ed3.setText(Float.toString(xAxis));
                  ed4.setText(Float.toString(yAxis));
                  break;
               }
            }
            return true;
         }
      });
   }
}

Voici le contenu modifié du xml res/layout/activity_main.xml.

Dans le code ci-dessous abcindique le logo de tutorialspoint.com

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
   android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin"
   tools:context=".MainActivity"
   android:transitionGroup="true">
   
   <TextView android:text="Multitouch example" android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/textview"
      android:textSize="35dp"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true" />
      
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Tutorials point"
      android:id="@+id/textView"
      android:layout_below="@+id/textview"
      android:layout_centerHorizontal="true"
      android:textColor="#ff7aff24"
      android:textSize="35dp" />
      
   <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/imageView"
      android:src="@drawable/abc"
      android:layout_below="@+id/textView"
      android:layout_centerHorizontal="true"
      android:theme="@style/Base.TextAppearance.AppCompat" />
      
   <EditText
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/editText"
      android:layout_below="@+id/imageView"
      android:layout_alignRight="@+id/textview"
      android:layout_alignEnd="@+id/textview"
      android:hint="X-Axis"
      android:layout_alignLeft="@+id/textview"
      android:layout_alignStart="@+id/textview"
      android:textColorHint="#ff69ff0e" />
      
   <EditText
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/editText2"
      android:layout_below="@+id/editText"
      android:layout_alignLeft="@+id/editText"
      android:layout_alignStart="@+id/editText"
      android:textColorHint="#ff21ff11"
      android:hint="Y-Axis"
      android:layout_alignRight="@+id/editText"
      android:layout_alignEnd="@+id/editText" />
      
   <EditText
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/editText3"
      android:layout_below="@+id/editText2"
      android:layout_alignLeft="@+id/editText2"
      android:layout_alignStart="@+id/editText2"
      android:hint="Move X"
      android:textColorHint="#ff33ff20"
      android:layout_alignRight="@+id/editText2"
      android:layout_alignEnd="@+id/editText2" />
      
   <EditText
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/editText4"
      android:layout_below="@+id/editText3"
      android:layout_alignLeft="@+id/editText3"
      android:layout_alignStart="@+id/editText3"
      android:textColorHint="#ff31ff07"
      android:hint="Move Y"
      android:layout_alignRight="@+id/editText3"
      android:layout_alignEnd="@+id/editText3" />
      
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Touch here"
      android:id="@+id/textView2"
      android:layout_alignParentBottom="true"
      android:layout_alignLeft="@+id/imageView"
      android:layout_alignStart="@+id/imageView"
      android:focusable="true"
      android:typeface="sans"
      android:clickable="true"
      android:textColor="#ff5480ff"
      android:textSize="35dp" />

</RelativeLayout>

Voici le contenu de la res/values/string.xml.

<resources>
   <string name="app_name">My Application</string>
</resources>

Voici le contenu de AndroidManifest.xml fichier.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.sairamkrishna.myapplication" >

   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name=".MainActivity"
         android:label="@string/app_name" >
         
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
         
      </activity>
   
   </application>
</manifest>

Essayons d'exécuter votre application. Je suppose que vous avez connecté votre appareil mobile Android à votre ordinateur. Pour exécuter l'application depuis Android Studio, ouvrez l'un des fichiers d'activité de votre projet et cliquez sur l' icône Exécuter dans la barre d'outils. Avant de démarrer votre application, Android studio affichera la fenêtre suivante pour sélectionner une option dans laquelle vous souhaitez exécuter votre application Android.

Sélectionnez votre appareil mobile en option, puis vérifiez votre appareil mobile qui affichera votre écran par défaut -

Par défaut, vous ne verrez rien dans aucun champ. Maintenant, appuyez simplement sur la zone Touch here et voyez quelques données dans les champs. Il est montré ci-dessous -

Vous verrez que les données du champ Déplacer sont 0, car un seul geste tactile a été effectué. Maintenant, appuyez sur l'écran et commencez à faire glisser votre doigt. Vous verrez le changement dans les données du champ de déplacement. Il est montré ci-dessous -