欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解析Android開發(fā)中多點(diǎn)觸摸的實(shí)現(xiàn)方法

 更新時間:2013年05月09日 09:00:29   作者:  
多點(diǎn)觸摸(MultiTouch),指的是允許計(jì)算機(jī)用戶同時通過多個手指來控制圖形界面的一種技術(shù)。與多點(diǎn)觸摸技術(shù)相對應(yīng)的就是單點(diǎn)觸摸,單點(diǎn)觸摸的設(shè)備已經(jīng)有很多年了,小尺寸的有觸摸式的手機(jī),大尺寸的最常見的就是銀行里的ATM機(jī)和排隊(duì)查詢機(jī)等等

多點(diǎn)觸摸技術(shù)在實(shí)際開發(fā)過程中,用的最多的就是放大縮小功能。比如有一些圖片瀏覽器,就可以用多個手指在屏幕上操作,對圖片進(jìn)行放大或者縮小。再比如一些瀏覽器,也可以通過多點(diǎn)觸摸放大或者縮小字體。其實(shí)放大縮小也只是多點(diǎn)觸摸的實(shí)際應(yīng)用樣例之一,有了多點(diǎn)觸摸技術(shù),在一定程度上就可以創(chuàng)新出更多的操作方式來,實(shí)現(xiàn)更酷的人機(jī)交互。

理論上,Android系統(tǒng)本身可以處理多達(dá)256個手指的觸摸,這主要取決于手機(jī)硬件的支持。當(dāng)然,支持多點(diǎn)觸摸的手機(jī),也不會支持這么多點(diǎn),一般是支持2個點(diǎn)或者4個點(diǎn)。對于開發(fā)者來說,編寫多點(diǎn)觸摸的代碼與編寫單點(diǎn)觸摸的代碼,并沒有很大的差異。這是因?yàn)椋珹ndroid SDK中的MotionEvent類不僅封裝了單點(diǎn)觸摸的消息,也封裝了多點(diǎn)觸摸的消息,對于單點(diǎn)觸摸和多點(diǎn)觸摸的處理方式幾乎是一樣的。

在處理單點(diǎn)觸摸中,我們一般會用到MotionEvent.ACTION_DOWN、ACTION_UP、ACTION_MOVE,然后可以用一個Switch語句來分別進(jìn)行處理。ACTION_DOWN和ACTION_UP就是單點(diǎn)觸摸屏幕,按下去和放開的操作,ACTION_MOVE就是手指在屏幕上移動的操作。

在處理多點(diǎn)觸摸的過程中,我們還需要用到MotionEvent.ACTION_MASK。一般使用switch(event.getAction() & MotionEvent.ACTION_MASK)就可以處理處理多點(diǎn)觸摸的ACTION_POINTER_DOWN和ACTION_POINTER_UP事件。代碼調(diào)用這個“與”操作以后,當(dāng)?shù)诙€手指按下或者放開,就會觸發(fā)ACTION_POINTER_DOWN或者ACTION_POINTER_UP事件。

下面我們以一個實(shí)際的例子來說明如何在代碼中實(shí)現(xiàn)多點(diǎn)觸摸功能。在這里我們載入一個圖片,載入圖片后,可以通過一個手指對圖片進(jìn)行拖動,也可以通過兩個手指的滑動實(shí)現(xiàn)圖片的放大縮小功能。

復(fù)制代碼 代碼如下:

// import略  
public class ImageViewerActivity extends Activity implements OnTouchListener { 

    private ImageView mImageView; 

    private Matrix matrix = new Matrix(); 
    private Matrix savedMatrix = new Matrix(); 

    private static final int NONE = 0; 
    private static final int DRAG = 1; 
    private static final int ZOOM = 2; 
    private int mode = NONE; 

