iOS 新浪微部落格戶端Demo實踐之(五) 粉絲列表頁面

阿新 • • 發佈：2019-01-16

這個頁面要講述的是使用者的粉絲列表，下面是效果圖：

可以看到這個檢視明顯也是一個tableview，在每一個cell中包含的有三個部分的內容：粉絲頭像image，粉絲暱稱label，我和粉絲之間的相互關注情況button。

在這個頁面我們主要處理的內容有：① 粉絲列表資料的獲取 ②tableview檢視介面的組織（重點是：新增關注和取消關注）

（1）首先是獲取粉絲列表資料，這部分內容沒有什麼好說的，就是些JSON資料，然後解析。呼叫的API：https://api.weibo.com/2/friendships/followers.json。其中有一個點是需要注意的。我們注意到其中API請求的引數：

count	false	int	單頁返回的記錄條數，預設為50，最大不超過200。
cursor	false	int	返回結果的遊標，下一頁用返回值裡的next_cursor，上一頁用previous_cursor，預設為0。

可以知道一次資料請求是以頁的方式返回的，每一頁返回count條數的粉絲記錄，這個和前面微博內容的返回的差不多的，都是以頁為單位返回，但是這裡有一個比較特殊的是，在這個API的資料請求中沒有page這個引數，而是用到了cursor這個引數，這個引數開始是0，以後每一次請求後獲取的資料中就有next_cursor這個返回值，用它來為cursor賦值，就可以繼續獲取接下去的資料了，如果粉絲資料已經全部獲取到了，那麼這個值返回就又是0了。那麼我們在繼續載入的時候就可以新增一個判斷，判斷next_cursor是否為0，如果不為0，說明粉絲列表還沒有載入完畢，可以繼續請求載入；如果為0，則說明所有的粉絲資料都已經載入了，這時就不要繼續再載入了。

下面通過程式碼看看吧！

- (void) loadFollersDataWithCursor:(int) cursor {
    
    dispatch_async(dispatch_get_global_queue(0, 0), ^{
        
        dispatch_sync(dispatch_get_global_queue(0, 0), ^{
            
            hud = [[MBProgressHUD alloc] init];
            hud.dimBackground = YES;
            hud.labelText = @"正在載入資料...";
            [hud show:YES];
            [self.view addSubview:hud];
            
            //同步GET請求粉絲資料
            NSURLRequest *request = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:[InfoForSina returnFollowersUrlStringWithCursor:cursor]]];
            NSError *error;
            NSData *followersData = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:&error];
            
            //使用JSONKit解析資料
            NSString *follwersString = [[NSString alloc] initWithData:followersData encoding:NSUTF8StringEncoding];
            
            NSDictionary *followersDictionary = [follwersString objectFromJSONString];
            NSArray *followersArray = [followersDictionary objectForKey:@"users"];
            
            followersCount = [[followersDictionary objectForKey:@"total_number"] integerValue]; //粉絲總數
            nextCursor = [[followersDictionary objectForKey:@"next_cursor"] integerValue];  //粉絲列表
            
            for (NSDictionary *dictionary in followersArray) {
                
                User *followersUser = [[User alloc] init];
                [followersUser initUserWithDictionary:dictionary];
                [self.followersMutableArray addObject:followersUser];
                
            }
            
        });
        dispatch_sync(dispatch_get_main_queue(), ^{
            
            [self.tableView reloadData];
            [hud removeFromSuperview];
        });
        
    });
}

//處理tableview滑動到底了
- (void) scrollViewDidScroll:(UIScrollView *)scrollView {
    
    CGPoint contentOffsetPoint = self.tableView.contentOffset;
    
    CGRect frame = self.tableView.frame;
    
    if (contentOffsetPoint.y == self.tableView.contentSize.height - frame.size.height)
    {
        if (nextCursor!=0) {
            [self loadFollersDataWithCursor:nextCursor];
        }
        //全部載入完畢
        else {
            MBProgressHUD *endHud = [[MBProgressHUD alloc] init];
            endHud.mode = MBProgressHUDModeText;
            endHud.labelText = @"提示";
            endHud.detailsLabelText = @"粉絲資料已全部載入！";
            [self.tableView addSubview:endHud];
            [endHud show:YES];
            [endHud hide:YES afterDelay:0.5];
        }

    }
}

