Gluon Mobile ScrollPane Оптимизация

Ответ, предоставленный А. Шармой, решает некоторые проблемы, поскольку он полностью удаляет базовую реализацию встроенной обработки событий ScrollPane.

Конечно, для окончательного решения проблемы требуется правильное решение в JavaFXPorts.

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

Этот класс можно найти здесь.

Хорошей новостью является то, что этот класс можно клонировать в ваш проект (например, MyScrollPaneSkin), изменять и добавлять в качестве нового скина для существующего элемента управления ScrollPane.

Возможное исправление

После некоторых тестов виновник проблемы может быть обнаружен в анимации contentsToViewTimeline. Он выполняет 1,35-секундную паузу, чтобы:

блокировать «афтершоки»

Затем есть эта строка внутри обработчика события прокрутки, которая проверяет, закончилась ли анимация, и только после этого обновляет положение полосы прокрутки:

if (!(((ScrollEvent)event).isInertia()) || (((ScrollEvent)event).isInertia()) && 
    (contentsToViewTimeline == null || 
     contentsToViewTimeline.getStatus() == Status.STOPPED)) {
    vsb.setValue(newValue);
    ...
}   

Хотя эту анимацию не следует удалять, полоса прокрутки должна обновляться, даже когда анимация находится в режиме ожидания.

Я сделал следующее изменение, заменив строки 517-527 на:

    /*
    ** if there is a repositioning in progress then we only
    ** set the value for 'real' events
    */
    if ((newValue <= vsb.getMax() && newValue >= vsb.getMin())) {
        vsb.setValue(newValue);
    }
    boolean stop = ! ((ScrollEvent) event).isInertia() || ((ScrollEvent) event).isInertia() && (contentsToViewTimeline == null || contentsToViewTimeline.getStatus() == Status.STOPPED);
    if ((newValue > vsb.getMax() || newValue < vsb.getMin()) && (!mouseDown && !touchDetected) && stop) {
        startContentsToViewport();
    }
    if (stop) {
        event.consume();
    }

В вашем проекте теперь замените встроенный скин:

 ScrollPane pane = new ScrollPane(box);
 pane.setSkin(new MyScrollPaneSkin(pane));

Я тестировал его на Android и iOS, и в обоих случаях анимация плавная, и никаких следов проблемы не осталось.

Кроме того, эти свойства могут помочь (используйте java.custom.properties, добавленный к /src/main/resources):

gluon.experimental.performance=true
com.sun.javafx.gestures.scroll.inertia.velocity=2000

Если это работает, его можно отправить в выпуск JavaFXPorts или в качестве PR.

Поэтому я как бы взломал исправление для этого, используя собственное событие прокрутки и настроив его. По сути, я использовал метод проб и ошибок, чтобы выяснить, какие жесткие (факторы ниже) значения мне нужны, чтобы прокрутка прошла нормально.

private SimpleDoubleProperty location = new SimpleDoubleProperty();
private SimpleDoubleProperty vValue = new SimpleDoubleProperty(0);
private SimpleLongProperty startTime = new SimpleLongProperty();
private SimpleLongProperty timer = new SimpleLongProperty();
private double height = MobileApplication.getInstance().getGlassPane().getHeight();
private Animation animation;
private Animation callbackAnimation;

private void scrollOverride() {

    sp.addEventFilter(ScrollEvent.SCROLL, event -> {
        event.consume();
    });

    sp.setOnTouchPressed(e -> {

        if (callbackAnimation != null){
            callbackAnimation.stop();
        }

        if (animation != null) {
            animation.stop();
        }

        vValue.set(sp.vvalueProperty().get());
        location.set(e.getTouchPoint().getY());
        startTime.set((new Date()).getTime());

    });

    sp.setOnTouchMoved(e -> {
        timer.set((new Date()).getTime());
    });

    sp.setOnTouchReleased(e -> {

        Boolean dontOverride = false;

        double deltaTime = (new Date()).getTime() - startTime.get();
        double deltaY = sp.vvalueProperty().get() - vValue.get();

        if(Math.abs(deltaY) < 0.05){
            dontOverride = true;
        }

        double translation = deltaY / (deltaTime/300);

        double value = 0d;

        if (Math.abs(timer.get() - startTime.get()) < 500) {
            value = sp.vvalueProperty().get() + translation;
        } else {
            value = sp.vvalueProperty().get();
            dontOverride = true;
        }

        animation = new Timeline(
                new KeyFrame(Duration.millis(deltaTime + 100),
                        new KeyValue(sp.vvalueProperty(), value)));

        animation.play();

        if (!dontOverride) {
            animation.setOnFinished(evt -> {
                boolean innerUp = (sp.vvalueProperty().get() - vValue.get()) < 0;

                int innerSign = 1;

                if (innerUp) {
                    innerSign = -1;
                }

                callbackAnimation = new Timeline(
                        new KeyFrame(Duration.millis(deltaTime + 150),
                                new KeyValue(sp.vvalueProperty(), sp.vvalueProperty().get() + (0.1 * innerSign), Interpolator.EASE_OUT)));
                callbackAnimation.play();
            });
        }

    });
}

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

if(!com.gluonhq.charm.down.Platform.isDesktop()){
   scrollOverride();
}      

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

В приложении на моем iPhone 7+ это работает очень хорошо. Это работает так же хорошо, как когда я внедряю браузер в приложение с веб-представлением.