Android-ジェスチャー
Androidは、ピンチ、ダブルタップ、スクロール、長押し、フリンチなどの特殊なタイプのタッチスクリーンイベントを提供します。これらはすべてジェスチャーとして知られています。
Androidには、モーションイベントを受信し、これらのイベントがジェスチャーに対応しているかどうかを通知するGestureDetectorクラスが用意されています。これを使用するには、GestureDetectorのオブジェクトを作成してから、で別のクラスを拡張する必要があります。GestureDetector.SimpleOnGestureListenerリスナーとして機能し、いくつかのメソッドをオーバーライドします。その構文を以下に示します-
GestureDetector myG;
myG = new GestureDetector(this,new Gesture());
class Gesture extends GestureDetector.SimpleOnGestureListener{
public boolean onSingleTapUp(MotionEvent ev) {
}
public void onLongPress(MotionEvent ev) {
}
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
}
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
}
}
ピンチジェスチャの処理
Androidは提供します ScaleGestureDetectorピンチなどのジェスチャを処理するクラスこれを使用するには、このクラスのオブジェクトをインスタンス化する必要があります。その構文は次のとおりです-
ScaleGestureDetector SGD;
SGD = new ScaleGestureDetector(this,new ScaleListener());
最初のパラメーターはコンテキストで、2番目のパラメーターはイベントリスナーです。イベントリスナーを定義し、関数をオーバーライドする必要がありますOnTouchEventそれを機能させるために。その構文を以下に示します-
public boolean onTouchEvent(MotionEvent ev) {
SGD.onTouchEvent(ev);
return true;
}
private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
@Override
public boolean onScale(ScaleGestureDetector detector) {
float scale = detector.getScaleFactor();
return true;
}
}
ピンチジェスチャとは別に、タッチイベントについてより多くの情報を通知する他の方法があります。それらは以下にリストされています-
シニア番号 | 方法と説明 |
---|---|
1 | getEventTime() このメソッドは、処理中の現在のイベントのイベント時間を取得します。 |
2 | getFocusX() このメソッドは、現在のジェスチャの焦点のX座標を取得します。 |
3 | getFocusY() このメソッドは、現在のジェスチャの焦点のY座標を取得します。 |
4 | getTimeDelta() このメソッドは、前に受け入れられたスケーリングイベントと現在のスケーリングイベントの間の時間差をミリ秒単位で返します。 |
5 | isInProgress() スケールジェスチャが進行中の場合、このメソッドはtrueを返します。 |
6 | onTouchEvent(MotionEvent event) このメソッドはMotionEventsを受け入れ、必要に応じてイベントをディスパッチします。 |
例
これは、ScaleGestureDetectorクラスの使用法を示す例です。それはあなたがピンチを通してズームインとズームアウトを可能にする基本的なアプリケーションを作成します。
この例を試すために、これを実際のデバイスまたはタッチスクリーンが有効になっているエミュレーターで実行できます。
ステップ | 説明 |
---|---|
1 | Android Studioを使用して、com.example.sairamkrishna.myapplicationパッケージの下にAndroidアプリケーションを作成します。 |
2 | src / MainActivity.javaファイルを変更して、必要なコードを追加します。 |
3 | res / layout / activity_mainを変更して、それぞれのXMLコンポーネントを追加します |
4 | アプリケーションを実行し、実行中のAndroidデバイスを選択してアプリケーションをインストールし、結果を確認します |
変更されたメインアクティビティファイルの内容は次のとおりです src/MainActivity.java。
package com.example.sairamkrishna.myapplication;
import android.app.Activity;
import android.graphics.Matrix;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.ScaleGestureDetector;
import android.widget.ImageView;
public class MainActivity extends Activity {
private ImageView iv;
private Matrix matrix = new Matrix();
private float scale = 1f;
private ScaleGestureDetector SGD;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iv=(ImageView)findViewById(R.id.imageView);
SGD = new ScaleGestureDetector(this,new ScaleListener());
}
public boolean onTouchEvent(MotionEvent ev) {
SGD.onTouchEvent(ev);
return true;
}
private class ScaleListener extends ScaleGestureDetector.
SimpleOnScaleGestureListener {
@Override
public boolean onScale(ScaleGestureDetector detector) {
scale *= detector.getScaleFactor();
scale = Math.max(0.1f, Math.min(scale, 5.0f));
matrix.setScale(scale, scale);
iv.setImageMatrix(matrix);
return true;
}
}
}
以下は、xmlの変更されたコンテンツです res/layout/activity_main.xml。
ここでabcはtutorialspointのロゴを示しています
<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" >
<TextView android:text="Gestures
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:scaleType="matrix"
android:layout_below="@+id/textView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />
</RelativeLayout>
以下は、の内容です res/values/string.xml。
<resources>
<string name="app_name>My Application</string>
</resources>
以下はの内容です AndroidManifest.xml ファイル。
<?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="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.sairamkrishna.myapplicationMainActivity"
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>
アプリケーションを実行してみましょう。実際のAndroidモバイルデバイスをコンピューターに接続していると思います。Android Studioからアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[実行
ここで、Android画面上に2本の指を置き、それらを一部分離すると、Android画像がズームしていることがわかります。下の画像に示されています-
ここでもう一度Android画面に2本の指を置き、それらを閉じようとすると、Android画像が縮小していることがわかります。下の画像に示されています-