iOS開發(fā)教程之UIRefreshControl使用的踩坑指南

2020-07-26 02:28:36

字體：大中小

供稿：網(wǎng)友

iOS UIRefreshControl基本用法

- (void) loadRefreshView{ // 下拉刷新 _refreshControl = [[UIRefreshControl alloc] init]; _refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"]; [_refreshControl addTarget:self action:@selector(loadData) forControlEvents:UIControlEventValueChanged]; [self.securityCollectionView addSubview:_refreshControl]; [self.securityCollectionView sendSubviewToBack:_refreshControl];}// 設(shè)置刷新狀態(tài)- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{ decelerate = YES; if (scrollView.contentOffset.y < HEIGHT_REFRESH) {  dispatch_async(dispatch_get_main_queue(), ^{   _refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"正在刷新"];  });  [_refreshControl beginRefreshing];  [self loadData]; }}// 設(shè)置刷新狀態(tài)- (void)scrollViewDidScroll:(UIScrollView *)scrollView{ if (scrollView.contentOffset.y >= HEIGHT_REFRESH) {  _refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"]; } else if (!scrollView.decelerating) {  _refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"松開刷新"]; }}// 結(jié)束刷新- (void) endRefreshControl{ [_refreshControl endRefreshing];}// 刷新的回調(diào)方法- (void) loadData{ [self endRefreshControl]; // [self performSelector:@selector(endRefreshControl) withObject:nil afterDelay:2];}//設(shè)置如果collection的內(nèi)容沒有占滿整個collectionView，//這個就不能下拉滑動，沒法實現(xiàn)下拉；但是設(shè)置下面這個就可以實現(xiàn)下拉了self.rootView.collectionView.alwaysBounceVertical = YES;

問題描述

接上一個話題，實現(xiàn)了TabBar的點擊刷新以后，開始繼續(xù)寫完成功能，刷新UITableView，于是考慮到iOS 10以后，UIScrollView已經(jīng)有UIRefreshControl的屬性了，干脆用自帶的寫。于是就有了如下的代碼：

添加UIRefreshControl到UITableView上去

UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init];refreshControl.tintColor = [UIColor grayColor];refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"];[refreshControl addTarget:self action:@selector(refreshTabView) forControlEvents:UIControlEventValueChanged];self.newsTableView.refreshControl = refreshControl;

下拉刷新事件

-(void)refreshTabView{//添加一條數(shù)據(jù)[self.newsData insertObject:[self.newsData firstObject] atIndex:0];dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{[self.newsTableView reloadData];if ([self.newsTableView.refreshControl isRefreshing]) {[self.newsTableView.refreshControl endRefreshing];}});}

TabBar點擊事件

-(void)doubleClickTab:(NSNotification *)notification{//這里有個坑 就是直接用NSInteger接收會有問題 數(shù)字不對//因為上個界面?zhèn)鬟^來的時候封裝成了對象，所以用NSNumber接收后再取值NSNumber *index = notification.object;if ([index intValue] == 1) {//刷新[self.newsTableView.refreshControl beginRefreshing];}}

此時的效果如下，直接下拉刷新可以，但是點擊TabBar不可以：

刷新異常情況.gif

分析問題

經(jīng)過Google幫助，終于知道原因，因為系統(tǒng)自帶的UIRefreshControl有兩個陷阱：

調(diào)用-beginRefreshing方法不會觸發(fā)UIControlEventValueChanged事件；
調(diào)用-beginRefreshing方法不會自動顯示進(jìn)度圈。

也就是說，只是調(diào)用-beginRefreshing方法是不管用的，那么對應(yīng)的需要做兩件事：

手動設(shè)置UIRefreshControl的事件；
手動設(shè)置UITableView的ContentOffset，露出進(jìn)度圈。

解決問題

只需要修改上面第3步中的代碼如下：

-(void)doubleClickTab:(NSNotification *)notification{//這里有個坑 就是直接用NSInteger接收會有問題 數(shù)字不對//因為上個界面?zhèn)鬟^來的時候封裝成了對象，所以用NSNumber接收后再取值NSNumber *index = notification.object;if ([index intValue] == 1) {//刷新//animated不要為YES，否則菊花會卡死[self.newsTableView setContentOffset:CGPointMake(0, self.newsTableView.contentOffset.y - self.newsTableView.refreshControl.frame.size.height) animated:NO];[self.newsTableView.refreshControl beginRefreshing];[self.newsTableView.refreshControl sendActionsForControlEvents:UIControlEventValueChanged];}}

最終效果：

刷新正常情況.gif