Android開發之多點觸控
如果您對開發多點觸控程式感興趣的話,那麼本文將是一個很好的開始,android應用程式開發中,多點觸摸並不是那麼的遙不可及,實現起來也很簡單,下面,我們先來瞭解下Android開發多點觸控的原理。
Android多點觸控在本質上需要LCD驅動和程式本身設計上支援,目前市面上HTC、Motorola和Samsung等知名廠商只要使用電容屏觸控原理的手機均可以支援多點觸控Multitouch技術,對於網頁縮放、手勢操作上有更好的使用者體驗。 在Android平台上事件均使用了MotionEvent對象方式處理,比如開始觸控時會觸發ACTION_DOWN而移動操作時為ACTION_MOVE最終放開手指時觸發ACTION_UP事件。當然還有使用者無規則的操作可能觸發ACTION_CANCEL這個動作。
對於常規的觸控操作我們都是使用內部為View的setOnTouchListener()介面實現的onTouchEvent()方法來處理。因此對於onTouchEvent方法的參數MotionEvent我們需要有一定得瞭解,比如:
event.getAction() //擷取觸控動作比如ACTION_DOWNevent.getPointerCount(); //擷取觸控點的數量,比如2則可能是兩個手指同時按壓螢幕event.getPointerId(nID); //對於每個觸控的點的細節,我們可以通過一個迴圈執行getPointerId方法擷取索引event.getX(nID); //擷取第nID個觸控點的x位置event.getY(nID); //擷取第nID個點觸控的y位置event.getPressure(nID); //LCD可以感應出使用者的手指壓力,當然具體的層級由驅動和物理硬體決定的event.getDownTime() //按下開始時間event.getEventTime() // 事件結束時間event.getEventTime()-event.getDownTime()); //總共按下時花費時間
下面,我們來根據一個項目來講解如何?多點觸控。
我們先來看看,項目運行:
1、建立一個Android項目,命名為MultitouchVisible。
2、在該項目內,建立一個view,繼承SurfaceView,並實現了Callback介面,這裡我們命名該類為MyView.java,下面是該類地具體實現代碼:
public class MyView extends SurfaceView implements SurfaceHolder.Callback{MultitouchVisible father;private static final int MAX_TOUCHPOINTS = 10; private static final String START_TEXT = "請隨便觸控螢幕幕進行測試"; private Paint textPaint = new Paint(); private Paint touchPaints[] = new Paint[MAX_TOUCHPOINTS]; private int colors[] = new int[MAX_TOUCHPOINTS]; private int width, height; //private float scale = 1.0f; public MyView(MultitouchVisible father) {super(father);// TODO Auto-generated constructor stubthis.father=father;SurfaceHolder holder = getHolder(); holder.addCallback(this); setFocusable(true); // 確保我們的View能獲得輸入焦點 setFocusableInTouchMode(true); // 確保能接收到觸屏事件 init(); } private void init() { // 初始化10個不同顏色的畫筆 textPaint.setColor(Color.WHITE); colors[0] = Color.BLUE; colors[1] = Color.RED; colors[2] = Color.GREEN; colors[3] = Color.YELLOW; colors[4] = Color.CYAN; colors[5] = Color.MAGENTA; colors[6] = Color.DKGRAY; colors[7] = Color.WHITE; colors[8] = Color.LTGRAY; colors[9] = Color.GRAY; for (int i = 0; i < MAX_TOUCHPOINTS; i++) { touchPaints[i] = new Paint(); touchPaints[i].setColor(colors[i]); } } /* * 處理觸屏事件 */ @Override public boolean onTouchEvent(MotionEvent event) { // 獲得螢幕觸點數量 int pointerCount = event.getPointerCount(); if (pointerCount > MAX_TOUCHPOINTS) { pointerCount = MAX_TOUCHPOINTS; } // 鎖定Canvas,開始進行相應的介面處理 Canvas c = getHolder().lockCanvas(); if (c != null) { c.drawColor(Color.BLACK); if (event.getAction() == MotionEvent.ACTION_UP) { // 當手離開螢幕時,清屏 } else { // 先在螢幕上畫一個十字,然後畫一個圓 for (int i = 0; i < pointerCount; i++) { // 擷取一個觸點的座標,然後開始繪製 int id = event.getPointerId(i); int x = (int) event.getX(i); int y = (int) event.getY(i); drawCrosshairsAndText(x, y, touchPaints[id], i, id, c); } for (int i = 0; i < pointerCount; i++) { int id = event.getPointerId(i); int x = (int) event.getX(i); int y = (int) event.getY(i); drawCircle(x, y, touchPaints[id], c); }}// 畫完後,unlock getHolder().unlockCanvasAndPost(c); }return true; } /** * 畫十字及座標資訊 */ private void drawCrosshairsAndText(int x, int y, Paint paint, int ptr,int id, Canvas c) { c.drawLine(0, y, width, y, paint); c.drawLine(x, 0, x, height, paint); int textY = (int) (5 + 20 * ptr); c.drawText("x" + ptr + "=" + x, 10 , textY, textPaint); c.drawText("y" + ptr + "=" + y, 70 , textY, textPaint); c.drawText("id" + ptr + "=" + id, width - 55 , textY, textPaint); } /** * 畫圓 */ private void drawCircle(int x, int y, Paint paint, Canvas c) { c.drawCircle(x, y, 40 , paint); } @Overridepublic void surfaceChanged(SurfaceHolder holder, int format, int width,int height) {// TODO Auto-generated method stubthis.width = width; this.height = height; textPaint.setTextSize(14); Canvas c = getHolder().lockCanvas(); if (c != null) { // 背景黑色 c.drawColor(Color.BLACK); float tWidth = textPaint.measureText(START_TEXT); c.drawText(START_TEXT, width / 2 - tWidth / 2, height / 2, textPaint); getHolder().unlockCanvasAndPost(c); } }@Overridepublic void surfaceCreated(SurfaceHolder holder) {// TODO Auto-generated method stub}@Overridepublic void surfaceDestroyed(SurfaceHolder holder) {// TODO Auto-generated method stub}}
3、修改主Activity類,把該view放到setContentView()中顯示,具體實現如下:
public class MultitouchVisible extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //隱藏標題列 requestWindowFeature(Window.FEATURE_NO_TITLE); //設定成全屏 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); //設定為上面的MTView setContentView(new MyView(this)); }}
4、到此,項目已經完成,可見多點觸控實現起來並不難!單擊項目,運行便會得到以上效果