Android DynamicGrid：拖曳交换位置

àì夳堔傛蜴生んèń 2023-10-16 23:59 15阅读 0赞

**Android DynamicGrid：拖曳交换位置**

Android DynamicGrid是一个第三方开源项目，DynamicGrid在github上的项目主页是：[https://github.com/askerov/DynamicGrid][https_github.com_askerov_DynamicGrid]  
它实现在一个网格布局内，拖曳任意子view实现动态的交换位置，这很类似手机的桌面，手机桌面的图标，均可自由拖曳实现摆放位置的交换，如动图所示：

![Center][]

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>

[https_github.com_askerov_DynamicGrid]: https://github.com/askerov/DynamicGrid
[Center]: https://img-blog.csdn.net/20160607103527281?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center