Android手勢(shì)學(xué)習(xí)之單點(diǎn)手勢(shì)
說(shuō)在前面，很早時(shí)，android就開(kāi)始有支持單點(diǎn)手勢(shì)(單點(diǎn)觸控),到android2.2開(kāi)始支持多點(diǎn)觸控.
不同的動(dòng)作序列合起來(lái)表示不同的手勢(shì)。比如Fling手勢(shì)包括三個(gè)過(guò)程：將手指按觸在屏幕上，然后快速掃過(guò)，最后
抬起手指，并且在抬起手指仍然在運(yùn)動(dòng)(也就是說(shuō)抬起手指前，運(yùn)動(dòng)的速度并不會(huì)減少).每一個(gè)步操作都會(huì)觸發(fā)相應(yīng)的事件。
在View控件內(nèi)，開(kāi)發(fā)人員可以像處理普通的單擊事件時(shí)使用setOnClickListener()和setOnLongClickListener()
方法一樣處理手勢(shì)。onTouchEvent()回調(diào)方法用于探測(cè)View區(qū)域內(nèi)的用戶(hù)動(dòng)作。
onTouchEvent()回調(diào)方法只接收一個(gè)參數(shù)。MotionEvent對(duì)象。MotionEvent對(duì)象包含在View內(nèi)觸發(fā)的所有類(lèi)型動(dòng)作
的細(xì)節(jié)，通過(guò)收集和分析連續(xù)的MotionEvent對(duì)象，開(kāi)發(fā)人員可以確定產(chǎn)生了何種手勢(shì)。你可以使用MotionEvent數(shù)據(jù)
來(lái)識(shí)別的探測(cè)任何你能想像的手勢(shì)。不過(guò)你也可以使用Android SDK 內(nèi)置的手勢(shì)探測(cè)器來(lái)探測(cè)普通的用戶(hù)動(dòng)作。
android目前擁有兩個(gè)不同的類(lèi)用于手勢(shì)探測(cè)。
(1) GestureDetector類(lèi)可以用于探測(cè)一般的單點(diǎn)觸控手勢(shì)。
(2) ScaleGestureDetector可以用來(lái)探測(cè)多點(diǎn)縮放操作手勢(shì)。
除了普通的方向性手勢(shì)，你還可以使用API level 4中引入的android.gesture包中的GestureOverlayView來(lái)識(shí)別命令手勢(shì)。
下面主要是處理普通單點(diǎn)觸控手勢(shì)
API level 1中引入的GestureDetector類(lèi)可以用來(lái)探測(cè)單個(gè)手勢(shì)。GestureDetector類(lèi)所支持的單指手勢(shì)包括以下幾種。
onDown:當(dāng)用戶(hù)第一次按觸屏幕時(shí)觸發(fā)。
onShowPress:當(dāng)用戶(hù)按觸屏幕，并且在抬起或移動(dòng)手指之前觸發(fā)：用于顯示顯示地指示按觸事件確已探測(cè)到。
onSingleTapUp：作為單擊(sinlge-tap)事件的一部分，在用戶(hù)從觸屏上抬起手指(使用抬起MotionEvent)時(shí)觸發(fā)。
onSingleTabConfirmed:單擊事件發(fā)生時(shí)調(diào)用。
onDoubleTab：雙擊(double-tap)事件發(fā)生時(shí)調(diào)用。
onDoubleTabEvent：在任何雙擊手勢(shì)發(fā)生時(shí)調(diào)用，包括按下(down),移動(dòng),或抬起(up)MotionEvent.
onLongPress:與onSingleTapUp類(lèi)似，但只在用戶(hù)保持按觸狀態(tài)且不移動(dòng)一定時(shí)間，并且不是標(biāo)準(zhǔn)的單擊操作時(shí)調(diào)用。
onScroll：用戶(hù)按下手指并且勻速移動(dòng)手指后，在抬起手指前調(diào)用。通常也稱(chēng)為“拖曳”(dragging).
onFling:在用戶(hù)按下并且加速移動(dòng)手指后，在抬起手指前調(diào)用，通常也稱(chēng)為"拂動(dòng)(flick)手勢(shì)。
提示：你可以使用GestureDetector.SimpleOnGestureListener類(lèi)來(lái)監(jiān)聽(tīng)由GestureDetector識(shí)別的任何手勢(shì)。
實(shí)例：在Android中實(shí)現(xiàn)圖片左右滑動(dòng)效果。
參考來(lái)自：
http://www.cnblogs.com/hanyonglu/archive/2012/02/13/2349827.html
原文比較詳細(xì)，在此不轉(zhuǎn)。注意的一點(diǎn)就是，為了不帶那些不用的方法，可以繼承SimpleOnGestureListener類(lèi)。
說(shuō)一下，我個(gè)人的感受。
1.受到一些網(wǎng)上不正確的文章，實(shí)習(xí)OnTouchListener了。
結(jié)果，本來(lái)應(yīng)該重寫(xiě)GestureDetector.OnGestureListener接口的
onTouchEvent方法時(shí)，實(shí)現(xiàn)了onTouch()方法，害我老是看不到效果，這里弄，那里查，結(jié)果，找了開(kāi)始那本書(shū)學(xué)習(xí)。
系統(tǒng)學(xué)習(xí)之后，然后我看源代碼。發(fā)現(xiàn)了GestureDetector類(lèi)這樣的javadoc：
1/**
2* To use this class:
3 *
- Create an instance of the {@code GestureDetector} for your {@link View}
5 *
- In the {@link View#onTouchEvent(MotionEvent)} method ensure you call
6 * {@link #onTouchEvent(MotionEvent)}. The methods defined in your callback
7 * will be executed when the events occur.
8 *
4 *
9**/
上面那個(gè)ensure讓我覺(jué)得應(yīng)該檢查下是不是實(shí)現(xiàn)了。然后，結(jié)果就出來(lái)了。哈哈。太不小心了。
關(guān)于判斷手勢(shì)效果的代碼：
1Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT);
2 if (e1.getX() - e2.getX() > 120) {
3 this.mFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));
4 this.mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));
5this.mFlipper.showNext();
6 return true;
7 }
1.上面觸發(fā)事件時(shí)，我寫(xiě)有Toast提醒代碼，但是實(shí)際上，用戶(hù)看不到。
2.第二 上面判斷手勢(shì)距離要求120px有點(diǎn)大長(zhǎng)了。
下面學(xué)習(xí)下其中起到關(guān)鍵作用的另外一個(gè)類(lèi)。ViewFlipper.
ViewFlipper的類(lèi)繼承關(guān)系如下：
ViewFlipper->ViewAnimator->FrameLayout->ViewGroup->View->Object
看一下類(lèi)描述：(中文翻譯來(lái)自Android中文翻譯組)
1/**
2 * Simple {@link ViewAnimator} that will animate between two or more views
3 * that have been added to it. Only one child is shown at a time. If
4 * requested, can automatically flip between each child at a regular interval.
5 *
6被添加到ViewFlipper中的兩個(gè)或兩個(gè)以上的視圖之間將執(zhí)行一個(gè)簡(jiǎn)單的ViewAnimator動(dòng)畫(huà)。
1一次僅能顯示一個(gè)子視圖。如果需要，可以設(shè)置間隔時(shí)間使子視圖像幻燈片一樣自動(dòng)顯示。
1(譯者注：com.example.android.apis.view/Animation_2.java包含該類(lèi)示例程序)
2
3 * @attr ref android.R.styleable#ViewFlipper_flipInterval
4 * @attr ref android.R.styleable#ViewFlipper_autoStart
5 */
經(jīng)過(guò)使用SimpleOnGestureListener類(lèi)后的全部Java代碼如下：
01package me.banxi.slideapp;
02
03import android.app.Activity;[!--empirenews.page--]
04import android.os.Bundle;
05import android.util.Log;
06import android.view.GestureDetector;
07import android.view.GestureDetector.OnGestureListener;
08import android.view.MotionEvent;
09import android.view.View;
10import android.view.View.OnTouchListener;
11import android.view.animation.AnimationUtils;
12import android.widget.ImageView;
13import android.widget.Toast;
14import android.widget.ViewFlipper;
15
16public class SlideAndGestureActivity extends Activity {
17 private ViewFlipper mFlipper;
18 private GestureDetector mDetector;
19 /** Called when the activity is first created. */
20 @Override
21 public void onCreate(Bundle savedInstanceState) {
22 super.onCreate(savedInstanceState);
23 setContentView(R.layout.slide);
24
25 mDetector = new GestureDetector(getApplicationContext(),new FlingListener());
26 mFlipper = (ViewFlipper )findViewById(R.id.viewFlipper1);
27
28 mFlipper.addView(addTextView(R.drawable.one));
29 mFlipper.addView(addTextView(R.drawable.two));
30 mFlipper.addView(addTextView(R.drawable.three));
31 mFlipper.addView(addTextView(R.drawable.four));
32 mFlipper.addView(addTextView(R.drawable.five));
33
34 }
35
36 private View addTextView(int resId){
37 ImageView view = new ImageView(this);
38 view.setImageResource(resId);
39 return view;
40 }
41
42 @Override
43 public boolean onTouchEvent(MotionEvent event) {
44 return mDetector.onTouchEvent(event);
45 }
46
47 private class FlingListener extends GestureDetector.SimpleOnGestureListener{
48 @Override
49 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
50 float velocityY) {
51 String msg = "e1:"+e1.getX()+","+e1.getY()+"e2:"+e2.getX()+","+e2.getY();
52 Log.i("MotionSlide", msg);
53 if (e1.getX() - e2.getX() > 120) {
54 mFlipper.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_left_in));
55 mFlipper.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_left_out));
56 mFlipper.showNext();
57 return true;
58 } else if (e1.getX() - e2.getX() < -120) {
59 mFlipper.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_right_in));
60 mFlipper.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_right_out));
61 mFlipper.showPrevious();
62 return true;
63 }
64 return false;
65 }
66
67 }
68
69}
在實(shí)際的項(xiàng)目開(kāi)發(fā)中會(huì)遇到這樣一樣問(wèn)題。
比如。上面 例子添加的ImageView默認(rèn)也許不處理事件。所以 可以 正常的滑動(dòng)。
但是在我的實(shí)際的開(kāi)發(fā)中，的發(fā)現(xiàn)如ViewFlipper上面有一個(gè)GridView,GridView上面排列有Button.然后滑動(dòng)手勢(shì)
的事件就不會(huì)傳播到ViewFlipper中去啊。于是我開(kāi)始是在GridView上面 設(shè)置 一個(gè)margin
在margin區(qū)域里滑動(dòng)事件 就會(huì)傳遞給ViwFlipper。(嚴(yán)格來(lái)說(shuō)應(yīng)該是mDetecotor.onTouchEvent()中去。
然后我就在想這個(gè)事件 傳播的問(wèn)題，然后我想到因?yàn)槠鋵?shí)主要調(diào)用mDetecotor的時(shí)候，
也是在Activity中的OnTouchEvent(MotionEvent)方法 中。
中將這個(gè)MotionEvent事件以這樣return mDetector.onTouchEvent(event)方法處理返回 。
于是 想在button中事件中的ACTION_MOVE中也調(diào)用mDetector.OnTouchEvent()
但是結(jié)果 不行。后來(lái)我就不區(qū)分ACTION_MOVE等等了。
于是，最后，我在對(duì)button和gridView做了如下處理。
1button.setOnTouchListener(new OnTouchListener() {
2 @Override
3 public boolean onTouch(View v, MotionEvent event) {
4 return mDetector.onTouchEvent(event);
5
6 }
7});
1gridView.setOnTouchListener(new OnTouchListener() {
2 @Override
3 public boolean onTouch(View v, MotionEvent event) {
4 return mDetector.onTouchEvent(event);
5 }
6});
我想，因?yàn)镕liing這樣事件不僅僅是ACTION_MOVE他還有開(kāi)始的OnDown等等一系列事件組合起來(lái)的。
下載文檔
