模擬拖曳小圖示的 Android 程式

這是我自己出給自己做的練習題之一 ! 此程式只是一個小功能的試作, 並不是一個完整的應用程式, 會把程式碼貼出來僅是提供給有興趣者做參考而已.

主要功能 :
可以用滑鼠隨意拖曳螢幕上的小圖示; 若是在手機上, 則可以用手指拖曳.

操作方式 : (以模擬器為例)
以滑鼠左鍵按住小圖示不放, 再移動滑鼠軌跡拖曳小圖示, 放開滑鼠左鍵後, 小圖示則會停留在新的位置上.

程式技巧重點 :
當按住小圖示的任何一個座標位置時, 程式會即時記下被按住的座標點位置, 即使在拖曳的過程中, 圖示本身不斷變動的座標仍會與被按住的座標點保持相對的距離, 讓整個拖曳過程極為流暢自然 ! 我刻意在螢幕上標出各變數的值, 方便在拖曳時觀察各變數的數值變化.

螢幕上的各變數值解說 :
Tx 與 Ty : 當你按下小圖示時, 對應於整個螢幕的實際座標.
takerect(Left,Top) : 小圖示的左上角對應於整個螢幕的實際座標.
chk : 小圖示被按住的時候為 true, 否則為 false.
tempX,Y :  小圖示左上角座標值 與 被按住的座標點 兩者間的差距數值; 其實就是 tempX = Tx - takerect(Left),   tempY = Ty - takerect(Top)

[ 拖曳功能 ] 常被普遍運用在視窗作業環境中

程式碼如下 :

// 主程式
public class practise1 extends Activity {
    /** Called when the activity is first created. */
   
    TakeView takeView;
   
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        takeView = new TakeView(this);
        setContentView(takeView);
    }
}

===========================================

// 另一個類別
public class TakeView extends SurfaceView implements SurfaceHolder.Callback {

    SurfaceHolder holder;
    Bitmap takebp;
    Paint paint;
    Rect takerect;  //矩形容器
    int x,y;
    ShowThread st;
    int touchX=0,touchY=0;
    boolean chk = false;
    int tempwidth=0;
    int tempheight=0;
   
    //constructor
    public TakeView(practise1 context) {
        super(context);
        // TODO Auto-generated constructor stub
        getHolder().addCallback(this);
        takebp = BitmapFactory.decodeResource(getResources(), R.drawable.icon);
        //指定矩形容器的大小等於圖片takebp的大小
        takerect = new Rect(x,y,takebp.getWidth(),takebp.getHeight()); 
        holder = getHolder();
        st = new ShowThread();
        paint = new Paint();
        paint.setColor(Color.WHITE);
        paint.setTextSize(20);
    }
   
    public void DoDraw(Canvas canvas) {
        canvas.drawColor(Color.BLACK);
        canvas.drawBitmap(takebp, x, y, null);
        canvas.drawText("Tx = " + touchX + " Ty = " + touchY ,20, 100, paint);
        canvas.drawText("takerect(Left,Top):" + takerect.left + "," + takerect.top , 20, 150, paint);
        canvas.drawText("chk : " + chk, 20, 200, paint);
        canvas.drawText("tempX,Y : " + tempwidth + "," + tempheight, 10, 250, paint);
    }
   
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN &&
            takerect.contains((int)event.getX(),(int)event.getY())) {
            touchX = (int)event.getX();
            touchY = (int)event.getY();
            tempwidth = touchX - x;
            tempheight = touchY -y;
            chk = true;
        }
        else if ( (event.getAction() == MotionEvent.ACTION_MOVE) && chk) {
            touchX = (int)event.getX();
            touchY = (int)event.getY();
            //讓點擊的座標成為圖片的中心點
            //takebp.getWidth()/2;
            //takebp.getHeight()/2;
            x = touchX - tempwidth;
            y = touchY - tempheight;
            takerect.offsetTo(x, y);
        }
        else if (event.getAction() == MotionEvent.ACTION_UP) {
            chk = false;
        }
        return true;
    }
   
    public class ShowThread extends Thread {
      
        Canvas canvas;
        boolean flag = false;
        int span = 20;
       
        //constructor
        public ShowThread() {
            flag = true;
        }
       
        public void run() {
            while(flag) {
                try {
                    synchronized(holder) {
                        canvas = holder.lockCanvas();
                        DoDraw(canvas);
                        holder.unlockCanvasAndPost(canvas);
                        Thread.sleep(span);
                    }
                } catch (Exception e) { e.printStackTrace(); }
            }
        }
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height) {
        // TODO Auto-generated method stub
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        st.start();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        st.interrupt();
    }
}