Android GridView通过拖放重新排序元素

问题描述 投票：27回答：9

我正在处理的应用程序中有一个GridView。我希望能够通过拖放重新排序GridView中的项目。我已经为ListViews找到了很多帮助，但在GridViews上没有任何帮助。我想在这个启动器应用程序http://www.youtube.com/watch?v=u5LISE8BU_E&t=5m30s中实现行为。有任何想法吗？

android gridview drag-and-drop
9个回答
23
投票

如果您不解决此问题，我将提供我的代码。但它适用于Android 3.0及更高版本，因为我使用的是android drag-n-drop framework

grid = (GridView) findViewById(R.id.grid);
grid.setAdapter(new DragGridAdapter(items, getActivity()));

....

grid.setOnTouchListener(new View.OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {

            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                GridView parent = (GridView) v;

                int x = (int) event.getX();
                int y = (int) event.getY();

                int position = parent.pointToPosition(x, y);
                if (position > AdapterView.INVALID_POSITION) {

                    int count = parent.getChildCount();
                    for (int i = 0; i < count; i++) {
                        View curr = parent.getChildAt(i);
                        curr.setOnDragListener(new View.OnDragListener() {

                            @Override
                            public boolean onDrag(View v, DragEvent event) {

                                boolean result = true;
                                int action = event.getAction();
                                switch (action) {
                                case DragEvent.ACTION_DRAG_STARTED:
                                    break;
                                case DragEvent.ACTION_DRAG_LOCATION:
                                    break;
                                case DragEvent.ACTION_DRAG_ENTERED:
                                    v.setBackgroundResource(R.drawable.shape_image_view_small_gallery_selected);
                                    break;
                                case DragEvent.ACTION_DRAG_EXITED:
                                    v.setBackgroundResource(R.drawable.shape_image_view_small_gallery_unselected);
                                    break;
                                case DragEvent.ACTION_DROP:
                                    if (event.getLocalState() == v) {
                                        result = false;
                                    } else {
                                        View droped = (View) event.getLocalState();
                                        GridItem dropItem = ((DragGridItemHolder) droped.getTag()).item;

                                        GridView parent = (GridView) droped.getParent();
                                        DragGridAdapter adapter = (DragGridAdapter) parent.getAdapter();
                                        List<GridItem> items = adapter.getItems();

                                        View target = v;
                                        GridItem targetItem = ((DragGridItemHolder) target.getTag()).item;
                                        int index = items.indexOf(targetItem);
                                        items.remove(dropItem);
                                        items.add(index, dropItem);
                                        adapter.notifyDataSetChanged();
                                    }
                                    break;
                                case DragEvent.ACTION_DRAG_ENDED:
                                    v.setBackgroundResource(R.drawable.shape_image_view_small_gallery_unselected);
                                    break;
                                default:
                                    result = false;
                                    break;
                                }
                                return result;
                            }
                        });
                    }

                    int relativePosition = position - parent.getFirstVisiblePosition();


                    View target = (View) parent.getChildAt(relativePosition);

                    DragGridItemHolder holder = (DragGridItemHolder) target.getTag();
                    GridItem currentItem = holder.item;
                    String text = currentItem.getFile().getAbsolutePath();

                    ClipData data = ClipData.newPlainText("DragData", text);
                    target.startDrag(data, new View.DragShadowBuilder(target), target, 0);
                }
            }
            return false;

和DragGridAdapter

public class DragGridAdapter extends BaseAdapter{
private Context context;
private List<GridItem> items;

public DragGridAdapter(List<GridItem> items, Context context){
    this.context = context;
    this.items = items;
}

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

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    DragGridItemHolder holder;
    if (convertView == null) {
        holder = new DragGridItemHolder();

        ImageView img = new ImageView(context);
        holder.image = img;
        convertView = img;
        convertView.setTag(holder);
    } else {
        holder = (DragGridItemHolder) convertView.getTag();
    }
    holder.item = items.get(position);
    holder.image.setImageBitmap(items.get(position).getBitmap());
    return convertView;
}

public List<GridItem> getItems() {
    return items;
}

我希望它对你有所帮助

7
投票

我的版本为拖放网格视图https://github.com/askerov/DynamicGrid。 它扩展了原始的GridView，支持拖放以重新排序项目，如果拖出屏幕则自动滚动。它在3.0+ api上完全正常运行，但支持2.2和2.3有限制（无动画）。

2
投票

看看thquinn的DraggableGridView，这是针对Android 2.2（API级别8）开发的。希望这有助于某人:)

