Zoomlayout: Нажмите дважды, чтобы увеличить

@natario1

На данный момент я только что реализовал эту функциональность самостоятельно с помощью собственного класса прослушивателя жестов. Вот мой фрагмент кода, если кому нужно.

private GestureDetector gestureDetector; 
private View.OnTouchListener touchListener;
private ZoomImageView selectedImage;

затем инициализируйте эти переменные:

    gestureDetector = new GestureDetector(mContext, new MyGestureListener());

        touchListener = new View.OnTouchListener() {
            <strong i="11">@Override</strong>
            public boolean onTouch(View v, MotionEvent event) {
                // pass the events to the gesture detector
                // a return value of true means the detector is handling it
                // a return value of false means the detector didn't
                // recognize the event
                selectedImage = (ZoomImageView) v;
                return gestureDetector.onTouchEvent(event);

            }
        };

затем назначьте свой touchlistener для объекта zoomimageview:

    ZoomImageView image = layout.findViewById(R.id.imageViewItemImageSlider);
    image.setOnTouchListener(touchListener);

а вот класс MyGestureListener:

    class MyGestureListener extends GestureDetector.SimpleOnGestureListener {

//        <strong i="18">@Override</strong>
//        public boolean onDown(MotionEvent event) {
//            Log.d("TAG","onDown: ");
//
//            // don't return false here or else none of the other
//            // gestures will work
//            return true;
//        }
//
//        <strong i="19">@Override</strong>
//        public boolean onSingleTapConfirmed(MotionEvent e) {
//            Log.i("TAG", "onSingleTapConfirmed: ");
//            return true;
//        }
//
//        <strong i="20">@Override</strong>
//        public void onLongPress(MotionEvent e) {
//            Log.i("TAG", "onLongPress: ");
//        }

        <strong i="21">@Override</strong>
        public boolean onDoubleTap(MotionEvent e) {
            Log.i("TAG", "onDoubleTap: ");
            if((selectedImage.getEngine().getZoom() >= 2.75F)) {
                selectedImage.getEngine().zoomTo(1F, true);
            } else if((selectedImage.getEngine().getZoom() < 1F)) {
                selectedImage.getEngine().zoomTo(1F, true);
            }  else {
                selectedImage.getEngine().zoomBy(2F, true);
            }

            return true;
        }

//        <strong i="22">@Override</strong>
//        public boolean onScroll(MotionEvent e1, MotionEvent e2,
//                                float distanceX, float distanceY) {
//            Log.i("TAG", "onScroll: ");
//            return true;
//        }

//        <strong i="23">@Override</strong>
//        public boolean onFling(MotionEvent event1, MotionEvent event2,
//                               float velocityX, float velocityY) {
//            Log.d("TAG", "onFling: ");
//            return true;
//        }
    }

Пожалуйста, переопределите onScroll (ОБЯЗАТЕЛЬНО) и другой метод (необязательно в моем случае), с которым вам нечего делать, поскольку он будет конфликтовать с событием касания ZoomImageView и создаст проблему.

Надеюсь, что это поможет вам.

В настоящее время я реагирую на двойное касание, чтобы центрировать экран, где было выполнено событие.

Просто добавив это:

    private val simpleGestureDetector = GestureDetector(context, object : GestureDetector.SimpleOnGestureListener() {


        //here is the method for double tap


        override fun onDoubleTap(e: MotionEvent): Boolean {

            Log.d("OnDoubleTapListener", "onDoubleTap")
            centerElement(e.x.absoluteValue,e.y.absoluteValue)
            return true
        }

    })

    fun centerElement(clickedX: Float, clickedY: Float) {
        val offsetX = (width.absoluteValue) / 2
        val offsetY = (height.absoluteValue) / 2
        val displacedX = engine.panX.absoluteValue
        val displacedY = engine.panY.absoluteValue
        val x = (displacedX + clickedX / engine.realZoom) - (offsetX / engine.realZoom)
        val y = (displacedY + clickedY / engine.realZoom) - (offsetY / engine.realZoom)
        val desiredX = if (x > 0) -x else 0f
        val desiredY = if (y > 0) -y else 0f
        engine.moveTo(engine.zoom, desiredX, desiredY, true)
    }

Теперь я пытаюсь двигаться и масштабировать правильно. Я могу открыть запрос на включение, если вы хотите, чтобы он работал.

@AlvaroFalcon , это было бы круто! Я могу дать вам несколько советов.

• У нас уже есть детектор жестов в ZoomEngine , который реагирует на прокрутку и перелистывание.
• Я думаю, вы можете повторно использовать 99% логики внутри onScale() . Он работает с координатами центра масштабного жеста и применяет коэффициент масштабирования. Вам придется самостоятельно назначить коэффициент масштабирования (я думаю, что zoomIn() использует 1,3), но это почти та же задача.
• Это должно быть настроено с помощью XML-атрибута ( doubleTapBehavior ?), который должен иметь как минимум два параметра («нет» и «масштаб»). Давайте использовать none по умолчанию, поэтому мы не изменим это для тех, кто уже использует библиотеку.