注意到其中的nextCursor這個引數，就是用來繼續載入的關鍵引數，在開始的時候

nextCursor = 0;
[self loadFollersDataWithCursor:nextCursor];

以後每一次載入資料的時候就用獲取到的新值為它重新賦值。

（2）tableview檢視介面的組織

這裡粉絲頭像和粉絲的暱稱的顯示就不多說了，很簡單的。程式碼如下：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"FansCell";
    FansCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
    if (cell == nil) {
        cell = [[FansCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }
    
    //這裡的User類就是表示一個粉絲
    User *aUser = [[User alloc] init];
    aUser = [_followersMutableArray objectAtIndex:[indexPath row]];
    
    cell.nameLabel.adjustsFontSizeToFitWidth = YES;
    cell.nameLabel.text = aUser.nameString;
    
    //設定按鍵文字
    cell.fansButtonLabel.titleLabel.adjustsFontSizeToFitWidth = YES;
    if (aUser.following) {
        //表示我已經關注了該粉絲
        [cell.fansButtonLabel setTitle:@"互相關注" forState:UIControlStateNormal];
    }
    else {
        [cell.fansButtonLabel setTitle:@"+關注" forState:UIControlStateNormal];
    }
    
    //設定頭像
        __block NSData *imageData;
        dispatch_async(dispatch_get_global_queue(0, 0), ^{
            
            dispatch_sync(dispatch_get_global_queue(0, 0), ^{
                imageData = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString:aUser.profileImageURL]];
            });
                        
            dispatch_sync(dispatch_get_main_queue(), ^{
                UIImage *image = [[UIImage alloc] initWithData:imageData];
                [cell.imageView setImage:image];
            });
        });
    
    //頭像設定圓角
    CALayer *l = [cell.imageView layer];   //獲取ImageView的層
    [l setMasksToBounds:YES];
    [l setCornerRadius:6.0];
    
    //設定粉絲的id號，這裡只是為取消關注或者新增關注的請求引數用
    cell.fansUIDString = aUser.IDString;
    
    return cell;
}

說明：

1、裡面的頭像我設定成圓角，這時需要#import "QuartzCore/QuartzCore.h"，其他都可以看懂的吧。

2、其中獲取頭像的方法是：

-(UIImage *) getImageFromURL:(NSString *)fileURL {
    UIImage * resultImage = [[UIImage alloc] init];
    NSData * data = [NSData dataWithContentsOfURL:[NSURL URLWithString:fileURL]];
    resultImage = [UIImage imageWithData:data];
    return resultImage;
}

在這一部分的內容中要值得說明的是我新增的那個按鍵的處理。首先說一下我這個按鍵的作用：我們在獲取到的粉絲JSON資料中有：follow_me和following這兩個項，前者表示的是該粉絲是否關注我，顯然我的粉絲肯定是關注我的啦，所以一直返回是true；後者表示的是我是否關注這個粉絲，有關注返回true，否則就返回false。所以我們就可以在這裡面做點事情了。

如果我沒有關注這個粉絲即following是false的話，button的作用就是可以新增對這個粉絲的關注，button的label就是“+關注”。

如果我關注了這個粉絲即following是true的話，button的作用就是可以取消對這個粉絲的關注，button的label就是“取消關注”；

由於有這部分的處理，所以我定義了一個Fanscell類專門是用於處理cell這部分的內容。

下面著重講的是關注和取消關注粉絲的處理。

①、請求API及引數

二者呼叫時所需的引數除了access_token之外，還要粉絲的uid或者screen_name（二選一），注意前者是long long （int64）型別，後者是string型別，我選用的是uid這個引數。

②、Fanscell類

其中包括的有：

- (IBAction)fansButton:(id)sender;
@property (weak, nonatomic) IBOutlet UIButton *fansButtonLabel;
@property (weak, nonatomic) IBOutlet UILabel *nameLabel;
@property (weak, nonatomic) IBOutlet UIImageView *headImageView;
@property (strong, nonatomic) NSString *fansUIDString;//粉絲的UID

其中的fansButton方法是用來處理關注和取消關注粉絲的。

下面先給出處理的過程程式碼再解說：

