ios - 使用 scrollViewWillEndDragging 确保 UIScrollView 以定义的增量停止

Question

我希望我的 UIScrollView 以特定的增量值自然地滑动到结尾，对应于水平滚动 UIScrollView 的每 50 个宽度点。为此，我定制的 scrollViewWillEndDragging，像这样(推荐，但没有在此处的答案中详细描述 Scrolling a horizontal UIScrollView in stepped increments? ):

- (void) scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{

    if(fmodf(targetContentOffset->x, 50.0)){
        int roundingNumber1 = 50;
        CGFloat newOffset = roundingNumber1 * floor(((scrollView.contentOffset.x)/roundingNumber1)+0.5);
        targetContentOffset->x = newOffset;
    }

}

但是，我不确定这是否真的以特定的增量停止 View ，而且我还注意到效果是不对称的。 虽然我的滚动 Action /速度/等是相同的，但向右滚动比向左滚动要流畅得多。向右滚动停止得更快、更突然。有视频here .为什么这种行为是不对称的，我该如何改变它？

我细化滚动不以 50 为增量停止的原因是我在 ScrollView 下方还有一个 UILabel，它由其他委托(delegate)函数更新以显示偏移量。 滚动完成后，它显示的值很少接近 50。这是因为滚动没有增加到 50 的值还是因为我没有在正确的时间更新？

感谢您的任何建议。

- (void) scrollViewDidScroll:(UIScrollView *)scrollView{

    if(abs(self.lastOffset - scrollView.contentOffset.x) > 49){
        CGFloat newNumber = scrollView.contentOffset.x;
        self.numberProperty.text = [NSString stringWithFormat:@"%.00f", scrollView.contentOffset.x];
        self.lastOffset = scrollView.contentOffset.x;
        [self.view setNeedsDisplay];
    }
}

- (void) scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView{
            self.numberProperty.text = [NSString stringWithFormat:@"%.00f", scrollView.contentOffset.x];
}

Answer 1

无需实现这些委托(delegate)方法，您可以将 ScrollView 上的 pagingEnabled 设置为 true 以免费获得此行为。启用分页后， ScrollView 会在您结束拖动时自动捕捉到最近的“页面”，页面宽度等于 ScrollView 的宽度。

根据您的视频， ScrollView 中的项目看起来小于 ScrollView 本身的宽度。要使用分页，您必须执行以下操作:

1. 使您的 ScrollView 与您的其中一项具有相同的宽度(在您的情况下为 50.0 个单位)。
2. 将 scrollView.clipsToBounds 设置为 false，以便 ScrollView 在其更小的边界之外绘制 subview 。
3. 将 scrollView.pagingEnabled 设置为 true，以便 ScrollView 随分页滚动。

此时，分页将起作用，但您将无法将 ScrollView 拖出其边界。要使其正常工作，您需要将 ScrollView 嵌入更大的 View 中，以将触摸事件转发给它。

1. 创建一个“触摸转发”类并将其添加到您的 View 中。

这个类接受它接收到的所有触摸事件并将它们发送到它的 targetView 属性。 DJK 是我为类名编的一个随机前缀。

@interface DJKTouchForwardingView : UIView

/** The view to which touch events should be forwarded. */
@property (weak, nonatomic) UIView *targetView;

@end

@implementation DJKTouchForwardingView

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    UIView *child = nil;
    if ((child = [super hitTest:point withEvent:event]) == self) {
        return self.targetView;
    }
    return child;
}

@end

1. 使 ScrollView 成为触摸转发 View 的 subview ，并将其分配给 targetView 属性。

您的 ScrollView 现在可以在触摸转发 View 的范围内滚动，并将对齐 50 个单位页面。