Android之ViewGroup实现可拖动的GridView

   

 

GridView拖动效果实现  

网络上关于GridView可拖动的例子已经不少了，包括带动画不带动画的都有一堆，这里是通过继承Android原生控件GridView来扩展的，当然这种实现方式是很容易联想到的，也是最容易实现的。

 

 另一种方式GridView拖动效果实现下载地址的DEMO如下：http://download.csdn.net/detail/u014608640/7207699   仅供参考

 

1.    重新GridView控件

package com.whbs.drag.widget;

 

import com.whbs.drag.DragGridActivity.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.ViewGroup;

import android.view.WindowManager;

import android.widget.AdapterView;

import android.widget.GridView;

import android.widget.ImageView;

 

publicclass GragGridViewextends GridView{

    privatestaticfinal StringTAG = "GragGridView";

    //定义基本的成员变量

    private ImageViewdragImageView;//拖动的影像

    privateintdragSrcPosition;//原始对应位置

    privateintdragPosition;//拖动到坐标对应的位置

   

    //x,y坐标的计算

    privateintdragPointX;//按下坐标相对于当前项位置-- 相对

    privateintdragPointY;

    privateintdragOffsetX;//当前窗体和屏幕的距离 --绝对

    privateintdragOffsetY;

   

    private WindowManagerwindowManager;//窗口控制类

    private WindowManager.LayoutParamswindowParams;//用于控制拖动项的显示参数

   

//  private int scaledTouchSlop; //判断滑动的距离

    privateintupScrollBounce;//拖动时候,开始向上滚动的边界

    privateintdownScrollBounce;//拖动时候,开始向下滚动的边界

   

    public GragGridView(Context context) {

       super(context);

    }

    public GragGridView(Context context, AttributeSet attrs,int defStyle) {

       super(context, attrs, defStyle);

       //TODO Auto-generated constructor stub

    }

 

    public GragGridView(Context context, AttributeSet attrs) {

       super(context, attrs);

       //TODO Auto-generated constructor stub

    }

 

    //触控拦截事件

    @Override

    publicboolean onInterceptTouchEvent(MotionEvent ev) {

       if(ev.getAction() == MotionEvent.ACTION_DOWN){

           int x = (int)ev.getX();

           int y = (int)ev.getY();

          

           //选中数据项位置 ,

           dragSrcPosition =dragPosition = pointToPosition(x, y);

           if(dragPosition == AdapterView.INVALID_POSITION){//无效位置(超出边蛸,分割线)

              returnsuper.onInterceptTouchEvent(ev);

           }

           Log.i(TAG,"[onInterceptTouchEvent] dragSrcPosition:"+dragSrcPosition+",getFirstVisiblePosition():"+getFirstVisiblePosition());

           //getFirstVisiblePosition()返回第一个dispaly在界面的view在adapter的位置 可能是0,也可能是4

           ViewGroup itemView = (ViewGroup)getChildAt(dragPosition - getFirstVisiblePosition());

           //计算按下的坐标相对当前项的位置

           dragPointX = x - itemView.getLeft();//在当前项的X位置

           dragPointY = y - itemView.getTop();

           //当前窗体和屏幕的距离

           dragOffsetX = (int) (ev.getRawX()-x);

           dragOffsetY = (int) (ev.getRawY() -y);

           Log.i(TAG,"[onInterceptTouchEvent] [x:"+x+",y:"+y+"],[rawX:"+ev.getRawX()+",rawY:"+ev.getRawY()+"]");

           Log.i(TAG,"[onInterceptTouchEvent] [dragPointX:"+dragPointX+",dragPointY:"+dragPointY+"],[dragOffsetX:"+dragOffsetX+",dragOffsetY:"+dragOffsetY+"]");

//        

//         upScrollBounce = Math.min(y-scaledTouchSlop, getHeight()/4);

//         downScrollBounce = Math.max(y+scaledTouchSlop, getHeight()*3/4);

          

           upScrollBounce = Math.min(y, getHeight()/4);//向上可以滚动的距离

           downScrollBounce = Math.max(y, getHeight()*3/4);//向下可以滚动的距离

          

           itemView.setDrawingCacheEnabled(true);

           Bitmap bm = Bitmap.createBitmap(itemView.getDrawingCache());

           startDrag(bm,x,y);

       }

      

       returnsuper.onInterceptTouchEvent(ev);

      

    }

   

    //开始拖动

    publicvoid startDrag(Bitmap bm,int x,int y){

       stopDrag();

       windowParams =new WindowManager.LayoutParams();

       windowParams.gravity = Gravity.TOP|Gravity.LEFT;

       windowParams.x = x -dragPointX + dragOffsetX;//计算当前项Left离窗体的距离

       windowParams.y = y -dragPointY + dragOffsetY;//计算当前项Top离窗体的距离

      

       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.format = PixelFormat.TRANSLUCENT; 

 

       windowParams.windowAnimations = 0; 

 

       ImageView imageView = new ImageView(getContext());

       imageView.setImageBitmap(bm);

       windowManager = (WindowManager)getContext().getSystemService(getContext().WINDOW_SERVICE);

       windowManager.addView(imageView,windowParams);

       dragImageView = imageView;

    }

    //停止拖到

    publicvoid stopDrag(){

       if(dragImageView !=null){

           windowManager.removeView(dragImageView);

           dragImageView =null;

       }

    }

   

    //拖动

    publicvoid onDrag(int x,int y){

       if(dragImageView !=null){

           windowParams.alpha = 0.9f;

           windowParams.x = x -dragPointX + dragOffsetX;

           windowParams.y = y -dragPointY + dragOffsetY;

           windowManager.updateViewLayout(dragImageView,windowParams);

          

       }

       int tempPosition = pointToPosition(x, y);

       if(tempPosition !=INVALID_POSITION){

           dragPosition = tempPosition;

       }

      

       if(y <upScrollBounce || y >downScrollBounce){

           setSelection(dragPosition);

       }

    }

   

    @Override

    publicboolean onTouchEvent(MotionEvent ev) {

       if(dragImageView !=null &&dragPosition !=INVALID_POSITION){

           int action = ev.getAction();

           switch(action){

           case MotionEvent.ACTION_UP:

              int upx = (int)ev.getX();

              int upY = (int)ev.getY();

              stopDrag();

              onDrop(upx,upY);

              break;

           case MotionEvent.ACTION_MOVE:

              int moveX = (int)ev.getX();

              int moveY = (int)ev.getY();

              onDrag(moveX, moveY);

              break;

           }

           returntrue;

       }

      

      

       returnsuper.onTouchEvent(ev);

    }

   

    //拖到落下

    publicvoid onDrop(int x,int y){

       int tempPosition = pointToPosition(x,y);

       if(tempPosition !=INVALID_POSITION){

           dragPosition = tempPosition;

       }

       //超出边界

       if(y < getChildAt(0).getTop()){

           dragPosition = 0;

       }elseif(y > getChildAt(getChildCount()-1).getBottom() ||

              (y > getChildAt(getChildCount()-1).getTop() &&

              x > getChildAt(getChildCount()-1).getRight())){

           //超出下边界

           dragPosition = getAdapter().getCount() -1;

       }

       //数据交换当前拖动的于拖到到位置上的图片交换

       if(dragPosition !=dragSrcPosition &&dragPosition > -1 &&dragPosition < getAdapter().getCount()){

           DragGridAdapter adapter = (DragGridAdapter)getAdapter();

           String dragSrcItem = adapter.getItem(dragSrcPosition);

           String dragTargetItem = adapter.getItem(dragPosition);

          

           adapter.remove(dragSrcItem);

           adapter.insert(dragSrcItem,dragPosition);

          

           adapter.remove(dragTargetItem);

           adapter.insert(dragTargetItem,dragSrcPosition);

          

           System.out.println("srcPosition="+dragSrcPosition+" dragPosition="+dragPosition);

           //Toast.makeText(getContext(), adapter.getList().toString(), Toast.LENGTH_SHORT).show();

       }

      

    }

}

 

