自定义GridView，实现item之间相互滑动

最新推荐文章于 2023-02-01 10:05:02 发布
最新推荐文章于 2023-02-01 10:05:02 发布
阅读量731 收藏 1
点赞数
分类专栏： android开发 文章标签： gridview item拖动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxyudia/article/details/52678099
版权

先上效果图，看看是不是你想要的效果，运行效果挺好，代码量不大，也没有bug，你如果也想要这种效果，就果断选它吧。

运行效果

这里说明一下，有两种状态，无论编辑还是完成，这里设置的是都可以进行图片拖动，区别再去，编辑时图片可以删除，还有注意的是点击添加这张图片和别的图片不能拖动互换，要想同样拖动互换，可以在Gridview里面进行修改，去掉后面的判断就可以了，点击添加图片，可以从相册，照相机里去添加，当然我这里简化了，你可以自己去实现这部分代码，也很简单，有问题，请留言，欢迎大家拍砖…

代码里都有相关注释，这里上传部分代码，完整代码下面会给链接，用到的可以去下载一下：

主界面MainActivity：

public class MainActivity extends AppCompatActivity {
    private TextView tv_edit;
    private DragGridView dragview;
    private List<Bitmap> mDatas;
    private GridViewAdapter adapter;
    private boolean flag = true;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        setTitle("DragView");
        initDatas();
        initView();
    }

    private void initDatas() {
        mDatas = new ArrayList<>();
        turnBitmap(R.drawable.a);
        turnBitmap(R.drawable.b);
        turnBitmap(R.drawable.c);
        turnBitmap(R.drawable.d);
        turnBitmap(R.drawable.e);
        turnBitmap(R.drawable.f);
        turnBitmap(R.drawable.add_picture);

    }

    private void turnBitmap(int drawableId) {
        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), drawableId);
        mDatas.add(bitmap);
    }

    private void initView() {
        tv_edit = (TextView) findViewById(R.id.tv_edit);
        dragview = (DragGridView) findViewById(R.id.dragview);
        adapter = new GridViewAdapter(this, mDatas, flag);
        dragview.setAdapter(adapter);
        tv_edit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (flag) {
                    tv_edit.setText("完成");
                    flag = false;
                } else {
                    tv_edit.setText("编辑");
                    flag = true;
                }
                adapter.setFlag(flag);
                adapter.notifyDataSetChanged();
            }
        });
    }

}

自定义GridView代码（这个是关键）：

