【问题标题】:How to drag and drop an ImageView onto another ImageView?如何将 ImageView 拖放到另一个 ImageView 上?
【发布时间】:2013-12-24 10:52:11
【问题描述】:

我对 Android 比较陌生,但已经成功管理了一些零碎的东西。

我现在想要实现的是一个简单的拖放活动,它允许用户:

  • 将形状“ImageView”拖放到另一个形状“ImageView”上。
  • 如果图像:
    匹配 - 它应该替换掉它的图像,
    如果不是 - 它应该会恢复到原来的位置。

我知道这意味着在我的 drop 事件中创建一个 if/else 块,但是在浏览了几个教程之后,我无法拼凑出我需要的东西。而且我目前没有足够的 Java 知识来完成这项工作。

目前我有一个包含 6 个 ImageViews 的布局,其中 3 个是静态的,3 个可以在屏幕上移动并放置在布局上,但不能放在 ImageViews 上。

我认为这是因为我将 DragListener 设计为我的布局而不是 ImageViews,但我有点迷茫,有人可以帮助我吗?

这是我的代码:

DragandDrop.java    

import android.os.Bundle;
import android.view.DragEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.DragShadowBuilder;
import android.view.View.OnDragListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.app.Activity;

public class DragandDrop extends Activity implements OnTouchListener, OnDragListener {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.draganddrop);
    findViewById(R.id.squareImage).setOnTouchListener(this);
    findViewById(R.id.circleImage).setOnTouchListener(this);
    findViewById(R.id.triangleImage).setOnTouchListener(this);
    findViewById(R.id.top_container).setOnDragListener(this);
    findViewById(R.id.bottom_container).setOnDragListener(this);
    findViewById(R.id.squareImage1).setOnDragListener(this);
    findViewById(R.id.circleImage1).setOnDragListener(this);
    findViewById(R.id.triangleImage1).setOnDragListener(this);
}

@Override
public boolean onTouch(View v, MotionEvent e) {
    if (e.getAction() == MotionEvent.ACTION_DOWN) {
        DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(v);
        v.startDrag(null, shadowBuilder, v, 0);
        v.setVisibility(View.INVISIBLE);
        return true;
    } else {
        return false;
    }
}

@Override
public boolean onDrag(View v, DragEvent e) {
    if (e.getAction()==DragEvent.ACTION_DROP) {
        View view = (View) e.getLocalState();
        ViewGroup from = (ViewGroup) view.getParent();
        from.removeView(view);
        LinearLayout to = (LinearLayout) v;
        to.addView(view);
        view.setVisibility(View.VISIBLE);
    }
    return true;
}

}

拖放.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
tools:context=".draganddrop"
android:background="@drawable/dragshapes"
android:orientation="vertical"
android:id="@+id/dropLayout">


<LinearLayout
    android:id="@+id/top_container"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@android:color/transparent"
    android:orientation="horizontal"
    android:gravity="center">

    <ImageView
        android:contentDescription="@string/square_text_content"
        android:id="@+id/squareImage1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:src="@drawable/dragsquare1" />

    <ImageView
        android:contentDescription="@string/circle_text_content"
        android:id="@+id/circleImage1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:src="@drawable/dragcircle1" />

    <ImageView
        android:contentDescription="@string/triangle_text_content"
        android:id="@+id/triangleImage1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:src="@drawable/dragtriangle1" />



</LinearLayout>

<LinearLayout
    android:id="@+id/bottom_container"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@android:color/transparent"
    android:orientation="horizontal"
    android:gravity="center">
    <ImageView
        android:contentDescription="@string/square_text_content"
        android:id="@+id/squareImage"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:src="@drawable/dragsquare" />

    <ImageView
        android:contentDescription="@string/circle_text_content"
        android:id="@+id/circleImage"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:src="@drawable/dragcircle" />

    <ImageView
        android:contentDescription="@string/triangle_text_content"
        android:id="@+id/triangleImage"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp"
        android:src="@drawable/dragtriangle" />

</LinearLayout>

</LinearLayout>

【问题讨论】:

标签: android drag-and-drop imageview listener actionlistener


【解决方案1】:

移除容器的设置拖拽监听器

findViewById(R.id.top_container).setOnDragListener(this);  //Remove this
findViewById(R.id.bottom_container).setOnDragListener(this);  //Remove this
  • 检查拖动的图像视图是否与您放置的视图匹配。
    如果它们匹配:
    • 将拖放的 ImageView 的背景设置为拖动的背景。
      (其他尺寸与您的 xml 文件相同)

示例代码:

@Override
public boolean onDrag(View v, DragEvent e) {
    if (e.getAction()==DragEvent.ACTION_DROP) {
        View view = (View) e.getLocalState();
        
        if (view.getId()==R.id.squareImage1 && v.getId()==R.id.squareImage) {
            ViewGroup from = (ViewGroup) view.getParent();
            from.removeView(view);
            v.setBackground(@drawable/dragsquare1);  //TODO: Change this pseudo code.
            return true;
        
        } else if(view.getId()==R.id.circleImage1 && v.getId()==R.id.circleImage) {
            ViewGroup from = (ViewGroup) view.getParent();
            from.removeView(view);
            v.setBackground(@drawable/dragcircle1);  //TODO: Change this pseudo code.
            return true;

        } else if(view.getId()==R.id.triangleImage1 && v.getId()==R.id.triangleImage) {
            ViewGroup from = (ViewGroup) view.getParent();
            from.removeView(view);
            v.setBackground(@drawable/dragtriangle1);  //TODO: Change this pseudo code.
            return true;

        } else {
            return false;
        }
    }
}

希望这对您有所帮助...
圣诞快乐

【讨论】:

  • 圣诞快乐确实非常感谢你 :-) 但它实际上仍然给我在 Ids 上的错误说无法解析符号 getId 并且还说它有一些语法错误意外的半冒号丢失)丢失;在其他人中。 @nikvs
  • 糟糕,我在 getId.Sorry 中忘记了“()”
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-11-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-08-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多