2.    Activity调用实现

package com.whbs.drag;

 

import java.lang.reflect.Field;

import java.util.ArrayList;

import java.util.List;

 

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.view.Window;

import android.view.WindowManager;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

 

import com.whbs.drag.widget.GragGridView;

 

publicclass DragGridActivityextends Activity {

 

    privatestatic List<String>list =null;

//  private static List<Integer> res = null;

    //自定义适配器

    private DragGridAdapteradapter =null;

   

    @Override

    publicvoid onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

      

        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

       

        setContentView(R.layout.drag_grid_activity);

        initData();

//       

        GragGridView dragView = (GragGridView)findViewById(R.id.drag_grid);

//        System.out.println("dragView"+dragView);

        adapter =new DragGridAdapter(this,list);

        dragView.setAdapter(adapter);

    }

   

    publicvoid initData(){

       list =new ArrayList<String>();

//     res = new ArrayList<Integer>();

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

           list.add("grid_"+i%12);

           //res.add(0x7f020000+i);

       }

    }

   

   

    public class DragGridAdapterextends ArrayAdapter<String>{

 

       public DragGridAdapter(Context context, List<String> objects) {

           super(context, 0, objects);

       }

       @Override

       public View getView(int position, View convertView, ViewGroup parent) {

           View view = convertView;

           if(view ==null){

              view = LayoutInflater.from(getContext()).inflate(R.layout.drag_grid_item,null);

           }

           try {

              //跟据文件名获取资源文件中的图片资源

              Field f = R.drawable.class.getDeclaredField(getItem(position));

              int i = f.getInt(R.drawable.class);

              ImageView imageview = (ImageView)view.findViewById(R.id.drag_grid_item_image);

              imageview.setImageResource(i);

             

           } catch (SecurityException e) {

              //TODO Auto-generated catch block

              e.printStackTrace();

//         }

           } catch (NoSuchFieldException e) {

              //TODO Auto-generated catch block

              e.printStackTrace();

           } catch (IllegalArgumentException e) {

              //TODO Auto-generated catch block

              e.printStackTrace();

           } catch (IllegalAccessException e) {

              //TODO Auto-generated catch block

              e.printStackTrace();

           }

           return view;

       }

      

    }

}

