Android自定義View實(shí)現(xiàn)可以拖拽的GridView
本文實(shí)例為大家分享了Android實(shí)現(xiàn)可拖拽GridView的具體代碼,供大家參考,具體內(nèi)容如下
先看看效果圖

主要思想:
1、監(jiān)聽(tīng)觸碰事件
2、用WindowManager添加拖曳的圖片
3、用Collections.swap()交換List數(shù)據(jù)
自定義代碼:
public class DragGridVeiw extends GridView {
private final int PRESS_TIME = 1000;//長(zhǎng)按時(shí)間
private int mDownX;//觸碰時(shí)的X坐標(biāo)
private int mDownY;//觸碰時(shí)的Y坐標(biāo)
private int mMoveX;//移動(dòng)時(shí)的X坐標(biāo)
private int mMoveY;//移動(dòng)時(shí)的Y坐標(biāo)
private int mOffset2Top;//DragGridView距離屏幕頂部的偏移量
private int mOffset2Left;//DragGridView距離屏幕左邊的偏移量
private int mPointToItemTop;//觸碰點(diǎn)距離ItemView的上邊距
private int mPointToItemLeft;//觸碰點(diǎn)距離ItemView的左邊距
private int mStatusHeight;//狀態(tài)欄高度
private boolean isDraging;//是否正在拖曳
private Bitmap mBitmap;//ItemView的圖片
private int mTouchPostiion;//觸碰的位置
private View mTouchItemView;//觸碰的ItemView
private Vibrator mVibrator;//震動(dòng)器
private ImageView mDragImageView;//拖曳的View
private WindowManager mWindowManager;//窗口管理器
private WindowManager.LayoutParams mWindowLayoutParams;//窗口管理器布局
private OnChanageListener onChanageListener;//交換事件監(jiān)聽(tīng)器
private Handler mHandler = new Handler();
public DragGridVeiw(Context context) {
this(context, null);
}
public DragGridVeiw(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public DragGridVeiw(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mStatusHeight = getStatusHeight(context);
mVibrator = (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE);
mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
//使用Handler延遲dragResponseMS執(zhí)行mLongClickRunnable
mHandler.postDelayed(mLongClickRunnable, PRESS_TIME);
mDownX = (int) ev.getX();
mDownY = (int) ev.getY();
//根據(jù)按下的X,Y坐標(biāo)獲取所點(diǎn)擊item的position
mTouchPostiion = pointToPosition(mDownX, mDownY);
if (mTouchPostiion == AdapterView.INVALID_POSITION) {
return super.dispatchTouchEvent(ev);
}
//根據(jù)position獲取該item所對(duì)應(yīng)的View
mTouchItemView = getChildAt(mTouchPostiion - getFirstVisiblePosition());
//下面這幾個(gè)距離大家可以參考我的博客上面的圖來(lái)理解下
mPointToItemTop = mDownY - mTouchItemView.getTop();
mPointToItemLeft = mDownX - mTouchItemView.getLeft();
mOffset2Top = (int) (ev.getRawY() - mDownY);
mOffset2Left = (int) (ev.getRawX() - mDownX);
//開(kāi)啟mDragItemView繪圖緩存
mTouchItemView.setDrawingCacheEnabled(true);
//獲取mDragItemView在緩存中的Bitmap對(duì)象
mBitmap = Bitmap.createBitmap(mTouchItemView.getDrawingCache());
//這一步很關(guān)鍵,釋放繪圖緩存,避免出現(xiàn)重復(fù)的鏡像
mTouchItemView.destroyDrawingCache();
break;
case MotionEvent.ACTION_MOVE:
int moveX = (int) ev.getX();
int moveY = (int) ev.getY();
//拖曳點(diǎn)超出GridView區(qū)域則取消拖曳事件
if (ev.getY() > getHeight() || ev.getY() < 0) {
onStopDrag();
}
//如果我們?cè)诎聪碌膇tem上面移動(dòng),只要超過(guò)item的邊界就移除mRunnable
if (!isTouchInItem(mTouchItemView, moveX, moveY)) {
mHandler.removeCallbacks(mLongClickRunnable);
}
break;
case MotionEvent.ACTION_UP:
mHandler.removeCallbacks(mLongClickRunnable);
break;
}
return super.dispatchTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (isDraging && mDragImageView != null) {
switch (ev.getAction()) {
case MotionEvent.ACTION_MOVE:
mMoveX = (int) ev.getX();
mMoveY = (int) ev.getY();
//拖動(dòng)item
onDragItem(mMoveX, mMoveY);
break;
case MotionEvent.ACTION_UP:
onStopDrag();
break;
}
return true;
}
return super.onTouchEvent(ev);
}
//處理長(zhǎng)按事件的線程
private Runnable mLongClickRunnable = new Runnable() {
@Override
public void run() {
isDraging = true; //設(shè)置可以拖拽
mVibrator.vibrate(50); //震動(dòng)一下
mTouchItemView.setVisibility(View.INVISIBLE);//隱藏該ItemView
//根據(jù)我們按下的點(diǎn)顯示ItemView鏡像
createDragView(mBitmap, mDownX, mDownY);
}
};
//添加拖動(dòng)View
private void createDragView(Bitmap bitmap, int downX, int downY) {
mWindowLayoutParams = new WindowManager.LayoutParams();
mWindowLayoutParams.format = PixelFormat.TRANSLUCENT; //圖片之外的其他地方透明
mWindowLayoutParams.gravity = Gravity.TOP | Gravity.LEFT;
mWindowLayoutParams.x = downX - mPointToItemTop + mOffset2Left;
mWindowLayoutParams.y = downY - mPointToItemTop + mOffset2Top - mStatusHeight;
mWindowLayoutParams.alpha = 0.6f; //透明度
mWindowLayoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
mWindowLayoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
mWindowLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE;
mDragImageView = new ImageView(getContext());
mDragImageView.setImageBitmap(bitmap);
mWindowManager.addView(mDragImageView, mWindowLayoutParams);
}
private void removeDragView() {
if (mDragImageView != null) {
mWindowManager.removeView(mDragImageView);
mDragImageView = null;
}
}
//是否點(diǎn)擊在GridView的item上面
private boolean isTouchInItem(View dragView, int x, int y) {
int leftOffset = dragView.getLeft();
int topOffset = dragView.getTop();
if (x < leftOffset || x > leftOffset + dragView.getWidth()) {
return false;
}
if (y < topOffset || y > topOffset + dragView.getHeight()) {
return false;
}
return true;
}
//拖動(dòng)事件處理
private void onDragItem(int moveX, int moveY) {
mWindowLayoutParams.x = moveX - mPointToItemLeft + mOffset2Left;
mWindowLayoutParams.y = moveY - mPointToItemTop + mOffset2Top - mStatusHeight;
mWindowManager.updateViewLayout(mDragImageView, mWindowLayoutParams); //更新DragView的位置
onSwapItem(moveX, moveY);//Item的相互交換
}
//交換item,并且控制item之間的顯示與隱藏效果
private void onSwapItem(int moveX, int moveY) {
//獲取我們手指移動(dòng)到的那個(gè)item的position
int tempPosition = pointToPosition(moveX, moveY);
//假如tempPosition 改變了并且tempPosition不等于-1,則進(jìn)行交換
if (tempPosition != mTouchPostiion && tempPosition != AdapterView.INVALID_POSITION) {
getChildAt(tempPosition - getFirstVisiblePosition()).setVisibility(View.INVISIBLE);//拖動(dòng)到了新的item,新的item隱藏掉
getChildAt(mTouchPostiion - getFirstVisiblePosition()).setVisibility(View.VISIBLE);//之前的item顯示出來(lái)
if (onChanageListener != null) {
onChanageListener.onChange(mTouchPostiion, tempPosition);
}
mTouchPostiion = tempPosition;
}
}
//停止拖拽我們將之前隱藏的item顯示出來(lái),并將DragView移除
private void onStopDrag() {
isDraging = false;
getChildAt(mTouchPostiion - getFirstVisiblePosition()).setVisibility(View.VISIBLE);
removeDragView();
}
//Item交換事件監(jiān)聽(tīng)
public void setOnChangeListener(OnChanageListener onChanageListener) {
this.onChanageListener = onChanageListener;
}
//獲取狀態(tài)欄高度
private int getStatusHeight(Context context) {
int statusHeight = 0;
Rect localRect = new Rect();
((Activity) context).getWindow().getDecorView().getWindowVisibleDisplayFrame(localRect);
statusHeight = localRect.top;
if (0 == statusHeight) {
Class<?> localClass;
try {
localClass = Class.forName("com.android.internal.R$dimen");
Object localObject = localClass.newInstance();
int i5 = Integer.parseInt(localClass.getField("status_bar_height").get(localObject).toString());
statusHeight = context.getResources().getDimensionPixelSize(i5);
} catch (Exception e) {
e.printStackTrace();
}
}
return statusHeight;
}
//當(dāng)item交換位置的時(shí)候回調(diào)的方法,我們只需要在該方法中實(shí)現(xiàn)數(shù)據(jù)的交換即可
public interface OnChanageListener {
public void onChange(int from, int to);
}
}
使用方法:
List<HashMap<String, Object>> dataSourceList = new ArrayList<>();
dragVeiw = (DragGridVeiw) findViewById(R.id.view_drag);
for (int i = 0; i < 8; i++) {
HashMap<String, Object> itemHashMap = new HashMap<>();
itemHashMap.put("item_image", R.drawable.sample_1);
itemHashMap.put("item_text", "拖拽 " + Integer.toString(i));
dataSourceList.add(itemHashMap);
}
final SimpleAdapter mSimpleAdapter = new SimpleAdapter(this, dataSourceList,
R.layout.item_drag, new String[]{"item_image", "item_text"},
new int[]{R.id.item_image, R.id.item_text});
dragVeiw.setAdapter(mSimpleAdapter);
dragVeiw.setOnChangeListener(new DragGridVeiw.OnChanageListener() {
@Override
public void onChange(int from, int to) {
HashMap<String, Object> temp = dataSourceList.get(from);
//這里的處理需要注意下
if (from < to) {
for (int i = from; i < to; i++) {
Collections.swap(dataSourceList, i, i + 1);
}
} else if (from > to) {
for (int i = from; i > to; i--) {
Collections.swap(dataSourceList, i, i - 1);
}
}
dataSourceList.set(to, temp);
mSimpleAdapter.notifyDataSetChanged();
}
});
附錄:
Log.v("-->getWidth", String.valueOf(getWidth()));//DragView的寬度
Log.v("-->getHeight", String.valueOf(getHeight()));//DragView的高度
Log.v("-->getLeft", String.valueOf(getLeft()));//DragView左邊距離屏幕左側(cè)的長(zhǎng)度
Log.v("-->getTop", String.valueOf(getTop()));///DragView上邊距離屏幕頂部的長(zhǎng)度
Log.v("-->getRawX", String.valueOf(ev.getRawX()));//觸碰點(diǎn)相對(duì)于屏幕的X坐標(biāo)
Log.v("-->getRawY", String.valueOf(ev.getRawY()));//觸碰點(diǎn)相對(duì)于屏幕的Y坐標(biāo)
Log.v("-->getX", String.valueOf(ev.getX()));//觸碰點(diǎn)相對(duì)于DragView的X坐標(biāo)
Log.v("-->getY", String.valueOf(ev.getY()));//觸碰點(diǎn)相對(duì)于DragView的Y坐標(biāo)
Log.v("-->getItemWidth", String.valueOf(mTouchItemView.getWidth()));//DragView中ItemView的寬度
Log.v("-->getItemHeight", String.valueOf(mTouchItemView.getHeight()));//DragView中ItemView的高度
Log.v("-->getItemLeft", String.valueOf(mTouchItemView.getLeft()));//DragView中ItemView左邊距離DragView左側(cè)的長(zhǎng)度
Log.v("-->getItemTop", String.valueOf(mTouchItemView.getTop()));//DragView中ItemView上邊距離DragView頂部的長(zhǎng)度
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android上傳文件到Web服務(wù)器 PHP接收文件
這篇文章主要為大家詳細(xì)介紹了Android上傳文件到Web服務(wù)器,PHP接收文件的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
Android入門(mén)教程之ListView的具體使用詳解
列表作為最常用的控件之一,還是有必要好好學(xué)習(xí)的,本章以一個(gè)初學(xué)者的角度來(lái)學(xué)習(xí) ListView,ListView的屬性,以及BaseAdapter簡(jiǎn)單定義,至于ListView優(yōu)化這些, 我們一步步來(lái)2021-10-10
Android仿抖音右滑清屏左滑列表功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android仿抖音右滑清屏左滑列表功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
Android 四種動(dòng)畫(huà)效果的調(diào)用實(shí)現(xiàn)代碼
在這里, 我將每種動(dòng)畫(huà)分別應(yīng)用于四個(gè)按鈕為例,需要的朋友可以參考下2013-01-01
Android基于HttpUrlConnection類的文件下載實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Android基于HttpUrlConnection類的文件下載功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-09-09
Android開(kāi)發(fā)之如何自定義數(shù)字鍵盤(pán)詳解
這篇文章主要給大家介紹了關(guān)于Android開(kāi)發(fā)之如何自定義數(shù)字鍵盤(pán)的相關(guān)資料,本文語(yǔ)言是基于kotlin實(shí)現(xiàn)的,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-09-09
Android開(kāi)發(fā)中播放聲音的兩種方法分析
這篇文章主要介紹了Android開(kāi)發(fā)中播放聲音的兩種方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了Android音頻播放的常用函數(shù)、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-09-09

