实现双击图像

Question

我有一个 Activity，只有 1 张图片添加了 Pan/Zoom/Rotation 系统。我需要实现双击图像以向我的代码添加另一个功能，但我做不到。我尝试将带有 onClick 方法的 setOnClickListener 添加到我的图像中，但没有任何反应，尽管没有任何代码错误。

public class LastActivity extends AppCompatActivity
{
ImageView my_View;
float scalediff;
private static final int NONE = 0;
private static final int DRAG = 1;
private static final int ZOOM = 2;
private int mode = NONE;
private float oldDist = 1f;
private float d = 0f;
private float newRot = 0f;

@SuppressLint("ClickableViewAccessibility")
@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_last);

    my_View = findViewById(R.id.my_View);

    final Bundle mBundle = getIntent().getExtras();

    if (mBundle != null)
    {
        my_View.setImageResource(mBundle.getInt("fullImg"));
    }

    init();

    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    int sWidth = size.x;
    int sHeight = size.y;

    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(800, 800);

    my_View.setLayoutParams(layoutParams);

    my_View.setOnTouchListener(new View.OnTouchListener() {
        RelativeLayout.LayoutParams parms;
        int startwidth;
        int startheight;
        float dx = 0, dy = 0, x = 0, y = 0;
        float angle = 0;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            final ImageView view = (ImageView) v;

            ((BitmapDrawable) view.getDrawable()).setAntiAlias(true);
            switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN:

                    parms = (RelativeLayout.LayoutParams) view.getLayoutParams();
                    startwidth = parms.width;
                    startheight = parms.height;
                    dx = event.getRawX() - parms.leftMargin;
                    dy = event.getRawY() - parms.topMargin;
                    mode = DRAG;
                    break;

                case MotionEvent.ACTION_POINTER_DOWN:

                    oldDist = spacing(event);
                    if (oldDist > 10f) {
                        mode = ZOOM;
                    }

                    d = rotation(event);

                    break;
                case MotionEvent.ACTION_UP:

                    break;

                case MotionEvent.ACTION_POINTER_UP:

                    mode = NONE;

                    break;
                case MotionEvent.ACTION_MOVE:

                    if (mode == DRAG) {

                        x = event.getRawX();
                        y = event.getRawY();

                        parms.leftMargin = (int) (x - dx);
                        parms.topMargin = (int) (y - dy);

                        parms.rightMargin = 0;
                        parms.bottomMargin = 0;
                        parms.rightMargin = parms.leftMargin + (5 * parms.width);
                        parms.bottomMargin = parms.topMargin + (10 * parms.height);

                        view.setLayoutParams(parms);

                    } else if (mode == ZOOM) {

                        if (event.getPointerCount() == 2) {

                            newRot = rotation(event);
                            angle = newRot - d;

                            x = event.getRawX();
                            y = event.getRawY();

                            float newDist = spacing(event);
                            if (newDist > 10f) {
                                float scale = newDist / oldDist * view.getScaleX();
                                if (scale > 0.6) {
                                    scalediff = scale;
                                    view.setScaleX(scale);
                                    view.setScaleY(scale);

                                }
                            }

                            view.animate().rotationBy(angle).setDuration(0).setInterpolator(new LinearInterpolator()).start();

                            x = event.getRawX();
                            y = event.getRawY();

                            parms.leftMargin = (int) ((x - dx) + scalediff);
                            parms.topMargin = (int) ((y - dy) + scalediff);

                            parms.rightMargin = 0;
                            parms.bottomMargin = 0;
                            parms.rightMargin = parms.leftMargin + (5 * parms.width);
                            parms.bottomMargin = parms.topMargin + (10 * parms.height);

                            view.setLayoutParams(parms);
                        }
                    }
                    break;
            }
            return true;
        }
    });

}

private void init()
{
    my_View = findViewById(R.id.my_View);
}

private float spacing(MotionEvent event)
{
    float x = event.getX(0) - event.getX(1);
    float y = event.getY(0) - event.getY(1);
    return (float) Math.sqrt(x * x + y * y);
}

private float rotation(MotionEvent event)
{
    double delta_x = (event.getX(0) - event.getX(1));
    double delta_y = (event.getY(0) - event.getY(1));
    double radians = Math.atan2(delta_y, delta_x);
    return (float) Math.toDegrees(radians);
}
}

如何在不破坏原代码的情况下实现双击图片？

这是onClick方法

int c = 0;

my_View.setOnClickListener(new View.OnClickListener()
{
@Override
public void onClick(View view)
{
    c++;
    Handler handler = new Handler();
    Runnable run = new Runnable()
    {
        @Override
        public void run()
        {
            c = 0;
        }
    };

    handler.postDelayed(run,350);
    if (c == 2)
    {
        // event code
    }
}
});

Answer 1

你可以实现一个手势检测器适应this answer:

GestureDetector gestureDetector = new GestureDetector(context, new GestureListener());
}

// skipping measure calculation and drawing

// delegate the event to the gesture detector

@Override
public boolean onTouchEvent(MotionEvent e) {
    return gestureDetector.onTouchEvent(e);
}

//since you already have the previous bookean for your original code to work, try changing "return true" (of your on touch event) to "return gestureDetector.onTouchEvent(e)"

private class GestureListener extends GestureDetector.SimpleOnGestureListener {

    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }
    // event when double tap occurs
    @Override
    public boolean onDoubleTap(MotionEvent e) {
        float x = e.getX();
        float y = e.getY();

        //double tapped

        return true;
    }
}

如果您在 ggeasture 检测器获取事件并且您的原始触摸监听器没有反应时遇到问题，只需获取 geaturelistener 中的所有其他事件（将您的代码复制到 apprpiate 事件（您需要将其添加到 onDown和 onDoubleClicked，为此你可能需要将 "extends simple geasture listener" 更改为扩展手势侦听器）

Answer 2

对我来说更好的工作解决方案是将 this post 的 birdman 答案添加到我的代码中....

实现双击图像

Implements Double Tap on Image

java

android

onclick

gesture