UICollectionView 上的 UIRefreshControl 仅在集合填充容器的高度时才有效

Question

我正在尝试将UIRefreshControl 添加到UICollectionView，但问题是刷新控件不会出现，除非集合视图填满其父容器的高度。换句话说，除非集合视图足够长以至于需要滚动，否则它不能被拉下以显示刷新控制视图。一旦集合超过其父容器的高度，它就会被拉下并显示刷新视图。

我已经建立了一个快速的 iOS 项目，在主视图中只有一个 UICollectionView，并带有一个到集合视图的出口，以便我可以在 viewDidLoad 中添加 UIRefreshControl。还有一个原型单元，其重用标识符为cCell

这是控制器中的所有代码，它很好地演示了这个问题。在这段代码中，我将单元格的高度设置为 100，这不足以填充显示，因此无法拉出视图并且不会显示刷新控件。将其设置为更高的值以填充显示，然后它就可以工作了。有什么想法吗？

@interface ViewController () <UICollectionViewDelegateFlowLayout, UICollectionViewDataSource>
@property (strong, nonatomic) IBOutlet UICollectionView *collectionView;
@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init];
    [self.collectionView addSubview:refreshControl];
}

-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    return 1;
}

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return 1;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    return [collectionView dequeueReusableCellWithReuseIdentifier:@"cCell" forIndexPath:indexPath];
}

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    return CGSizeMake(self.view.frame.size.width, 100);
}

Answer 1

如果集合视图处于刷新状态，则必须检查 api 调用，然后结束刷新以解除刷新控制。

private let refreshControl = UIRefreshControl()
 refreshControl.tintColor = .white
 refreshControl.addTarget(self, action: #selector(refreshData), for: .valueChanged)
 collectionView.addSubview(refreshControl)
 @objc func refreshData() {
    // API Call
 }
// Disable refresh control if already refreshing 
if refreshControl.isRefreshing {
    refreshControl.endRefreshing()
}

Answer 2

我在viewDidLoad() 之后立即调用beginRefreshing()，但在某些屏幕上它不起作用。只有viewDidLoad() 中的collectionView.layoutIfNeeded() 帮助了我

Answer 3

Storyboard/Xib 中的属性/滚动视图/垂直弹跳

Answer 4

Larry 的回答很快：

    let refreshControl = UIRefreshControl()
    refreshControl.tintColor = UIColor.blueColor()
    refreshControl.addTarget(self, action: "refresh", forControlEvents: .ValueChanged)
    collectionView.addSubview(refreshControl)
    collectionView.alwaysBounceVertical = true

斯威夫特 3：

    let refreshControl = UIRefreshControl()
    refreshControl.tintColor = .blue
    refreshControl.addTarget(self, action: #selector(refresh), for: .valueChanged)
    collectionView.addSubview(refreshControl)
    collectionView.alwaysBounceVertical = true

Answer 5

我也面临同样的问题，直到UICollectionView 的内容大小足以垂直滚动，我才能使用UIRefreshControl，

设置UICollectionView 的bounces 属性解决了这个问题

[self.collectionView setBounces:YES];
[self.collectionView setAlwaysBounceVertical:YES];

Answer 6

如果您的collectionview 的内容大小足以垂直滚动，那没关系，但在您的情况下却不是。

你必须启用属性AlwaysBounceVertical，所以你可以设置self.collectionView.alwaysBounceVertical = YES;

Answer 7

试试这个：

self.collectionView.alwaysBounceVertical = YES;

UIRefreshControl 的完整代码

UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init];
refreshControl.tintColor = [UIColor grayColor];
[refreshControl addTarget:self action:@selector(refershControlAction) forControlEvents:UIControlEventValueChanged];
[self.collectionView addSubview:refreshControl];
self.collectionView.alwaysBounceVertical = YES;