- (IBAction)fansButton:(id)sender {
    
    destroyFriendships = NO;
    creatFriendships = NO;
    
    if ([self.fansButtonLabel.titleLabel.text isEqualToString:@"互相關注"]) {
        
        destroyFriendships = YES;
        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"是否取消關注" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"確定", nil];
        [alert show];
    }

    else if ([self.fansButtonLabel.titleLabel.text isEqualToString:@"+關注"]) {
        creatFriendships = YES;
        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"是否關注" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"確定", nil];
        [alert show];
    }

}
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex {
    //取消關注
    if (destroyFriendships && buttonIndex == 1) {

        MBProgressHUD *custuonHUD = [[MBProgressHUD alloc]init];
        custuonHUD.customView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"37x-Checkmark.png"]];
        custuonHUD.mode = MBProgressHUDModeCustomView;
        [self addSubview:custuonHUD];
        
        NSURL *url = [NSURL URLWithString:FRIENDSHIPS_DESTROY];
        ASIFormDataRequest *item = [[ASIFormDataRequest alloc] initWithURL:url];
        [item setPostValue:[InfoForSina returnAccessTokenString]    forKey:@"access_token"];
        [item setPostValue:[NSString stringWithFormat:@"%lld",[_fansUIDString longLongValue]]  forKey:@"uid"];
        [item setCompletionBlock:^{
            
            [self.fansButtonLabel setTitle:@"+關注" forState:UIControlStateNormal];
            
            custuonHUD.labelText = @"取消關注成功！";
            [custuonHUD show:YES];
            [custuonHUD hide:YES afterDelay:2];

        }];
        [item setFailedBlock:^{
            
            custuonHUD.labelText = @"取消關注失敗！";
            [custuonHUD show:YES];
            [custuonHUD hide:YES afterDelay:2];

        }];
        [item startAsynchronous];
        
        
    }
    //新增關注
    else if (creatFriendships && buttonIndex == 1) {
        //使用ASI這個類庫處理新增關注的資料請求
        /*
        MBProgressHUD *custuonHUD = [[MBProgressHUD alloc]init];
        custuonHUD.customView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"37x-Checkmark.png"]];
        custuonHUD.mode = MBProgressHUDModeCustomView;
        [self addSubview:custuonHUD];
       
        
        NSURL *url = [NSURL URLWithString:FRIENDSHIPS_CREAT];
        ASIFormDataRequest *item = [[ASIFormDataRequest alloc] initWithURL:url];
        [item setPostValue:[InfoForSina returnAccessTokenString]    forKey:@"access_token"];
        [item setPostValue:[NSString stringWithFormat:@"%lld",[_fansUIDString longLongValue]]  forKey:@"uid"];
        [item setCompletionBlock:^{
            
            [self.fansButtonLabel setTitle:@"互相關注" forState:UIControlStateNormal];
            custuonHUD.labelText = @"關注成功！";
            [custuonHUD show:YES];
            [custuonHUD hide:YES afterDelay:1];
            
        }];
        [item setFailedBlock:^{
            custuonHUD.labelText = @"關注失敗！";
            [custuonHUD show:YES];
            [custuonHUD hide:YES afterDelay:1];

        }];
        [item startAsynchronous];
        */
        
        //不使用ASI這個類庫處理新增關注的資料請求
        NSURL *url = [NSURL URLWithString:FRIENDSHIPS_CREAT];
        NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url cachePolicy:NSURLRequestReloadIgnoringCacheData timeoutInterval:5.0];
        [request setHTTPMethod:@"POST"];
        NSString *postString = [NSString stringWithFormat:@"access_token=%@&uid=%lld",[InfoForSina returnAccessTokenString],[_fansUIDString longLongValue]];
        NSMutableData *postData = [[NSMutableData alloc] init];
        [postData appendData:[postString dataUsingEncoding:NSUTF8StringEncoding]];
        [request setHTTPBody:postData];
        self.connection = [[NSURLConnection alloc] initWithRequest:request delegate:self startImmediately:YES];
    }
}

#pragma mark - NSURLConnection delegate Methods

