【问题标题】:How to stop other images to move while dragging of one image如何在拖动一张图像时阻止其他图像移动
【发布时间】:2014-03-16 10:21:03
【问题描述】:

在我的应用程序中,我可以一个接一个地重叠图像,当我从一组图像中拖动一个图像时,左右图像也在屏幕上移动。 如何限制这个,下面是我的代码

    int cards[] = {R.drawable.c1,R.drawable.c2,R.drawable.c3,R.drawable.c4,R.drawable.c5,R.drawable.c6,
                R.drawable.c7,R.drawable.c8,R.drawable.c9,R.drawable.c10,R.drawable.c11,R.drawable.c12,R.drawable.c13};
    ImageView[] Images = new ImageView[cards.length];
            for (int i = 0; i < cards.length; i++) {           
                Images[i] = new ImageView(this);

                RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
                        RelativeLayout.LayoutParams.WRAP_CONTENT,
                        RelativeLayout.LayoutParams.WRAP_CONTENT);
                if (i != 0) {          

                     params.addRule(RelativeLayout.ALIGN_LEFT,i-1);
                     params.leftMargin= 40;
                     Images[i].setImageBitmap(BitmapFactory.decodeResource(getResources(), cards[i]));
                     Images[i].setId(i);
                     Images[i].setOnTouchListener(this);
                    layout.addView(Images[i], params);
                } else {
                     Images[i].setImageBitmap(BitmapFactory.decodeResource(getResources(), cards[i]));
                     Images[i].setId(i);
                     Images[i].setOnTouchListener(this);
                    layout.addView(Images[i], params);
                }

            }

//Ontouch

@Override
    public boolean onTouch(View p_v, MotionEvent p_event){
        params = (RelativeLayout.LayoutParams)p_v.getLayoutParams();
        switch (p_event.getAction()){       
        case MotionEvent.ACTION_DOWN:
        {
            status = START_DRAGGING;            
            imageView1 = new ImageView(this);
            imageView1.setImageBitmap(p_v.getDrawingCache());

            m_lastTouchX = p_event.getX();
            m_lastTouchY = p_event.getY();  

            break;
        }
        case MotionEvent.ACTION_UP:
        {
                status=STOP_DRAGGING;           
            break;
        }
        case MotionEvent.ACTION_MOVE:
        {
            if (status == START_DRAGGING) {
                m_dx = p_event.getX() - m_lastTouchX;
                m_dy = p_event.getY() - m_lastTouchY;

                m_posX = m_prevX + m_dx;
                m_posY = m_prevY + m_dy;
                System.out.println("Dragging");
                    params.leftMargin = (int) m_posX;

                    params.topMargin=(int) m_posY;
                    p_v.bringToFront();
                    p_v.setLayoutParams(params);
                    imageView1.invalidate();
                    m_prevX = m_posX;
                    m_prevY = m_posY;

            }


            break;

        }
        }
        return true;
    }

【问题讨论】:

  • 因为你在父布局的相对布局上应用了 ontouch 监听器
  • 我没听明白,我需要在哪里设置 ontouchlistner?
  • 有什么帮助吗?有人遇到过这种问题吗?
  • 您不应该尝试使用 Android 的布局层次结构来做类似的事情。使用画布。
  • 你能举个例子吗...

标签: android drag-and-drop touch android-imageview android-event


【解决方案1】:

我的猜测是,因为您的图像重叠,所有三个图像都会获得 onTouch 事件并开始拖动。您应该添加一些逻辑来确定应该拖动哪个图像(例如首先处理事件的那个),然后仅 START_DRAGGING 那个图像。您已经拥有“全局”价值状态。在它旁边添加 int imageNo 并在 ACTION_DOWN 案例语句中设置它。

关于主题:您应该只在 status != START_DRAGGING 时处理 ACTION_DOWN。

【讨论】:

    【解决方案2】:

    这里有一个小sn-p 可以帮助你前进。我在RelativeLayout 中添加了一些图片。绘图是在画布中完成的,以获得更好的拖动性能。你只需要处理布局参数更新MotionEvent.ACTION_UP事件:

    private ImageView[] Images;
    private boolean mDragging = false;
    private Rect mImageRect = new Rect();
    int mX = 0;
    int mY = 0;
    private Bitmap mBitmap;
    private ImageView mImage;
    
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
    
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mX = (int) ev.getX();
            mY = (int) ev.getY();
    
            for (ImageView image : Images) {
                image.getHitRect(mImageRect);
    
                if (mImageRect.contains(mX, mY)) {
                    mDragging = true;
    
                    mImage = image;
                    mBitmap = ((BitmapDrawable) mImage.getDrawable())
                            .getBitmap();
    
                    mImage.setVisibility(View.GONE);
                    postInvalidate();
                    break;
                }
            }
    
            break;
        case MotionEvent.ACTION_MOVE:
            if (mDragging) {
                mX = (int) ev.getX();
                mY = (int) ev.getY();
    
                postInvalidate();
            }
            break;
        case MotionEvent.ACTION_UP:
            if (mDragging) {
                mDragging = false;
                mBitmap = null;
                mImage.setVisibility(View.VISIBLE);
                mImage = null;
            }
            break;
        }
    
        return super.onTouchEvent(ev);
    }
    
    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
    
        if (mBitmap != null) {
            canvas.drawBitmap(mBitmap, mX, mY, null);
        }
    }
    

    【讨论】:

      猜你喜欢
      • 2015-12-24
      • 2023-04-09
      • 2019-07-24
      • 2012-08-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-04-04
      • 2013-05-28
      相关资源
      最近更新 更多