iOS開發之UIRefreshControl使用踩坑

問題描述

接上一個話題，實現了TabBar的點選重新整理以後，開始繼續寫完成功能，重新整理UITableView，於是考慮到iOS 10以後，UIScrollView已經有UIRefreshControl的屬性了，乾脆用自帶的寫。於是就有了如下的程式碼：

1. 新增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;

複製程式碼

2. 下拉重新整理事件

-(void)refreshTabView
{
    //新增一條資料
    [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];
        }
    });
}
複製程式碼

3. TabBar點選事件

-(void)doubleClickTab:(NSNotification *)notification{
    
    //這裡有個坑 就是直接用NSInteger接收會有問題 數字不對
    //因為上個介面傳過來的時候封裝成了物件，所以用NSNumber接收後再取值
    NSNumber *index = notification.object;
    
    if ([index intValue] == 1) {
        //重新整理
        [self.newsTableView.refreshControl beginRefreshing];
        
    }
    
}
複製程式碼

此時的效果如下，直接下拉重新整理可以，但是點選TabBar不可以：

分析問題

經過Google幫助，終於知道原因，因為系統自帶的UIRefreshControl有兩個陷阱：

1. 呼叫-beginRefreshing方法不會觸發UIControlEventValueChanged事件；
2. 呼叫-beginRefreshing方法不會自動顯示進度圈。

也就是說，只是呼叫-beginRefreshing方法是不管用的，那麼對應的需要做兩件事：

1. 手動設定UIRefreshControl的事件；
2. 手動設定UITableView的ContentOffset，露出進度圈。

解決問題

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

-(void)doubleClickTab:(NSNotification *)notification{

    //這裡有個坑 就是直接用NSInteger接收會有問題 數字不對
    //因為上個介面傳過來的時候封裝成了物件，所以用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];
    }
    
}
複製程式碼

最終效果：