Android 可拖动整条item的GridView-CSDN博客

Android 可拖动整条 Item 的 GridView 实现

在Android应用中，GridView是一个广泛使用的布局，可以以网格的形式展示数据。有时，我们希望用户能够拖动GridView的项，以便重新排列它们的位置。本文将介绍如何在Android中实现可拖动的GridView，并提供代码示例和相关图表支持。

1. 准备工作

在开始之前，确保你已具备基本的Android开发环境，包括Android Studio。我们将使用Java和XML布局文件来实现可拖动的GridView。

2. 基本GridView布局

首先，创建一个XML布局文件，包含一个GridView。

<!-- res/layout/activity_main.xml -->
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <GridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="3"/>
</LinearLayout>

3. 自定义Adapter

接下来，创建一个自定义Adapter，该Adapter将用于GridView。为了实现拖动效果，可以使用List来存储数据，并在getView方法中绑定数据。

// MyGridAdapter.java
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

import java.util.List;

public class MyGridAdapter extends BaseAdapter {
    private List<Integer> data;
    private LayoutInflater inflater;

    public MyGridAdapter(Context context, List<Integer> data) {
        this.data = data;
        inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return data.size();
    }

    @Override
    public Object getItem(int position) {
        return data.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;
        if (convertView == null) {
            imageView = (ImageView) inflater.inflate(R.layout.grid_item, parent, false);
        } else {
            imageView = (ImageView) convertView;
        }
        imageView.setImageResource(data.get(position));
        return imageView;
    }
}

4. 布局文件的定义

在上述Adapter中，我们引用了一个grid_item布局文件，用于展示每个GridView项。

<!-- res/layout/grid_item.xml -->
<ImageView xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"/>

5. 实现拖动功能

要实现拖动功能，可以在GridView上设置触摸事件，并使用ItemTouchHelper来处理拖动和滑动。

// MainActivity.java
import android.graphics.Canvas;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.ItemTouchHelper;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
import java.util.Collections;

public class MainActivity extends AppCompatActivity {
    private MyGridAdapter adapter;
    private ArrayList<Integer> dataList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        dataList = new ArrayList<>();
        // 假设我们用一组图片资源
        dataList.add(R.drawable.image1);
        dataList.add(R.drawable.image2);
        // 添加更多图片...

        GridView gridView = findViewById(R.id.gridView);
        adapter = new MyGridAdapter(this, dataList);
        gridView.setAdapter(adapter);
        setDragAbility(gridView);
    }

    private void setDragAbility(final GridView gridView) {
        ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.SimpleCallback(ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT, 0) {
            @Override
            public boolean onMove(@NonNull RecyclerView recyclerView, int fromPosition, int toPosition) {
                Collections.swap(dataList, fromPosition, toPosition);
                adapter.notifyDataSetChanged();
                return true;
            }

            @Override
            public void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int direction) {
            }

            @Override
            public void onChildDraw(@NonNull Canvas c, RecyclerView recyclerView, View view, int dX, int dY, int actionState, boolean isCurrentlyActive) {
                super.onChildDraw(c, recyclerView, view, dX, dY, actionState, isCurrentlyActive);
            }
        });
        itemTouchHelper.attachToRecyclerView((RecyclerView) gridView);
    }
}