1
投票

使用drag-n-drop框架，而不是循环子项并设置draglistener，我使用Gridable项布局容器，一个DragableLinearLayout，它扩展了LinearLayout并实现了onDragEvent（DragEvent）方法。

所以你可以像往常一样使用适配器填充网格，大多数拖放代码都在DragableLinearLayout的onDragEvent上

public class DragableLinearLayout extends LinearLayout {


    public DragableLinearLayout(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);

    }

    public DragableLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);

    }

    public DragableLinearLayout(Context context) {
        super(context);

    }

    @Override
    public boolean onDragEvent(DragEvent event) {
        //in wich grid item am I?
        GridView parent = (GridView) getParent();
        Object item = parent.getAdapter().getItem(
                parent.getPositionForView(this));
            //if you need the database id of your item...
        Cursor cur = (Cursor) item;
        long l_id = cur.getLong(cur.getColumnIndex("youritemid"));

        switch (event.getAction()) {
        case DragEvent.ACTION_DRAG_STARTED:

            return true;
        case DragEvent.ACTION_DRAG_ENTERED:

            setBackgroundColor(Color.GREEN);
            invalidate();
            return true;
        case DragEvent.ACTION_DRAG_EXITED:
            setBackgroundColor(Color.WHITE);
            invalidate();
            return false;
        case DragEvent.ACTION_DROP:
ClipData cd = event.getClipData();
            long l_id_start = Long.valueOf(cd.getItemAt(0).getText()
                    .toString());
            //
            Toast.makeText(getContext(), "DROP FROM " + l_id_start
                    + " TO " + l_id, Toast.LENGTH_LONG);
            //do your stuff  
                    ........
                    //the db requery will be on the onDragEvent.drop of the container
                    //see the listener


            return false;
        case DragEvent.ACTION_DRAG_ENDED:
            setBackgroundColor(Color.WHITE);
            invalidate();
            //
            return false;

        }

        return true;

    }


}



private View.OnDragListener listenerOnDragEvent = new View.OnDragListener() {

    public boolean onDrag(View v, DragEvent event) {
        // Defines a variable to store the action type for the incoming
        // event
        final int action = event.getAction();
        switch (action) {

        case DragEvent.ACTION_DROP:

            // REQUERY
            updateDbView();
            return false;
            // break;

        }
        return true;
    }
};
1
投票

不容易对此提供简短的答案，因为涉及数百行代码：您需要拦截拖动操作的开始，通常在onLongClick上，隐藏启动操作的视图，显示可以移动的叠加层当用户仍处于触摸操作状态时，最后在修饰时进行修改。最好的方法是在android.widget中扩展标准的GridView。结果如下：

这是一个youtube视频演示，您可能会发现它很有用：http://www.youtube.com/watch?v=m4yktX3SWSs&feature=youtu.be

我还在我的博客上的一篇文章中提供了更详细的答案，您可能会发现它很有用，因为它附带了完整的源代码示例。链接是：http://www.pocketmagic.net/2013/11/complex-android-gridview-with-drag-and-drop-functionality/

0
投票

我最近找到了一个解决方案，其作者花了很长时间在这里http://blahti.wordpress.com/2012/03/03/improved-drag-drop-for-gridview/有4个以前的相关博客文章解释了更详细的内容。

0
投票

可能你需要的是PagedDragDropGrid项目：https://github.com/mrKlar/PagedDragDropGrid

它提供自定义ViewGroup（类似于GridView），具有平滑重新排序功能（与您的视频完全相同）。可能它需要一些自定义，但它是值得的。

希望它会有所帮助。

0
投票

这是来自h6ah4i的library，它利用Recycler Views提供具有重新排序功能的拖放gridview。

0
投票

谷歌最近几个月前发布了一些代码实验室。 https://codelabs.developers.google.com/codelabs/android-training-adaptive-layouts/index.html?index=..%2F..%2Fandroid-training#0

您可以在这里查看解决方案https://github.com/google-developer-training/android-fundamentals-apps-v2/tree/master/MaterialMe-Resource

它们使用可移动的卡片进行网格布局，可以使用itemTouchHandler在布局中的任何位置拖放。

关于如何进行拖放的更详细的代码是here您需要查看任务3：使您的CardView可刷卡，可移动和可点击的部分

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.