@natario1 Круто! Я сделаю это, когда у меня будет немного времени...

В настоящее время я работаю над своим проектом с классом, который расширяет ваш zoomlayout, поэтому я добавляю туда свою логику.
Я пытаюсь сделать масштабирование с движением одновременно, используя это, но пока не повезло.

Спасибо за советы!

Можно ли добавить действие в метод moveTo()? Чтобы вызвать его после завершения, я думаю, что это было бы более гибким, чтобы вы могли делать несколько вещей.

Ну, для moveTo, zoomBy, zoomTo и т.д...

Это может быть так:

moveTo(zoom, x, y, action : ()->Unit={})

@AlvaroFalcon В Котлине я бы сделал это, но это все еще чистая Java. Однако в будущем мы перейдем на Kotlin. На данный момент есть onIdle() , к которым может получить доступ каждый.

@AlvaroFalcon , вам удалось одновременно масштабировать и панорамировать? Не могли бы вы поделиться своим кодом?

Я реализовал как двойное касание, так и щипок для увеличения. Ключом к рабочему решению является присоединение детектора жестов касания/двойного касания к представлению содержимого внутри макета масштабирования и настройка макета масштабирования так, чтобы кликабельные дочерние элементы были истинными. Затем в onTouchEvent представления содержимого верните значение true, чтобы использовать сенсорные события и передать их детектору жестов. Таким образом, щипок, масштабирование и двойное касание работают одновременно. Увеличение по двойному тапу не проблема.

Тем не менее, я также попытался увеличить область, которая была дважды нажата, и, учитывая, как реализовано ZoomEngine.moveTo , одновременная интерполяция масштабирования и панорамирования работает неправильно, и изображение скользит по разным путям, чтобы достичь масштабирование и панорамирование места назначения. Это не выглядит визуально приятным, но я не могу понять, что происходит. Я думаю, что алгоритм интерполяции должен по-разному вычислять фактическое панорамирование в зависимости от фактического масштабирования, а не только части анимации.

приблизиться к области, которая была дважды нажата

Да, это именно то, что я пытался сделать. Любые предложения о том, как это сделать @natario1?

Привет @mman

Мы также реализовали способ автоматического масштабирования, когда пользователь касается экрана, и анимацию масштабирования в виде закручивания к конечному положению.

Было бы очень хорошо, если бы мы могли управлять этой анимацией. Есть ли у вас или у других предложения, как это сделать?

Заранее спасибо :)

Мне удалось сделать это с помощью грязного взлома. Я обманываю механизм масштабирования, заставляя его думать, что происходит щипок.

class ReflectionHelper {
    <strong i="6">@Nullable</strong>
    static ScaleGestureDetector.OnScaleGestureListener getScaleDetectorListenerUsingReflection(ZoomEngine zoomEngine) {
        try {
            Field mScaleDetector = zoomEngine.getClass().getDeclaredField("mScaleDetector");
            mScaleDetector.setAccessible(true);
            ScaleGestureDetector detector = (ScaleGestureDetector) mScaleDetector.get(zoomEngine);
            Field mListener = detector.getClass().getDeclaredField("mListener");
            mListener.setAccessible(true);
            return (ScaleGestureDetector.OnScaleGestureListener) mListener.get(detector);
        } catch (Exception e) {
            return null;
        }
    }
}

private fun simulatePinch(fromScale: Float, toScale: Float, focusX: Float, focusY: Float) {
    class MockDetector(var mockScaleFactor: Float, var mockFocusX: Float, var mockFocusY: Float) : ScaleGestureDetector(context, null) {
        override fun getScaleFactor() = mockScaleFactor
        override fun getFocusX() = mockFocusX
        override fun getFocusY() = mockFocusY
    }

    val mockDetector = MockDetector(fromScale, focusX, focusY)
    ValueAnimator.ofFloat(fromScale, toScale).apply {
        addUpdateListener { animation ->
            mockDetector.mockScaleFactor = animation.animatedValue as Float
            zoomEngineScaleListener?.onScale(mockDetector)
        }
        doOnEnd { zoomEngineScaleListener?.onScaleEnd(mockDetector) }
        start()
    }
}

Привет,

Спасибо за попытку! :)

Это определенно кажется немного хакерским способом достижения этого. Я думаю, однако, что пока мы выберем жизнь с самой оживляющей анимацией.

Спасибо,
Николай

Привет,

Есть новости о том, как добиться масштабирования + панорамирования по двойному тапу?

Спасибо,
Кристоф