Android自定义GridView之仿支付宝首页可拖动、可删除的九宫格

              由于项目需要,实现一个类似支付宝首页九宫格的功能。参考了网络多个项目都不能满足需求。最后决定自己修改一个,先看下效果图


Android自定义GridView之仿支付宝首页可拖动、可删除的九宫格_第1张图片Android自定义GridView之仿支付宝首页可拖动、可删除的九宫格_第2张图片Android自定义GridView之仿支付宝首页可拖动、可删除的九宫格_第3张图片

第三张图片是拖动修改过位置的。

下面是主函数的布局





    
        
        

    

     对于ITEM的分割线的, ListView设置分割线是很容易的,只需设置 ListView的分割线颜色和宽度,在布局中定义 Android :divider android:dividerHeight 属性即可。但GridView并没有这样的属性和方法,这里采用的是用每个ITEM设置背景,背景定义了selector,在里面设置一个形状为矩形rectangle,设置这个矩形的stroke描边属性的颜色为分割线的颜色,这样item四周就有了分割线。定义了一个下面是选择器bg_gv.xml的布局




    
            

            
        
        
    
            

            
        
    
            

            
        



继承GridView自定义DragGrid,ITEM的拖动是通过cache机制保存为bitmap。隐藏点击的ITEM。通过onTouchEvent(MotionEvent ev)在里面修改bitmap的位置。拖动完成之后通过适配器DragAdapter更新ITEM的位置,显示之前被隐藏的ITEM。

下面是部分代码

dragItemView = (ViewGroup) getChildAt(downPos- getFirstVisiblePosition());
win_view_x = windowX - dragItemView.getLeft();// VIEW相对自己的X,
win_view_y = windowY - dragItemView.getTop();// VIEW相对自己的y,
//cache机制保存为bitmap
dragItemView.destroyDrawingCache();
dragItemView.setDrawingCacheEnabled(true);
	Bitmap dragBitmap = Bitmap.createBitmap(dragItemView.getDrawingCache());
	mVibrator.vibrate(50);// 设置震动时间
	startDrag(dragBitmap, (int) ev.getRawX(),(int) ev.getRawY());
	hideDropItem();
	dragItemView.setVisibility(View.INVISIBLE);


删除是通过点击位置与删除的imageView的范围判断。点击的点击分三种情况处理(1.删除事件,2.取消拖动状态时间,3.item的点击时间,优先级分别是从1-3)。这避免了与ITEM点击事件的冲突。下面是删除事件的处理的部分代码

ViewGroup dragViewGroup = (ViewGroup) getChildAt(clickPos- getFirstVisiblePosition());
ImageView deleteIcon = (ImageView) dragViewGroup.findViewById(R.id.delete_icon);
int dragIconViewX = dragViewGroup.getRight() - deleteIcon.getWidth();
int dragIconViewY = dragViewGroup.getTop();
if (dragIconViewX
      具体可参考下面的项目代码。有不懂的再更新说明内容。

      项目链接:项目源码


        补充:关于反馈说ITEM8不能拖动的问题,之前的构想是ITEM8是作为添加模块功能的,而不是作为可拖动的功能模块。解决办法:在DragGrid.java中找到这个段代码,if (startPosition == getCount() - 1) {return false;}注释掉就可以了。

     

    



你可能感兴趣的:(android,java)