    // 第一個按下的手指的點(diǎn)  
    private PointF startPoint = new PointF(); 
    // 兩個按下的手指的觸摸點(diǎn)的中點(diǎn)  
    private PointF midPoint = new PointF(); 
    // 初始的兩個手指按下的觸摸點(diǎn)的距離  
    private float oriDis = 1f; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        this.setContentView(R.layout.imageviewer); 
        mImageView = (ImageView) this.findViewById(R.id.imageView); 
        mImageView.setOnTouchListener(this); 
    } 

    @Override 
    public boolean onTouch(View v, MotionEvent event) { 
        ImageView view = (ImageView) v; 

        // 進(jìn)行與操作是為了判斷多點(diǎn)觸摸  
        switch (event.getAction() & MotionEvent.ACTION_MASK) { 
        case MotionEvent.ACTION_DOWN: 
            // 第一個手指按下事件  
            matrix.set(view.getImageMatrix()); 
            savedMatrix.set(matrix); 
            startPoint.set(event.getX(), event.getY()); 
            mode = DRAG; 
            break; 
        case MotionEvent.ACTION_POINTER_DOWN: 
            // 第二個手指按下事件  
            oriDis = distance(event); 
            if (oriDis > 10f) { 
                savedMatrix.set(matrix); 
                midPoint = middle(event); 
                mode = ZOOM; 
            } 
            break; 
        case MotionEvent.ACTION_UP: 
        case MotionEvent.ACTION_POINTER_UP: 
            // 手指放開事件  
            mode = NONE; 
            break; 
        case MotionEvent.ACTION_MOVE: 
            // 手指滑動事件  
            if (mode == DRAG) { 
                // 是一個手指拖動  
                matrix.set(savedMatrix); 
                matrix.postTranslate(event.getX() - startPoint.x, event.getY() 
                        - startPoint.y); 
            } else if (mode == ZOOM) { 
                // 兩個手指滑動  
                float newDist = distance(event); 
                if (newDist > 10f) { 
                    matrix.set(savedMatrix); 
                    float scale = newDist / oriDis; 
                    matrix.postScale(scale, scale, midPoint.x, midPoint.y); 
                } 
            } 
            break; 
        } 

        // 設(shè)置ImageView的Matrix  
        view.setImageMatrix(matrix); 
        return true; 
    } 

    // 計(jì)算兩個觸摸點(diǎn)之間的距離  
    private float distance(MotionEvent event) { 
        float x = event.getX(0) - event.getX(1); 
        float y = event.getY(0) - event.getY(1); 
        return FloatMath.sqrt(x * x + y * y); 
    } 

    // 計(jì)算兩個觸摸點(diǎn)的中點(diǎn)  
    private PointF middle(MotionEvent event) { 
        float x = event.getX(0) + event.getX(1); 
        float y = event.getY(0) + event.getY(1); 
        return new PointF(x / 2, y / 2); 
    } 



以下是布局文件。
復(fù)制代碼 代碼如下:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent"> 
    <ImageView  
        android:id="@+id/imageView" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:src="@drawable/example" 
        android:scaleType="matrix" > 
    </ImageView> 
</RelativeLayout> 


在這段代碼中,我們通過手指的操作來計(jì)算Matrix的值,然后設(shè)置圖片的Matrix,實(shí)現(xiàn)圖片的移動和縮放。

需要注意的是,在資源文件中,需要設(shè)置ImageView的scaleType為“matrix”。

經(jīng)驗(yàn)分享:

一般來講,手機(jī)的屏幕較小,處理2個手指就已經(jīng)夠用,放上3個及以上手指操作,就有點(diǎn)困難了。所以一般設(shè)計(jì)的過程中,實(shí)現(xiàn)2個手指就已經(jīng)夠用了。

很多手機(jī)并不支持多點(diǎn)觸摸,所以一定要有其它方法實(shí)現(xiàn)需要的功能。比如上面的圖片縮放的例子,在實(shí)際的產(chǎn)品開發(fā)中,一定要設(shè)計(jì)常規(guī)的方式實(shí)現(xiàn)圖片的縮放,比如用按鈕,而不能完全依賴多點(diǎn)觸摸。

相關(guān)文章

最新評論