public class DragGridView extends GridView {
    private static final int DRAG_IMG_SHOW = 1;
    private static final int DRAG_IMG_NOT_SHOW = 0;
    private static final float AMP_FACTOR = 1.2f;
    private ImageView dragImageView;
    private WindowManager.LayoutParams dragImageViewParams;
    private WindowManager windowManager;
    private boolean isViewOnDrag = false;
    //当前的位置点
    private int preDraggedOverPositon = AdapterView.INVALID_POSITION;
    private int downRawX;
    private int downRawY;
    private static DragGridView dragGridView;
    private OnItemLongClickListener onLongClickListener = new OnItemLongClickListener() {

        @Override
        //长按item开始拖动
        public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
            //记录长按item位置
            preDraggedOverPositon = position;

            //获取被长按item的drawing cache
            view.destroyDrawingCache();
            view.setDrawingCacheEnabled(true);
            //通过被长按item，获取拖动item的bitmap
            Bitmap dragBitmap = Bitmap.createBitmap(view.getDrawingCache());

            //设置拖动item的参数
            dragImageViewParams.gravity = Gravity.TOP | Gravity.LEFT;
            //设置拖动item为原item 1.2倍
            dragImageViewParams.width = (int) (AMP_FACTOR * dragBitmap.getWidth());
            dragImageViewParams.height = (int) (AMP_FACTOR * dragBitmap.getHeight());
            //设置触摸点为绘制拖动item的中心
            dragImageViewParams.x = (downRawX - dragImageViewParams.width / 2);
            dragImageViewParams.y = (downRawY - dragImageViewParams.height / 2);
            dragImageViewParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
                    | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
                    | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
                    | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;
            dragImageViewParams.format = PixelFormat.TRANSLUCENT;
            dragImageViewParams.windowAnimations = 0;

            //dragImageView为被拖动item的容器，清空上一次的显示
            if (Integer.valueOf(dragImageView.getTag().toString()) == DRAG_IMG_SHOW) {
                windowManager.removeView(dragImageView);
                dragImageView.setTag(DRAG_IMG_NOT_SHOW);
            }

            //设置本次被长按的item
            dragImageView.setImageBitmap(dragBitmap);

            //添加拖动item到屏幕
            windowManager.addView(dragImageView, dragImageViewParams);
            dragImageView.setTag(DRAG_IMG_SHOW);
            isViewOnDrag = true;

            //设置被长按item不显示
            ((GridViewAdapter) getAdapter()).hideView(position);
            getParent().requestDisallowInterceptTouchEvent(true);
            return false;
        }
    };

    @Override
    public void setOnItemClickListener(OnItemClickListener listener) {
        super.setOnItemClickListener(listener);
    }

    public DragGridView(Context context) {
        super(context);
        initView();
    }

    public DragGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public DragGridView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    public void initView() {
        setOnItemLongClickListener(onLongClickListener);
        //初始化显示被拖动item的image view
        dragImageView = new ImageView(getContext());
        dragImageView.setTag(DRAG_IMG_NOT_SHOW);
        //初始化用于设置dragImageView的参数对象
        dragImageViewParams = new WindowManager.LayoutParams();
        //获取窗口管理对象，用于后面向窗口中添加dragImageView
        windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
    }

    public static DragGridView getInstance(Context context) {
        if (null == dragGridView) {
            dragGridView = new DragGridView(context);
        }
        return dragGridView;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        //被按下时记录按下的坐标
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
            //获取触摸点相对于屏幕的坐标
            downRawX = (int) ev.getRawX();
            downRawY = (int) ev.getRawY();

        }
        //dragImageView处于被拖动时，更新dragImageView位置
        else if ((ev.getAction() == MotionEvent.ACTION_MOVE) && (isViewOnDrag == true)) {
            Log.i("Tag", "" + ev.getRawX() + " " + ev.getRawY());
            //设置触摸点为dragImageView中心
            dragImageViewParams.x = (int) (ev.getRawX() - dragImageView.getWidth() / 2);
            dragImageViewParams.y = (int) (ev.getRawY() - dragImageView.getHeight() / 2);
            //更新窗口显示
            windowManager.updateViewLayout(dragImageView, dragImageViewParams);
            //获取当前触摸点的item position
            int currDraggedPosition = pointToPosition((int) ev.getX(), (int) ev.getY());
            //如果当前停留位置item不等于上次停留位置的item，交换本次和上次停留的item
            if ((currDraggedPosition != AdapterView.INVALID_POSITION) && (currDraggedPosition != preDraggedOverPositon) && (currDraggedPosition != getAdapter().getCount() - 1)
                    && (preDraggedOverPositon != getAdapter().getCount() - 1)
                    ) {
                ((GridViewAdapter) getAdapter()).swapView(preDraggedOverPositon, currDraggedPosition);
                preDraggedOverPositon = currDraggedPosition;
            }
            getParent().requestDisallowInterceptTouchEvent(true);
        }
        //释放dragImageView
        else if ((ev.getAction() == MotionEvent.ACTION_UP) && (isViewOnDrag == true)) {
            ((GridViewAdapter) getAdapter()).showHideView();
            if (Integer.valueOf(dragImageView.getTag().toString()) == DRAG_IMG_SHOW) {
                windowManager.removeView(dragImageView);
                dragImageView.setTag(DRAG_IMG_NOT_SHOW);
            }
            isViewOnDrag = false;

            getParent().requestDisallowInterceptTouchEvent(false);
        }
        return super.onTouchEvent(ev);
    }

    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);

    }
}

adapter类：

public class GridViewAdapter extends BaseAdapter {
    private List<Bitmap> mDatas;
    private Context mContext;
    private LayoutInflater inflater;
    private boolean flag=true;
    /**
     * 点击影藏的position
     */
    private int hidePosition = AdapterView.INVALID_POSITION;
    private DisplayMetrics metrics;

    public GridViewAdapter(Context context, List<Bitmap> mDatas, boolean flag) {
        this.mContext = context;
        this.mDatas = mDatas;
        inflater = LayoutInflater.from(mContext);
        metrics = mContext.getResources().getDisplayMetrics();
    }

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

