基于Android中手勢(shì)交互的實(shí)現(xiàn)方法
閑來(lái)無(wú)事,琢磨琢磨Android中的手勢(shì)交互,發(fā)現(xiàn)網(wǎng)上在手勢(shì)方面的文章并不是很多,而且很多的參考價(jià)值并不大。于是出此博文,與大家共勉。鑒于我寫(xiě)此博文時(shí)對(duì)手勢(shì)交互的研究也不是特深,如果有不正確的地方,還請(qǐng)各位博友批評(píng)指正。
首先,在Android系統(tǒng)中,每一次手勢(shì)交互都會(huì)依照以下順序執(zhí)行。
1. 接觸接觸屏一剎那,觸發(fā)一個(gè)MotionEvent事件。
2. 該事件被OnTouchListener監(jiān)聽(tīng),在其onTouch()方法里獲得該MotionEvent對(duì)象。
3. 通過(guò)GestureDetector(手勢(shì)識(shí)別器)轉(zhuǎn)發(fā)次MotionEvent對(duì)象至OnGestureListener。
4. OnGestureListener獲得該對(duì)象,聽(tīng)根據(jù)該對(duì)象封裝的的信息,做出合適的反饋。
這個(gè)順序可以說(shuō)就是手勢(shì)交互的原理,下面一同來(lái)了解一下MotionEvent、GestureDetector和OnGestureListener。
MotionEvent: 這個(gè)類(lèi)用于封裝手勢(shì)、觸摸筆、軌跡球等等的動(dòng)作事件。其內(nèi)部封裝了兩個(gè)重要的屬性X和Y,這兩個(gè)屬性分別用于記錄橫軸和縱軸的坐標(biāo)。
GestureDetector: 識(shí)別各種手勢(shì)。
OnGestureListener: 這是一個(gè)手勢(shì)交互的監(jiān)聽(tīng)接口,其中提供了多個(gè)抽象方法,并根據(jù)GestureDetector的手勢(shì)識(shí)別結(jié)果調(diào)用相對(duì)應(yīng)的方法。
下面我再通過(guò)一個(gè)切換美女圖片(又是美女圖片哦。敬請(qǐng)關(guān)注哦,親)的代碼示例,演示一下手勢(shì)交互的實(shí)現(xiàn),讓大伙對(duì)上面的執(zhí)行順序,以及各手勢(shì)動(dòng)作的區(qū)分有一個(gè)更加深刻的了解和記憶。
首先,提供一個(gè)只有ImageView的布局文件——main.xml。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageView android:id="@+id/image" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_gravity="center"/>
</LinearLayout>
然后,完成我們的Activity,因?yàn)橐O(jiān)聽(tīng)觸摸屏的觸摸事件和手勢(shì)時(shí)間,所以該Activity必須實(shí)現(xiàn)OnTouchListener和OnGestureListener兩個(gè)接口,并重寫(xiě)其中的方法。具體代碼如下:
public class MainActivity extends Activity implements OnTouchListener, OnGestureListener {
//創(chuàng)建一個(gè)用于識(shí)別收拾的GestureDetector對(duì)象
private GestureDetector detector = new GestureDetector(this);
//定義一個(gè)數(shù)組,用于放漂亮的女孩
int[] girls = new int[]{R.drawable.girl1, R.drawable.girl2, R.drawable.girl3};
//定義數(shù)組下標(biāo),以方便觀看各個(gè)女孩
private int index;
private ImageView image;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
image = (ImageView)findViewById(R.id.image);
//設(shè)置一個(gè)初始顯示的girl吧
image.setImageResource(girls[index]);
//監(jiān)聽(tīng)這個(gè)ImageView組件上的觸摸屏?xí)r間
image.setOnTouchListener(this);
//下面兩個(gè)要記得設(shè)哦,不然就沒(méi)法處理輕觸以外的事件了,例如拋擲動(dòng)作。
image.setLongClickable(true);
detector.setIsLongpressEnabled(true);
}
//用于呼喊下一個(gè)女孩的方法
public void goNext(){
index++;
index = Math.abs(index % girls.length);
image.setImageResource(girls[index]);
}
//用戶呼喚上一個(gè)女孩的方法
public void goPrevious(){
index--;
index = Math.abs(index % girls.length);
image.setImageResource(girls[index]);
}
//重寫(xiě)OnTouchListener的onTouch方法
//此方法在觸摸屏被觸摸,即發(fā)生觸摸事件(接觸和撫摸兩個(gè)事件,挺形象)的時(shí)候被調(diào)用。
@Override
public boolean onTouch(View v, MotionEvent event) {
detector.onTouchEvent(event);
return true;
}
//在按下動(dòng)作時(shí)被調(diào)用
@Override
public boolean onDown(MotionEvent e) {
return false;
}
//在拋擲動(dòng)作時(shí)被調(diào)用
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
//velocityX表示橫向的移動(dòng),根據(jù)手指移動(dòng)的方向切換女孩
if(velocityX < 0){
goNext();
}else if(velocityX > 0){
goPrevious();
}
return false;
}
//在長(zhǎng)按時(shí)被調(diào)用
@Override
public void onLongPress(MotionEvent e) {
}
//在滾動(dòng)時(shí)調(diào)用
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return false;
}
//在按住時(shí)被調(diào)用
@Override
public void onShowPress(MotionEvent e) {
}
//在抬起時(shí)被調(diào)用
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
}
在剛開(kāi)始學(xué)Android的時(shí)候,就覺(jué)得Google的文檔不咋樣,在研究手勢(shì)時(shí),更加的感覺(jué)Google的文檔寫(xiě)得實(shí)在是太差了。很多常量,屬性和方法,居然連個(gè)描述都沒(méi)有。沒(méi)有描述也就罷了,但是OnGestureListener里手勢(shì)這么多,它也沒(méi)有一個(gè)介紹說(shuō)明,在沒(méi)有進(jìn)行不斷才嘗試之前,誰(shuí)能搞懂onLongPress和onShowPress,onScroll和onFling的關(guān)系與差別嗎?Google真的需要在文檔方面做一次大手術(shù)了。不過(guò)好在經(jīng)過(guò)鄙人不斷反復(fù)的嘗試。從個(gè)人的角度為這幾個(gè)手勢(shì)動(dòng)作做出了定義。
按下(onDown): 剛剛手指接觸到觸摸屏的那一剎那,就是觸的那一下。
拋擲(onFling): 手指在觸摸屏上迅速移動(dòng),并松開(kāi)的動(dòng)作。
長(zhǎng)按(onLongPress): 手指按在持續(xù)一段時(shí)間,并且沒(méi)有松開(kāi)。
滾動(dòng)(onScroll): 手指在觸摸屏上滑動(dòng)。
按住(onShowPress): 手指按在觸摸屏上,它的時(shí)間范圍在按下起效,在長(zhǎng)按之前。
抬起(onSingleTapUp):手指離開(kāi)觸摸屏的那一剎那。
除了這些定義之外,鄙人也總結(jié)了一點(diǎn)算是經(jīng)驗(yàn)的經(jīng)驗(yàn)吧,在這里和大家分享一下。
任何手勢(shì)動(dòng)作都會(huì)先執(zhí)行一次按下(onDown)動(dòng)作。
長(zhǎng)按(onLongPress)動(dòng)作前一定會(huì)執(zhí)行一次按?。╫nShowPress)動(dòng)作。
按?。╫nShowPress)動(dòng)作和按下(onDown)動(dòng)作之后都會(huì)執(zhí)行一次抬起(onSingleTapUp)動(dòng)作。
長(zhǎng)按(onLongPress)、滾動(dòng)(onScroll)和拋擲(onFling)動(dòng)作之后都不會(huì)執(zhí)行抬起(onSingleTapUp)動(dòng)作。
說(shuō)到這里,大致結(jié)束。剩下的,就是一起看看運(yùn)行結(jié)果吧。
一、沒(méi)有拋擲:
二、向右拋擲一次
三、向右再拋擲一次
相關(guān)文章
Android CameraX結(jié)合LibYUV和GPUImage自定義相機(jī)濾鏡
之前使用Camera實(shí)現(xiàn)了一個(gè)自定義相機(jī)濾鏡(Android自定義相機(jī)濾鏡 ),但是運(yùn)行起來(lái)有點(diǎn)卡頓,這次用Camerax來(lái)實(shí)現(xiàn)一樣的效果發(fā)現(xiàn)很流暢,在此記錄一下,也希望能幫到有需要的同學(xué)2021-12-12Android Studio下添加assets目錄的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇Android Studio下添加assets目錄的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03Android Socket接口實(shí)現(xiàn)即時(shí)通訊實(shí)例代碼
這篇文章主要介紹了Android Socket接口實(shí)現(xiàn)即時(shí)通訊實(shí)例代碼的相關(guān)資料,這里對(duì)通訊知識(shí)進(jìn)行了詳細(xì)介紹,并用Socket 接口實(shí)現(xiàn)通訊實(shí)例,需要的朋友可以參考下2016-12-12Android SharedPreferences實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)功能
這篇文章主要為大家詳細(xì)介紹了Android SharedPreferences實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06Android開(kāi)發(fā)自學(xué)筆記(五):使用代碼控制界面
這篇文章主要介紹了Android開(kāi)發(fā)自學(xué)筆記(五):使用代碼控制界面,本文講解了添加第二個(gè)layout、添加MyActivity的code、setup函數(shù)、getResult函數(shù)等內(nèi)容,需要的朋友可以參考下2015-04-04Android編程之頁(yè)面切換測(cè)試實(shí)例
這篇文章主要介紹了Android編程之頁(yè)面切換測(cè)試,實(shí)例分析了Android實(shí)現(xiàn)頁(yè)面點(diǎn)擊切換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04