3.    Xml文件

1.    drag_grid_activity.xml

<?xmlversion="1.0"encoding="utf-8"?>

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

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="@drawable/bg"

    android:padding="10dip"

    >

<com.whbs.drag.widget.GragGridView

    android:id="@+id/drag_grid"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:cacheColorHint="#4682B4"

    android:numColumns="4"

    android:stretchMode="columnWidth"

    android:verticalSpacing="5dip"

    android:horizontalSpacing="5dip">

</com.whbs.drag.widget.GragGridView>

</LinearLayout>

 

2.    drag_grid_item.xml

<?xmlversion="1.0"encoding="utf-8"?>

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

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:paddingLeft="5dip"

    android:paddingRight="5dip"

    >

   

   

    <ImageView

    android:id="@+id/drag_grid_item_image"

    android:padding="5dip"

    android:background="@drawable/grid_bg"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    />

 

</RelativeLayout>

 

4.    AndroidManifest.xml

<?xmlversion="1.0"encoding="utf-8"?>

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

      package="com.whbs.drag"

      android:versionCode="1"

      android:versionName="1.0">

 

 

    <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">

        <activityandroid:name="DragGridActivity"

                  android:label="@string/app_name">

            <intent-filter>

                <actionandroid:name="android.intent.action.MAIN"/>

                <categoryandroid:name="android.intent.category.LAUNCHER"/>

            </intent-filter>

        </activity>

 

    </application>

</manifest>