在特定位置停止 UIScrollView

Question

我正在尝试为 iPad 应用程序实现水平滚动视图。滚动视图显示一系列图像。滚动后，当滚动视图停止时，我希望图像沿水平方向沿特定点对齐。为此，我尝试了 2 种方法：

1) 禁用 UIScrollView 的滚动，而是实现一个 PanGestureRecogniser，它会检测“滑动/拖动”运动的平移和速度，并根据所需的预定点设置滚动视图的内容偏移量。但是，这里的问题是，如果用户缓慢拖动滚动视图，滚动视图的运动会非常不稳定，因为检索到的滚动视图的 x 坐标会围绕手指按下的点来回跳跃。例如：当手指沿 60-70 移动时，x 值从 50 变为 70。如何使滚动视图的运动平滑？

2) 为 UIScrollView 启用滚动并检查减速结束，然后设置滚动视图的内容偏移以将其调整到必要的位置。但这里的问题是，滚动视图只有在停止减速并且有明显的延迟之后才会调整到其最终位置，而且这个动画看起来也不太好。有没有一种方法可以检测滚动视图何时即将停止滚动，然后调整其位置而不是等待它结束滚动。从 iv 在某些论坛上读到的内容来看，这是不可能的。

3) 在这种情况下，分页滚动视图将不起作用，因为我不希望滚动图像的整个宽度。

有人对我如何实现上述功能有任何想法吗？

Answer 1

您实际上仍然可以使用分页滚动视图来执行此操作。您只需将clipsToBounds 设置为NO（以便滚动视图中的内容可以在其框架之外呈现），然后将frame 设置为所需的对齐步骤。

例如，如果你想在 200 的倍数上对齐滚动视图，你可以这样做：

scrollView.pagingEnabled = YES;
scrollView.clipsToBounds = NO;

// horizontally center scroll view with a width of 200 and the parent's height
scrollView.frame = CGRectMake(
    floor((parentView.bounds.size.width - 200) / 2),
    0,
    200,
    parentView.bounds.size.height
);

[parentView addSubview:scrollView];

Answer 2

我在verticalscrollview 上遇到了同样的问题，并使用了方法 2。即使这个问题很老，我也没有在这里找到解决方案，觉得回答会很好。

简短的回答是scrollViewWillEndDragging:withVelocity:targetContentOffset: UIScrollViewDelegateprotocol中的方法。

当用户完成滚动并且动画开始减速时，它会为您提供targetContentOffset。您可以在此方法中更改targetContentOffset，因此animation 将在您可以的位置结束。你的工作只是计算目标位置。

这是我创建的UIView 子类。我想创建一个类似UIPickerView 的类，但我希望它停止在特定位置（例如日期选择器）。

我创建了一个符合UIScrollViewDelegate 的UIView 子类。在这个UIView 中，我确实添加了一个scrollView。这个scrollView 将包含UILabel 实例。小心，我使用ARC，所以我没有发布任何东西。

#import <UIKit/UIKit.h>

@protocol MyPickerViewDataSource <NSObject>

-(NSUInteger)numberOfRowsForSender:(id)sender;
-(NSString *)titleForRowAtIndex:(NSUInteger)rowIndex sender:(id)sender;

@end

@interface MyPickerView : UIView <UIScrollViewDelegate>

@property (weak, nonatomic) id<MyPickerViewDataSource> dataSource;

@end

实施：

#import "MyPickerView.h"

#define CONTENT_ROW_HEIGHT 30

typedef enum {
    ScrollDirectionUp,
    ScrollDirectionDown
} ScrollDirection;

@interface MyPickerView() {

    int topOffset;
    int bottomOffset;
    int lastContentOffset;
    int targetLabelIndex;
    ScrollDirection scrollDirection;
}

@implementation PickerView

- (void)initSetup {
self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(self.frame.origin.x,self.frame.origin.y, self.frame.size.width, self.frame.size.height)];
self.scrollView.delegate = self;
self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.showsVerticalScrollIndicator = NO;
self.scrollView.userInteractionEnabled = YES;
[self addSubview:self.scrollView];

targetLabelIndex = 0;

topOffset = (self.scrollView.frame.size.height/2)-CONTENT_ROW_HEIGHT/2;
bottomOffset = topOffset;
}

- (id)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if(self) {
        [self initSetup];
    }
    return self;
}

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if(self) {
        [self initSetup];
    }
    return self;
}

- (void)layoutSubviews {

    [super layoutSubviews];

    NSUInteger numberOfRows = [self.dataSource numberOfRowsForSender:self];

    self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width, topOffset+numberOfRows*CONTENT_ROW_HEIGHT+bottomOffset);

    for (int index = 0; index < numberOfRows; index++)
    {
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(self.scrollView.frame.origin.x,
                                                                   topOffset+index*CONTENT_ROW_HEIGHT,
                                                                   self.scrollView.frame.size.width,
                                                                   CONTENT_ROW_HEIGHT)];

        label.backgroundColor = [UIColor clearColor];
        label.textColor = [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:1.0];
        label.text = [self.dataSource titleForRowAtIndex:index sender:self];

        [self.scrollView addSubview:label];
    }

    [(UILabel *)[self.scrollView.subviews objectAtIndex:targetLabelIndex] setTextColor:[UIColor blueColor]];
}

- (void)reloadData {

    NSUInteger numberOfRows = [self.dataSource numberOfRowsForSender:self];

    self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width, numberOfRows*CONTENT_ROW_HEIGHT);

    [self.scrollView setContentOffset:CGPointMake(0.0, 0.0) animated:NO];

    [self layoutSubviews];
}

#pragma mark - UIScrollViewDelegate

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

    if(lastContentOffset>self.scrollView.contentOffset.y) {

        scrollDirection = ScrollDirectionUp;
    }
    else {

        scrollDirection = ScrollDirectionDown;
    }

    lastContentOffset = self.scrollView.contentOffset.y;
}

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

    targetLabelIndex = (targetContentOffset->y/CONTENT_ROW_HEIGHT)+1;

    if(scrollDirection==ScrollDirectionUp && targetLabelIndex>0) {

        targetLabelIndex--;
    }

    targetContentOffset->y = targetLabelIndex*CONTENT_ROW_HEIGHT;

    [(UILabel *)[self.scrollView.subviews objectAtIndex:targetLabelIndex] setTextColor:[UIColor blueColor]];
}

@end