Увеличение сопротивления резистивности UIScrollView

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

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

То, что я пытаюсь достичь, заключается в том, что я хотел бы сделать эффект перетаскивания "вне пределов" намного более тяжелым, поэтому вместо того, чтобы пользователь перетаскивал вид прокрутки и "нижний" середину путь через границы просмотра прокрутки, он полностью останавливается примерно на 20% или около того за пределы его прокрутки.

Я экспериментировал с переопределением вида прокрутки contentOffset внутри метода делегата scrollViewDidScroll:, но это, похоже, не работает, поскольку повторная установка contentOffset в нем, похоже, вызывает дополнительные делегированные вызовы того же метод.

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

Спасибо!

Ответ 1

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

class ScrollViewDelegate : NSObject, UIScrollViewDelegate
{
    let maxOffset: CGFloat  // offset of the rightmost content (scrollview contentSize.width - frame.width)
    var prevOffset: CGFloat = 0  // previous offset (after adjusting the value)

    var totalDistance: CGFloat = 0  // total distance it would have moved (had we not restricted)
    let reductionFactor: CGFloat = 0.2  // percent of total distance it will be allowed to move (under restriction)
    let scaleFactor: CGFloat = UIScreen.mainScreen().scale  // pixels per point, for smooth translation in respective devices

    init(maxOffset: CGFloat)
    {
        self.maxOffset = maxOffset  // scrollView.contentSize.width - scrollView.frame.size.width
    }

    func scrollViewDidScroll(scrollView: UIScrollView)
    {
        let flipped = scrollView.contentOffset.x >= maxOffset  // dealing with left edge or right edge rubber band
        let currentOffset = flipped ? maxOffset - scrollView.contentOffset.x : scrollView.contentOffset.x  // for right edge, flip the values as if screen is folded in half towards the left

        if(currentOffset <= 0)  // if dragging/moving beyond the edge
        {
            if(currentOffset <= prevOffset)  // if dragging/moving beyond previous offset
            {
                totalDistance += currentOffset - prevOffset  // add the "proposed delta" move to total distance
                prevOffset = round(scaleFactor * totalDistance * reductionFactor) / scaleFactor  // set the prevOffset to fraction of total distance
                scrollView.contentOffset.x = flipped ? maxOffset - prevOffset : prevOffset  // set the target offset, after negating any flipping
            }
            else  // if dragging/moving is reversed, though still beyond the edge
            {
                totalDistance = currentOffset / reductionFactor  // set totalDistance from offset (reverse of prevOffset calculation above)
                prevOffset = currentOffset  // set prevOffset
            }
        }
        else  // if dragging/moving inside the edge
        {
            totalDistance = 0  // reset the values
            prevOffset = 0
        }
    }
}

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

class PageScrollViewDelegate : NSObject, UIScrollViewDelegate
{
    let maxOffset: CGFloat  // offset of the rightmost content (scrollview contentSize.width - frame.width)
    var prevOffset: CGFloat = 0  // previous offset (after adjusting the value)

    var totalDistance: CGFloat = 0  // total distance it would have moved (had we not restricted)
    let reductionFactor: CGFloat = 0.2  // percent of total distance it will be allowed to move (under restriction)
    let scaleFactor: CGFloat = UIScreen.mainScreen().scale  // pixels per point, for smooth translation in respective devices

    var draggingOver: Bool = false  // finger dragging is over or not
    var overshoot: Bool = false  // is there a chance for page to overshoot page boundary while falling back

    init(maxOffset: CGFloat)
    {
        self.maxOffset = maxOffset  // scrollView.contentSize.width - scrollView.frame.size.width
    }

    func scrollViewWillBeginDragging(scrollView: UIScrollView)
    {
        draggingOver = false  // reset the flags
        overshoot = false
    }

    func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool)
    {
        draggingOver = true  // finger dragging is over
    }

    func scrollViewDidScroll(scrollView: UIScrollView)
    {
        let flipped = scrollView.contentOffset.x >= 0.5 * maxOffset // dealing with left edge or right edge rubber band
        let currentOffset = flipped ? maxOffset - scrollView.contentOffset.x : scrollView.contentOffset.x  // for right edge, flip the values as if screen is folded in half towards the left

        if(currentOffset <= 0)  // if dragging/moving beyond the edge
        {
            if(currentOffset <= prevOffset)  // if dragging/moving beyond previous offset
            {
                overshoot = draggingOver  // is content moving farther away even after dragging is over (caused by fast flick, which can cause overshooting page boundary while falling back)

                totalDistance += currentOffset - prevOffset  // add the "proposed delta" move to total distance
                prevOffset = round(scaleFactor * totalDistance * reductionFactor) / scaleFactor  // set the prevOffset to fraction of total distance
                scrollView.contentOffset.x = flipped ? maxOffset - prevOffset : prevOffset  // set the target offset, after negating any flipping
            }
            else  // if dragging/moving is reversed, though still beyond the edge
            {
                totalDistance = currentOffset / reductionFactor  // set totalDistance from offset (reverse of prevOffset calculation above)
                prevOffset = currentOffset  // set prevOffset
            }
        }
        else  // if dragging/moving inside the edge
        {
            if(overshoot)  // if this movement is a result of overshooting
            {
                scrollView.setContentOffset(CGPointMake(flipped ? maxOffset : 0, scrollView.contentOffset.y), animated: false)  // bring it to resting point and stop further scrolling (this is a patch to control overshooting)
            }

            totalDistance = 0  // reset the values
            prevOffset = 0
        }
    }
}

Ответ 2

Это не будет легко.

Если это всего лишь одноразовый просмотр прокрутки, я бы предложил использовать UIKit Dynamics с помощью поведения push, attachment и spring, чтобы получить именно тот эффект, который вам нужен.

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

Ответ 3

Я создал проект GitHub, который обрабатывает этот случай

Просмотр прокрутки отскока

Вы можете контролировать сопротивление прокрутки через него

Ответ 4

Этот код остановит прокрутку с нужной маркой

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat margin = scrollView.frame.size.height/4.0;
    if (scrollView.contentOffset.y < -margin) {
        CGPoint offset = scrollView.contentOffset;
        offset.y = -margin;
        scrollView.contentOffset = offset;
    } else if (scrollView.contentOffset.y > (scrollView.contentSize.height-scrollView.frame.size.height) + margin) {
        CGPoint offset = scrollView.contentOffset;
        offset.y = (scrollView.contentSize.height-scrollView.frame.size.height) + margin;
        scrollView.contentOffset = offset;
    }
}

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