1. 程式人生 > >第25章、OnTouchListener觸控事件(從零開始學Android)

第25章、OnTouchListener觸控事件(從零開始學Android)

  在Android App應用中,OnTouch事件表示觸控事件,本章我們通過滑過影象獲取當前位置理解其具體用法。

  知識點:OnTouch

  

一、設計介面

  1、首先把c.jpg圖片複製到res/drawable-hdpi資料夾內。

  

  2、開啟“res/layout/activity_main.xml”檔案。

  (1)從工具欄向activity拖出1個影象ImageView、1個文字標籤TextView。

  

  3、開啟activity_main.xml檔案。

  程式碼如下:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/picture"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/c" />

    <TextView
        android:id="@+id/info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/picture"
        android:text="座標資訊" />

</RelativeLayout>



  4、介面如下:

  

二、長按事件 

  開啟“src/com.genwoxue.onlongclick/MainActivity.java”檔案。

  然後輸入以下程式碼:  

package com.genwoxue.ontouch;

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

public class MainActivity extends Activity {
	//宣告TextView、ImageView物件
	private TextView  tvInfo=null;
	private ImageView ivwPicture=null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//獲取TextView、ImageView物件
		tvInfo=(TextView)super.findViewById(R.id.info);
		ivwPicture=(ImageView)super.findViewById(R.id.picture);
		//註冊OnTouch監聽器
		ivwPicture.setOnTouchListener(new PicOnTouchListener());
	}
	//OnTouch監聽器
	private class PicOnTouchListener implements OnTouchListener{
		@Override
		public boolean onTouch(View v, MotionEvent event){			
			//event.getX獲取X座標;event.getY()獲取Y座標
			String sInfo="X="+String.valueOf(event.getX())+"  Y="+String.valueOf(event.getY());
			tvInfo.setText(sInfo);
			return true;
		}
	}	
}



  在圖片上不斷滑動,則會顯示其不同的座標位置。

  效果如下: