Android：在Adapter中的触摸事件上更新GridView中的图像

Question

我有一个GridView附加的适配器。适配器在网格中填充图像。我已经设置setOnTouchLister为GridView，Activity并且仅在适配器中实现。在适配器中，我有一个Integer[] imageIDs包含所有已添加图像的资源ID的ID，它包含一个ArrayList<ImageSourceObject> imgObjsArr扩展的ID
ImageView和其他属性设置的ID 。

现在onTouch()，我想将所选图像的图像更改为其他图像。这里是我的代码：在设置网格的适配器Activity中onCreate：

        // Set Objects in Game View
    gameView = (GridView) this.findViewById(R.id.game_gridView);
    gameObjAdapter = new GameObjectsAdapter(this, R.id.game_gridView, null);
    gameView.setAdapter(gameObjAdapter);

适配器：

public class GameObjectsAdapter extends BaseAdapter implements OnTouchListener {
    super();
    mContext = c;
    this.layoutResourceId = layoutResourceId;
    objects = data;
    gridViewResAdap = (GridView) mContext.findViewById(this.layoutResourceId);
    createObjectsArray();
    Log.d("GOA", "Created Objects Array");
}

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

    ImageSourceObject imgView;

    if (convertView == null) {
        imgView = new ImageSourceObject(mContext);
        imgView.setLayoutParams(new GridView.LayoutParams(20, 20));
        imgView.getScaleType();
        imgView.setScaleType(ScaleType.FIT_XY);
        imgView.setPadding(0, 0, 0, 0);
    } else {
        imgView = (ImageSourceObject) convertView;
    }

    // Chk status of touched of imgView & set image accordingly
    if (imgView.isTouched())
        imgView.setImage(R.drawable.droid_touched2);
    else 
        imgView.setImage(imageIds[position]);

    return imgView;
}

@Override
public boolean onTouch(View v, MotionEvent event) {
    // TODO Auto-generated method stub

    int action = event.getActionMasked();
    float currentXPos = event.getX();
    float currentYPos = event.getY();
    int position = gridViewResAdap.pointToPosition((int)currentXPos, (int) currentYPos);

    // Key was Pressed Here
    if (action == MotionEvent.ACTION_UP) {
        if (position > 0) {
            // Get the object which is clicked
            ImageSourceObject isb = this.imgObjsArr.get(position);
            Log.d("GA", " Postion ID " + isb.getId() + " [] ID : " + imageIds[position]);

            // Change the status of touched & set image
            isb.setTouched(true);
            isb.setImage(R.drawable.droid_touched2);

            // Update the ArrayList & Integer[] with this updated obj 
            this.imgObjsArr.set(position, isb);
            imageIds[position] = R.drawable.droid_touched2;
            Log.d("ISB", "++++ Object ID : " + isb.getId() + " [] ID : " + imageIds[position] + " ISB Touched :" + isb.isTouched());

            Toast.makeText(mContext, "Postion Pressed : " + (position+1), 
                Toast.LENGTH_SHORT).show();

            //this.gridViewResAdap.invalidate();
        }

        return true;
    }

    return false;
}

日志：

02-19 15:19:11.615: D/GA(2046):  Postion ID 2130837556 [] ID : 2130837556
02-19 15:19:11.617: D/ISB(2046): ++++ Object ID : 2130837559 [] ID : 2130837559 ISB Touched :true

日志显示Integer[]＆中的对象ArrayList均已更新且具有正确的值。毕竟，图像也不会在屏幕上更新。该gridViewResAdap也是从活动通过网格的对象。我也尝试调用invalidate()它，但是没有结果。就像在我的一样getView()，我正在使用imageIDs，所以我也将其保持更新。

ImageSourceObject：

public class ImageSourceObject extends ImageView {

public void setImage(int resourceId) {
    super.setImageResource(resourceId);
    this.setId(resourceId);
}

另外，onTouch()给打电话给错误onPerformClick()，我不确定去哪里打电话和为什么打电话。我还没有onClickListener在适配器中实现。在这种情况下可以做些什么，onClickListener整理东西时要写什么onTouch()。

您能帮我知道为什么图像对象没有更新以及我在哪里出错吗？我以为我必须刷新网格，所以也调用了invalidate（），但没有结果。

非常感谢您的帮助。

谢谢

Answer 1

你之后ImageView开始处理的TouchEvent，它是唯一的视图允许这样做与触摸手势什么。您想GridView拦截TouchEvent，检查TouchEvent（event.getX(); event.getY()）的X和Y坐标，并查看这些坐标是否在您的ImageView对象之一的范围内。如果是，请在ImageView或可以触发您的setImageDrawable()方法的标记上设置一个标志。我可以在一个项目中实现类似的效果，但是必须创建一个自定义GridView类（public class yourGridView extends GridView），然后重写以下内容：

@Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        int action = event.getAction();
        switch(action) {
            case MotionEvent.ACTION_DOWN:
                Log.i(AGL, "InterceptAction = DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.i(AGL, "InterceptAction = MOVE");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.i(AGL, "InterceptAction = CANCEL");
                return false;
        }
        return true;  //returning true tells your main Activity that you want the custom GridView to handle this TouchEvent; It will then send the TouchEvent to your GridView's onTouchEvent() method for handling.
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();
        switch(action) {
            case MotionEvent.ACTION_MOVE:
                int xCoord = (int) event.getX();
                int yCoord = (int) event.getY();
                Log.i(AGL, "MOVE EVENT;" + "\n" +  "Touch X = " + Integer.toString(xCoord) + "\n" +
                "Touch Y = " + Integer.toString(yCoord));
                for(int i = 0; i < this.getChildCount(); i++) {
                    ImageView suspect = (ImageView) this.getChildAt(i);
                    if(suspect.getBounds().contains(xCoord, yCoord)) {
                        suspect.CHANGE_YOUR_IMAGE_HERE();
                        suspect.invalidate();
                    }
                }
                break;
        }

        return true;
    }

请注意：getBounds（）是我在自定义ImageView类中编写的一种方法。此方法返回一个Rect对象，该对象表示对象的边界框ImageView。您将必须使用自己的逻辑来获取您的的边界ImageView。

另请注意：当我在项目中运行此逻辑时，ImageView在触摸手势期间，我会快速更改图像。我还没有想出如何将其限制为每个MotionEvent.ACTION_MOVE一个图像更改。

我希望这有帮助。