-(void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response
{
    self.responseData = [[NSMutableData alloc] initWithLength:0];
}

-(void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data
{
    [self.responseData appendData:data];
}

-(void)connectionDidFinishLoading:(NSURLConnection *)theconnection
{
    MBProgressHUD *custuonHUD = [[MBProgressHUD alloc]init];
    custuonHUD.customView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"37x-Checkmark.png"]];
    custuonHUD.mode = MBProgressHUDModeCustomView;
    [self addSubview:custuonHUD];
    
    NSError *error;
    NSDictionary *dict = [NSJSONSerialization JSONObjectWithData:self.responseData options:kNilOptions error:&error];
    
    NSString *idString = [dict objectForKey:@"idstr"];
    if(idString) {
        [self.fansButtonLabel setTitle:@"互相關注" forState:UIControlStateNormal];
        custuonHUD.labelText = @"關注成功！";
        [custuonHUD show:YES];
        [custuonHUD hide:YES afterDelay:2.3];
    }
    else {
        custuonHUD.labelText = @"關注失敗！";
        [custuonHUD show:YES];
        [custuonHUD hide:YES afterDelay:2.3];
    }
    
    [self.connection cancel];
}

-(void)connection:(NSURLConnection *)theconnection didFailWithError:(NSError *)error
{
    MBProgressHUD *failedHud = [[MBProgressHUD alloc] init];
    failedHud.mode = MBProgressHUDModeText;
    failedHud.labelText = @"提示";
    failedHud.detailsLabelText = @"發表評論失敗！";
    [failedHud show:YES];
    [self addSubview:failedHud];
    [failedHud hide:YES afterDelay:1.3];
    [self.connection cancel];
}

說明：

1、當按下這個button時會觸發一個UIAlertView，提示是否確定關注和取消關注。

2、確定要關注或者取消關注粉絲的處理在UIAlertView的delegate方法中處理。

3、關注和取消關注粉絲的資料請求方式是POST，我們可以用ASIHTTPRequest來非同步方式處理，也可以用不用這個類庫，用系統自帶的方法非同步POST處理。程式碼中有我使用了這這兩種方式。其中取消關注我是使用ASIHTTPRequest，而新增關注是使用系統自帶的方法（當然註釋部分也給出了ASIHTTPRequest的使用程式碼）。

注意，如果是使用系統自帶的方式非同步POST處理，我還添加了兩個property：

@property (strong, nonatomic) NSURLConnection *connection;
@property (strong, nonatomic) NSMutableData *responseData;

通過程式碼可以清楚的看到，前一種處理方式十分簡潔，後一種處理方式由於要實現delegate方法，所以感覺有點麻煩，二者孰好孰不好，自己感覺咯！

4、在資料請求結束我繼續使用MBProgressHUD這個類庫添加了一些提示框，表示關注是否成功或者取消關注是否成功。效果如下：

這個頁面的處理差不多就是這樣了！

iOS 新浪微部落格戶端Demo實踐之(五) 粉絲列表頁面

iOS 新浪微部落格戶端Demo實踐之(五) 粉絲列表頁面

iOS新浪微部落格戶端開發（1）——新特性介面

新浪微部落格戶端開發之授權登入+獲取微博列表

Java新浪微部落格戶端開發第六步（完結&&開源）

新浪微部落格戶端開發詳解（三）

flexible box佈局微部落格戶端發現頁面練習

YiBo微部落格戶端設定自定義尾巴詳細教程之二

Android之UI學習篇十：使用TabHost實現微部落格戶端介面

java——模擬新浪微博用戶註冊

Python爬取新浪微博用戶信息及內容

新浪微博PC客戶端（DotNet WinForm C# 版，C#呼叫新浪微博API程式碼，原始碼下載）—— 初探 (第二部分內建連結)

Android：新浪微博拉起客戶端分享——完美實現同時分享圖片和文字（Intent.ACTION_SEND）

新浪微博評論爬蟲小DEMO

[iOS]類似新浪微博或者人人客戶端中，中間UITabBarItem只有圖片,使圖片居中的方法

記：新浪微博iOS客戶端開發的電話面試

iOS之接入新浪微博 SDK（微信支付）的坑(registerApp 的問題)

新浪微博的四宮格驗證碼破解

新浪微博資深大牛全方位剖析 iOS 高階面試

iOS開發整合友盟，新浪微博登入授權失敗，responseCode等於5051

iOS 第三方新浪微博分享坑i

iOS 新浪微部落格戶端Demo實踐之(五) 粉絲列表頁面

相關推薦