Android DynamicGrid：拖曳交换位置



Android DynamicGrid：拖曳交换位置

Android DynamicGrid是一个第三方开源项目，DynamicGrid在github上的项目主页是：https://github.com/askerov/DynamicGrid

它实现在一个网格布局内，拖曳任意子view实现动态的交换位置，这很类似手机的桌面，手机桌面的图标，均可自由拖曳实现摆放位置的交换，如动图所示：

DynamicGrid使用起来简单，需要注意：

（1）最好使用完全的BaseDynamicGridAdapter构造BaseDynamicGridAdapter构造函数，否则可能无法正常工作。

（2）通常以长按模式触发拖曳交换位置操作，所以一般在onItemLongClick里面startEditMode开始编辑。

（3）按返回键取消拖曳操作，代码比较固定，重写onBackPressed：

 @Override

    public void onBackPressed() {

        //此处将取消拖曳编辑模式，取消方式为按返回键。

        if (gridView.isEditMode()) {

            gridView.stopEditMode();

        } else {

            super.onBackPressed();

        }

    }

给出一个完整的代码例子：

package zhangphil.app;

import android.app.Activity;

import android.content.Context;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.TextView;

import android.widget.Toast;

import org.askerov.dynamicgrid.BaseDynamicGridAdapter;

import org.askerov.dynamicgrid.DynamicGridView;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends Activity {

    private DynamicGridView gridView;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        gridView = (DynamicGridView) findViewById(R.id.dynamicgrid);

        ArrayList lists = new ArrayList();

        for (int i = 0; i < 100; i++) {

            lists.add("项目-" + i);

        }

        //最好以完全方式构造，否则可能无法正常工作

        MyAdapter adapter = new MyAdapter(this, lists, 3);

        gridView.setAdapter(adapter);

        gridView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {

            @Override

            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {

                //长按触发拖曳交换位置操作。

                gridView.startEditMode(position);

                return true;

            }

        });

        gridView.setOnDragListener(new DynamicGridView.OnDragListener() {

            @Override

            public void onDragStarted(int position) {

                //Toast.makeText(getApplication(), "drag started at position " + position,Toast.LENGTH_SHORT).show();

            }

            @Override

            public void onDragPositionsChanged(int oldPosition, int newPosition) {

                Toast.makeText(getApplication(), String.format("from %d to %d", oldPosition, newPosition), Toast.LENGTH_SHORT).show();

            }

        });

    }

    @Override

    public void onBackPressed() {

        //此处将取消拖曳编辑模式，取消方式为按返回键。

        if (gridView.isEditMode()) {

            gridView.stopEditMode();

        } else {

            super.onBackPressed();

        }

    }

    private class MyAdapter extends BaseDynamicGridAdapter {

        @Override

        public View getView(int i, View view, ViewGroup viewGroup) {

            View v = LayoutInflater.from(getContext()).inflate(android.R.layout.simple_list_item_1, null);

            TextView text = (TextView) v.findViewById(android.R.id.text1);

            text.setText("项目-" + i);

            v.setPadding(10, 10, 10, 10);

            return v;

        }

        public MyAdapter(Context context, List<?> items, int columnCount) {

            super(context, items, columnCount);

        }

    }

}

布局文件：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <org.askerov.dynamicgrid.DynamicGridView

        android:id="@+id/dynamicgrid"

        android:layout_height="wrap_content"

        android:layout_width="match_parent"

        android:numColumns="3"/>

</LinearLayout>