    @Override
    public Bitmap getItem(int position) {
        return mDatas.get(position);
    }

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.images_gallary_item,
                    null);
            holder = new ViewHolder();
            holder.ivThumb = (ImageView) convertView
                    .findViewById(R.id.iv_cs_gallay_item);
            holder.ivThumb.setLayoutParams(new RelativeLayout.LayoutParams(
                    setWidth_px(), setWidth_px() * 3 / 4));
            holder.ivThumb.setScaleType(ImageView.ScaleType.CENTER_CROP);
            holder.tvdelete = (ImageView) convertView
                    .findViewById(R.id.iv_cs_gallay_delete);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        if (! flag && position !=mDatas.size()-1) {
            holder.tvdelete.setVisibility(View.VISIBLE);
        } else {
            holder.tvdelete.setVisibility(View.INVISIBLE);
        }

        final Bitmap bitmap = mDatas.get(position);
        if (bitmap != null) {
            holder.ivThumb.setImageBitmap(bitmap);
        }


        holder.tvdelete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mDatas.remove(position);
                notifyDataSetChanged();
            }
        });

        //hide时隐藏imageview
        if (position != hidePosition) {
            convertView.setVisibility(View.VISIBLE);
        } else {
            convertView.setVisibility(View.INVISIBLE);
        }
        convertView.setId(position);

        return convertView;
    }

    class ViewHolder {
        private ImageView ivThumb;
        private ImageView tvdelete;
    }

    public void setFlag(boolean flag) {
        this.flag = flag;
    }

    public void hideView(int pos) {
        hidePosition = pos;
        notifyDataSetChanged();
    }

    public void showHideView() {
        hidePosition = AdapterView.INVALID_POSITION;
        notifyDataSetChanged();
    }

    /**
     * 更新拖动时的gridView
     *
     * @param draggedPos 拖动的position
     * @param destPos    目表position
     */
    public void swapView(int draggedPos, int destPos) {
        //从前向后拖动，其他item依次前移
        if (draggedPos < destPos) {
            mDatas.add(destPos + 1, getItem(draggedPos));
            mDatas.remove(draggedPos);
        }
        //从后向前拖动，其他item依次后移
        else if (draggedPos > destPos) {
            mDatas.add(destPos, getItem(draggedPos));
            mDatas.remove(draggedPos + 1);
        }
        hidePosition = destPos;
        //       notifyDataSetChanged();
    }

    public int setWidth_px() {
        return dip2px((px2dip(metrics.widthPixels) - 24 - 24) / 3);
    }

    public int dip2px(float dipValue) {
        final float scale = mContext.getResources()
                .getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }

    public int px2dip(float pxValue) {
        final float scale = mContext.getResources()
                .getDisplayMetrics().density;
        return (int) (pxValue / scale + 0.5f);
    }


}

好了，有问题可以留言，欢迎拍砖，完整代码：点击这里进行下载

