拖拽(2) Gridview的拖拽

下面我们接着对GridView的拖拽简单说明.因为这些在项目中我们都会用到，所以既然做到就做全面点吧.好了大家接着往下看吧.

首先说明，原理一样，都是拖动映像，记录拖动位置，然后调用notifyDataSetChanged更新UI.

而GridView不同的是你要根据x，y值共同获取点击的position和移动至的position，而ListView因为不涉及x坐标.

嗯，最初的原始移动我就不给大家展示了，效果也不是很友好，我直接展示时时更新的那种方法.效果类是与上面那个时时更新ListView一样。

原理也一样.下面我们直接看代码吧.

?

001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023 024 025 026 027 028 029 030 031 032 033 034 035 036 037 038 039 040 041 042 043 044 045 046 047 048 049 050 051 052 053 054 055 056 057 058 059 060 061 062 063 064 065 066 067 068 069 070 071 072 073 074 075 076 077 078 079 080 081 082 083 084 085 086 087 088 089 090 091 092 093 094 095 096 097 098 099 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266

package com.jj.draggrid;   import java.util.logging.Handler;   import com.jj.draggrid.MainActivity.DragGridAdapter;   import android.content.Context; import android.graphics.Bitmap; import android.graphics.PixelFormat; import android.util.AttributeSet; import android.util.Log; import android.view.Gravity; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.view.WindowManager; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView; import android.widget.Toast;   /***   * 自定义拖拽GridView   *   * @author zhangjia   *   */   public class DragGridView extends GridView {        private WindowManager windowManager; // windows窗口控制类      private WindowManager.LayoutParams windowParams; // 用于控制拖拽项的显示的参数        private int scaledTouchSlop; // 判断滑动的一个距离,scroll的时候会用到(24)        private ImageView dragImageView; // 被拖拽的项(item)，其实就是一个ImageView      private int dragSrcPosition; // 手指拖动项原始在列表中的位置      private int dragPosition; // 手指点击准备拖动的时候,当前拖动项在列表中的位置.        private int dragPointX; // 在当前数据项中的位置      private int dragPointY; // 在当前数据项中的位置      private int dragOffsetX; // 当前视图和屏幕的距离(这里只使用了x方向上)      private int dragOffsetY; // 当前视图和屏幕的距离(这里只使用了y方向上)        private int upScrollBounce; // 拖动的时候，开始向上滚动的边界      private int downScrollBounce; // 拖动的时候，开始向下滚动的边界        private int temChangId; // 临时交换id        private boolean isDoTouch = false ; // touch是否可用        private boolean isHide = false ; // 是否隐藏        private Handler handler;        public void setDoTouch( boolean isDoTouch) {          this .isDoTouch = isDoTouch;      }        public DragGridView(Context context, AttributeSet attrs) {          super (context, attrs);      }        @Override      public boolean onInterceptTouchEvent(MotionEvent ev) {            if (ev.getAction() == MotionEvent.ACTION_DOWN) {              int x = ( int ) ev.getX();              int y = ( int ) ev.getY();                temChangId = dragSrcPosition = dragPosition = pointToPosition(x, y);                if (dragPosition == AdapterView.INVALID_POSITION) {                  return super .onInterceptTouchEvent(ev);              }                ViewGroup itemView = (ViewGroup) getChildAt(dragPosition                      - getFirstVisiblePosition());                dragPointX = x - itemView.getLeft();              dragPointY = y - itemView.getTop();              dragOffsetX = ( int ) (ev.getRawX() - x);              dragOffsetY = ( int ) (ev.getRawY() - y);                View dragger = itemView.findViewById(R.id.drag_grid_item);                /***               * 判断是否选中拖动图标               */              if (dragger != null && dragPointX > dragger.getLeft()                      && dragPointX < dragger.getRight()                      && dragPointY > dragger.getTop()                      && dragPointY < dragger.getBottom() + 20 ) {                    upScrollBounce = getHeight() / 4 ;                  downScrollBounce = getHeight() * 3 / 4 ;                    itemView.setDrawingCacheEnabled( true );                  Bitmap bm = Bitmap.createBitmap(itemView.getDrawingCache());                  startDrag(bm, x, y); // 初始话映像                    dragger.setVisibility(View.INVISIBLE); // 隐藏该项.              }          }            return super .onInterceptTouchEvent(ev);      }        @Override      public boolean onTouchEvent(MotionEvent ev) {            if (dragImageView != null && dragPosition != INVALID_POSITION                  && isDoTouch) {              int action = ev.getAction();              switch (action) {              /***               *               */              case MotionEvent.ACTION_UP:                  int upX = ( int ) ev.getX();                  int upY = ( int ) ev.getY();                  stopDrag(); // 删除映像                  onDrop(upX, upY); // 松开                  // isDoTouch = false;                  break ;              /***               * 拖拽item               *               */              case MotionEvent.ACTION_MOVE:                  int moveX = ( int ) ev.getX();                  int moveY = ( int ) ev.getY();                  onDrag(moveX, moveY); // 拖拽                  break ;              case MotionEvent.ACTION_DOWN:                  int downX = ( int ) ev.getX();                  int downY = ( int ) ev.getY();                  onHide(downX, downY); // 隐藏该项                  break ;              default :                  break ;              }              return true ;          }            return super .onTouchEvent(ev);      }        /**       * 准备拖动，初始化拖动项的图像       *       * @param bm       * @param y       */      public void startDrag(Bitmap bm, int x, int y) {            windowParams = new WindowManager.LayoutParams();          windowParams.gravity = Gravity.TOP | Gravity.LEFT;          windowParams.x = x - dragPointX + dragOffsetX;          windowParams.y = y - dragPointY + dragOffsetY;          windowParams.width = WindowManager.LayoutParams.WRAP_CONTENT;          windowParams.height = WindowManager.LayoutParams.WRAP_CONTENT;          windowParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE                  | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE                  | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON                  | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;            windowParams.windowAnimations = 0 ;            ImageView imageView = new ImageView(getContext());          imageView.setImageBitmap(bm);          windowManager = (WindowManager) getContext().getSystemService( "window" );          windowManager.addView(imageView, windowParams);          dragImageView = imageView;        }        /***       * 拖动时时change       */      private void onChange( int x, int y) {          // 获取适配器          DragGridAdapter adapter = (DragGridAdapter) getAdapter();          // 数据交换          if (dragPosition < getAdapter().getCount()) {              // 不相等的情况下要进行换位,相等的情况下说明正在移动              if (dragPosition != temChangId) {                  adapter.update(temChangId, dragPosition); // 进行换位                  temChangId = dragPosition; // 将点击最初所在位置position付给临时的，用于判断是否换位.              }            }            // 为了避免滑动到分割线的时候，返回-1的问题          int tempPosition = pointToPosition(x, y);          if (tempPosition != INVALID_POSITION) {              dragPosition = tempPosition;          }        }        /***       * 拖动执行，在Move方法中执行       *       * @param x       * @param y       */      public void onDrag( int x, int y) {          // 移动          if (dragImageView != null ) {              windowParams.alpha = 0 .8f;              windowParams.x = x - dragPointX + dragOffsetX;              windowParams.y = y - dragPointY + dragOffsetY;              windowManager.updateViewLayout(dragImageView, windowParams);          }            onChange(x, y); // 时时交换            // 滚动          if (y < upScrollBounce || y > downScrollBounce) {              // 使用setSelection来实现滚动              setSelection(dragPosition);          }        }        /***       * 隐藏该选项       */      private void onHide( int x, int y) {          // 获取适配器          DragGridAdapter adapter = (DragGridAdapter) getAdapter();          // 为了避免滑动到分割线的时候，返回-1的问题          int tempPosition = pointToPosition(x, y);          if (tempPosition != INVALID_POSITION) {              dragPosition = tempPosition;          }          adapter.setIsHidePosition(dragPosition);        }        /**       * 停止拖动，删除影像       */      public void stopDrag() {          if (dragImageView != null ) {              windowManager.removeView(dragImageView);              dragImageView = null ;          }      }        /***       * 拖动放下的时候       *       * @param x       * @param y       */      public void onDrop( int x, int y) {            DragGridAdapter adapter = (DragGridAdapter) getAdapter();          adapter.setIsHidePosition(- 1 ); // 不进行隐藏        }   }

相信大家只要ListView拖拽弄白后，这个GridView也会轻易弄出来,其实拖拽就是对坐标的考察。

向大家展示一下效果:

但是有个不足的地方，网上一些例子都是长按可以拖拽，而点击则执行点击事件.其实实现起来也不是很复杂，可是在实现的过程中，遇到了诡异纠结的问题，郁闷了一天，结果目前先放弃，以后哪天在搞搞吧.纠结的问题就是错位.

我说下我的思路：首先，我们在自定义GridView中创建一个控制是否可以Touch拖拽的变量,而这个变量的值我们通过对GridView的setOnItemClickListener和setOnItemLongClickListener来获取，

如：

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20

gv_main.setOnItemClickListener( new OnItemClickListener() {                @Override              public void onItemClick(AdapterView<?> parent, View view,                      int position, long id) {                  gv_main.setDoTouch( false );                  Toast.makeText(MainActivity. this ,                          adapter.getItemId(position) + "" , 1 ).show();              }          });            gv_main.setOnItemLongClickListener( new OnItemLongClickListener() {                @Override              public boolean onItemLongClick(AdapterView<?> parent, View view,                      int position, long id) {                  gv_main.setDoTouch( true );                  return true ;              }          });

这样我们就实现了长按可以拖拽的效果了，可是遇到个变态的问题，不过这个思路没有错，肯定可以实现.

就先说到这里，其实通过这个例子，我们还可以拓展实现ListView上滑动的时候，到达Title时,Title停留在顶部，当下一个Titile滑动到这里的时候，那么代替前面那个TItle.网上有写应该就是这么搞的，具体实现不知道，不过这种方案可以实现，