Android實現控件拖動效果

Posted on by

本文實例為大傢分享瞭Android實現控件拖動效果的具體代碼，供大傢參考，具體內容如下

1.今天突然想到做個實現個控件拖動效果，就來試試，一查原來還是很簡單的

2.原理就是實現OnTouchLinstener，然後觸摸屏幕時改變控件的位置，當然瞭會有人問OnTouch與OnClick有什麼區別，百度搜一下就知道瞭，懶得說。

3.廢話不多說直接看圖

4.當然瞭，筆者在點擊和拖動的時候更改瞭ImageView的圖片，離開屏幕時恢復，很簡單，但很實用的一點，直接上代碼吧

package com.xugongming38.dragview;

import android.content.Context;
import android.content.SharedPreferences;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;


public class MainActivity extends AppCompatActivity implements View.OnTouchListener{
    private ImageView iv_dv_view;
    private int sx;
    private int sy;
    private SharedPreferences sp;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if (getSupportActionBar() != null){
            getSupportActionBar().hide();
        }
        sp = this.getSharedPreferences("config", Context.MODE_PRIVATE);
        iv_dv_view = (ImageView) this.findViewById(R.id.iv_dv_view);
        sp = this.getSharedPreferences("config", Context.MODE_PRIVATE);
        iv_dv_view.setOnTouchListener(this);
    }

    @Override
    protected void onResume() {
        super.onResume();
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (v.getId()) {
            // 如果手指放在imageView上拖動
            case R.id.iv_dv_view:
                // event.getRawX(); //獲取手指第一次接觸屏幕在x方向的坐標
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:// 獲取手指第一次接觸屏幕
                        sx = (int) event.getRawX();
                        sy = (int) event.getRawY();
                        iv_dv_view.setImageResource(R.drawable.t);
                        break;
                    case MotionEvent.ACTION_MOVE:// 手指在屏幕上移動對應的事件
                        int x = (int) event.getRawX();
                        int y = (int) event.getRawY();
                        // 獲取手指移動的距離
                        int dx = x - sx;
                        int dy = y - sy;
                        // 得到imageView最開始的各頂點的坐標
                        int l = iv_dv_view.getLeft();
                        int r = iv_dv_view.getRight();
                        int t = iv_dv_view.getTop();
                        int b = iv_dv_view.getBottom();
                        // 更改imageView在窗體的位置
                        iv_dv_view.layout(l + dx, t + dy, r + dx, b + dy);
                        // 獲取移動後的位置
                        sx = (int) event.getRawX();
                        sy = (int) event.getRawY();
                        break;
                    case MotionEvent.ACTION_UP:// 手指離開屏幕對應事件
                        // 記錄最後圖片在窗體的位置
                        int lasty = iv_dv_view.getTop();
                        int lastx = iv_dv_view.getLeft();
                        iv_dv_view.setImageResource(R.drawable.next);
                        SharedPreferences.Editor editor = sp.edit();
                        editor.putInt("lasty", lasty);
                        editor.putInt("lastx", lastx);
                        editor.commit();
                        break;
                }
                break;
        }
        return true;// 不會中斷觸摸事件的返回
    }
}

5.最後留一點筆記，關於ImageView的設置圖像問題

void android.widget.ImageView.setImageResource(int resId)
與xml中的src的屬性才是相匹配的

void android.view.View.setBackgroundResource(int resid)與xml中的background的屬性才是相匹配的，
//從名字就看出來瞭。

以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：