web-dev-qa-db-ja.com

Android GridViewはドラッグアンドドロップで要素を並べ替えます

作業中のアプリケーションにGridViewがあります。ドラッグアンドドロップでGridViewの項目を並べ替えることができるようにしたいと思います。 ListViewsには多くのヘルプが見つかりましたが、GridViewsには何もありません。このランチャーアプリのような動作を実現したい http://www.youtube.com/watch?v=u5LISE8BU_E&t=5m30s 。何か案は？

androidgridviewdrag-and-drop
27
Martin C.

この問題を解決しない場合は、私のコードを提供します。しかし、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;
}

お役に立てば幸いです

24
Dmytro Boichenko

ドラッグアンドドロップグリッドビューの私のバージョン https://github.com/askerov/DynamicGrid 。
元のGridViewを拡張し、ドラッグアンドドロップでアイテムを並べ替え、画面外にドラッグした場合は自動スクロールします。 3.0+ APIで完全に機能しますが、2.2と2.3をサポートしていますが、制限があります（アニメーションなし）。

7
Alex Askerov

Thquinnの DraggableGridView を見てください。これは、Android 2.2（APIレベル8）を対象として開発されました。これが誰かに役立つことを願っています:)

2
vin

何百行ものコードが含まれているため、これについて簡単な答えを出すのは簡単ではありません。ドラッグアクションの開始をインターセプトする必要があります。通常はonLongClickで、アクションを開始したビューを非表示にし、移動できるオーバーレイを表示します。ユーザーがまだタッチダウンアクションを行っている間に、最後にタッチアップで変更を行います。最善の方法は、Android.widgetで標準のGridViewを拡張することです。結果は次のようになります。

enter image description here

役に立つと思われる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/

1
radhoo

ドラッグアンドドロップフレームワークを使用して、代わりに子を循環させてドラッグリスナーを設定する代わりに、LinearLayoutを拡張してonDragEvent（DragEvent）メソッドを実装するDragableLinearLayoutをグリッドアイテムレイアウトコンテナーとして使用します。

そのため、通常どおりにグリッドをアダプターで埋めることができ、ほとんどのドラッグアンドドロップコードは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
ac19

私は最近、著者がここでかなりの時間を費やした解決策を見つけました http://blahti.wordpress.com/2012/03/03/improved-drag-drop-for-gridview/ 4つあります何が起こっているかをより詳細に説明している以前の関連ブログ投稿。

0
jJ'

おそらくPagedDragDropGridプロジェクトが必要です： https://github.com/mrKlar/PagedDragDropGrid

カスタムViewGroup（GridViewに類似）にスムーズな並べ替え機能を提供します（ビデオとまったく同じです）。おそらくそれは少しのカスタマイズを必要とするでしょうが、それは価値があります。

お役に立てれば幸いです。

0
Andrei Buneyeu

これは、リサイクラービューを利用してリオーダー機能を備えたドラッグアンドドロップグリッドビューを提供するh6ah4iの library です。

0
Cody Pinto

Googleは最近、数か月前にいくつかのコードラボをリリースしました。 https://codelabs.developers.google.com/codelabs/Android-training-adaptive-layouts/index.html?index=..%2F..%2Fandroid-training#

ここで解決策を確認できます https://github.com/google-developer-training/Android-fundamentals-apps-v2/tree/master/MaterialMe-Resource

それらは、itemTouchHandlerを使用してレイアウトの任意の場所にドラッグアンドドロップできる移動可能なカードでグリッドレイアウトを作成します。

ドラッグアンドドロップを行う方法のより詳細なコードは ここを調べる必要がありますタスク3：CardViewをスワイプ可能にする、移動可能、クリック可能セクション

0
Ebrahim Karam