melonss
关注
专栏目录
如何自定义GridView的元素
格物致知的专栏
09-14 2565
之前有写过一篇博客《GridView应用》，简单的介绍了使用GridView的方法，由于使用的是SimpleAdapter，因此，无法自定义每个GridView元素的内容，例如：每项GridView Item都显示图片以及图片介绍，介绍文字显示在图片下方，上方等位置，当然也可以做到显示在图片底部，其实关键还是在Adapter的使用上，只需要自定义一个Adapter继承自BaseAdapter即可。
GridView设置不同的item（布局）
10-29
GridView设置不同的item（布局）
自定义GridView 中item 的高度
09-14 484
AbsListView.LayoutParams params = new AbsListView.LayoutParams( android.view.ViewGroup.LayoutParams.MATCH_PARENT, mGridView.getHeight() / 4); convertView.setLayoutParams(params);
自定义gridview实现
11-17
希望有帮助,我自己摸索一段时间的来的，比较简单一个类就可以实现，添加使用内部类的方法
自定义GridView的使用(盒子应用)
哈喽沃德
07-20 2932
突然发现好久没有写博客了，一直放到笔记里面，今天update一下。最近做的一个项目中，是盒子+电视，用户通过遥控器来操作。 这里只是说下GridView在当前业务下的简单使用，其实效果可以更多，实现的方式可以更高级。 比如下面这个开源项目：https://github.com/FrozenFreeFall/Android-tv-widget 描述：一个界面里面有多个Item选项，当进入到页面后，
Android开发基于ViewPager+GridView实现仿大众点评横向滑动功能
09-01
为了实现GridView，我们需要创建一个自定义Adapter，继承自`BaseAdapter`，并实现其方法，例如`getCount()`、`getItem(int position)`、`getItemId(int position)`和`getView(int position, View convertView, ...
自定义的各种风格gridview
11-14
1. item布局：自定义GridView的每一项布局，可以使用XML文件定义，例如设置每个单元格的大小、边距、内边距以及内容的展示方式（图片、文字等）。 2. 适配器扩展：继承BaseAdapter，重写其中的`getCount()`、`...
自定义GridView
04-11
本教程将深入探讨如何自定义GridView以实现特定的效果。 首先，理解GridView的基本用法是至关重要的。GridView继承自AbsListView，通过Adapter来填充数据。默认情况下，它会均匀分配每个单元格的宽度和高度，以形成...
gridview整页翻页的滑动，上滑和下滑
07-06
实现这个功能，开发者通常需要自定义GridView或者在其基础上扩展。以下是一些关键步骤和涉及的技术点： 1. **自定义GridView**: 创建一个继承自GridView的自定义类，重写其`onScroll`和`onTouchEvent`方法。这两个...
自定义GridView控件 代码
08-09
像普通GridView一样设置一下，输入sql语句，就可以自动分页，显示数据
gridview动态添加item
04-11
gridview中有多个item，点击最后一个item,动态添加一个item进来并显示
GridView长按拖拽Item及自动滚屏效果
10-18
感谢原创,感谢分享. GridView,长按Item后出现漂浮可拖拽的Item,并且在此Item移动到边缘时gridView会自动滚屏.
在用GridView时item的变化
weixin_30895603的博客
10-10 49
在用gridview时绑定的数据项在页面显示时。有时会有选中的勾，如是要取消这个勾。刚可以把SelectionMode="None" 初始状态是，sIngls也就是选中一项。item的样式也可以自己定义，没有定义则使用的是原来的模板 转载于:https://www.cnblogs.com/zhaojianwei/p/3360473.html...
GridView中item的多选实现
pengyu1801的专栏
01-11 1674
由于项目需要，所以就写了一个demo，记录到博客中。 GridView中item的单选的实现，请点击消除点击GridView的item默认的颜色，请点击接下来言归正传，开始今天的重点；1.先上布局文件： MainActivity的布局 activity_layout；<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:androi
listView / gridView 中手动添加一个Item
chenxiaoning87的专栏
10-23 3671
工作中我们有时候会遇到这样一种情况，在一个listview 或者一个 girdView 的UI中，有一个行与其他行要显示或实现的功能是不一样。但是改行要随着整体的listview 或者gridview，来滑动等等。 如下面图片的中要实现的这个功能： 这个gridview 的最后一个item,要实现的是一个搜索的功能，显然与其他的Item是不同的。 又或者 在这个listvi
android GridView 拖拽Item及滚屏实现
App推广,App自推广,谋哥
02-22 3091
针对以前修改的，进行了再修改。这次就能很好的实现了长按，然后向下拖动，背景的Item也向上的效果。 注要对如下函数进行了修改： private void onDrag(int x, int y) { if (dragImageView != null) { windowParams.alpha = 0.6f; windowParams.x = x - dragPointX
listview，gridview里面通过一个item控制所有item的使用方法
杨钊
05-05 454
使用原理：在gridview或者listview 或者recycleview的适配器里面  进行标记，首先设置一个一个变量，监听是否需要显示或者隐藏 这里以是否显示每个item的右上角的删除按钮为例 然后写一个方法，用于改变状态并且刷新界面 在就是在getView里面设置和进行操作的时候传递参数            //关键所在             hold
基于grid布局实现页面元素的动态拖拽替换
最新发布
qq_40482342的博客
02-01 859
本人看见网上的都是基于flex布局的动态拖拽，就想尝试写一下grid布局的拖拽实现一下，于是有了本篇文章，本篇主要都是基于元素实现，文章主要时提供了一个思路，需要时请根据自己的实际需求更改或者封装。觉得不错记得点个赞：
设置GridView中Item的大小
super_spy的专栏
04-15 1953
public class MySimpleAdapter extends SimpleAdapter { @Override public View getView(int position, View convertView, ViewGroup parent) {      View item = super.getView(position, convertView, parent);
ListView嵌套GridView详解：自定义onMeasure实现流畅滑动
2. 博客文章：[链接2](http://blog.csdn.net/lsong89/article/details/8598856)，这篇文章可能包含了更多关于自定义GridView和ListView适配器的深入讲解。 在MainActivity的代码片段中，可以看到以下关键部分： - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值