所以為了順應(yīng)社會(huì)主義發(fā)展的步伐,我們需要將字典數(shù)組轉(zhuǎn)換為模型數(shù)組,也就是將字典轉(zhuǎn)為模型, 這就要扯到MVC這個(gè)設(shè)計(jì)模式了.

MVC是三個(gè)單詞的首字母縮寫(xiě), 他們分別是 , 他們分別是, 分別是Model, View, Controller, 也就是模型, 視圖, 控制器.

• Model : 繼承NSObject, 負(fù)責(zé)保存數(shù)據(jù).
• View : 視圖控件, 通常用xib來(lái)描述它里面的子控件,負(fù)責(zé)將數(shù)據(jù)展示在UI界面上
• Controller : 控制器,負(fù)責(zé)請(qǐng)求及處理網(wǎng)絡(luò)數(shù)據(jù), 處理用戶(hù)交互

他們?nèi)值艿年P(guān)系如下:

圖片來(lái)自網(wǎng)絡(luò).png

這樣子,他們?nèi)齻€(gè)各司其職, 符合我們高內(nèi)聚,低耦合的思想.

下面用簡(jiǎn)單的table view實(shí)例來(lái)闡述一下MVC的使用,如下圖的效果

table view.png

誰(shuí)能教教我用markdown放入圖片怎么設(shè)置圖片大小?

66666.png

1.在Model(也叫Item)里面定義屬性,用來(lái)保存網(wǎng)絡(luò)數(shù)據(jù)

#import <Foundation/Foundation.h>

@interface tagItem : NSObject

@property(nonatomic,strong)NSString *image_list;
@property(nonatomic,strong)NSString *sub_number;
@property(nonatomic,strong)NSString *theme_name;

@end

2.在Controller里面,請(qǐng)求數(shù)據(jù),用第三方框架把數(shù)據(jù)轉(zhuǎn)化成模型存進(jìn)Model這個(gè)類(lèi)中, 然后給cell的item屬性賦值,這樣子就可以把item(數(shù)據(jù))傳進(jìn)View里面------簡(jiǎn)單的說(shuō),就是在Controller里面把數(shù)據(jù)傳進(jìn)View里面

//發(fā)送網(wǎng)絡(luò)請(qǐng)求
-(void)loadData
{
    
    AFHTTPSessionManager *mgr = [AFHTTPSessionManager ljw_manager];
    
    NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
    parameters[@"a"] = @"tag_recommend";
    parameters[@"action"] = @"sub";
    parameters[@"c"] = @"topic";
    self.mgr = mgr;
    
    [mgr GET:@"http://api.budejie.com/api/api_open.php" parameters:parameters progress:nil success:^(NSURLSessionDataTask * _Nonnull task, NSDictionary *  _Nullable responseObject) {
        //字典數(shù)組轉(zhuǎn)模型數(shù)組
        _tags = [tagItem mj_objectArrayWithKeyValuesArray:responseObject];

        [self.tableView reloadData];
        [SVProgressHUD dismiss];
    
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        NSLog(@"%@",error);
        [SVProgressHUD dismiss];

    }];

}

#pragma mark - Table view data source
//設(shè)置cell的高度
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{

    return 60 + 10;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    return _tags.count;
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    LJWAllTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    tagItem *item = _tags[indexPath.row];
    
    //把數(shù)據(jù)傳給cell
    cell.item = item;
    
    return  cell;
}

3.在View里面描述好xib,
然后定義item這個(gè)屬性,并把各子控件拖好線,
重寫(xiě)item這個(gè)屬性的getter方法(因?yàn)樵诳刂破髦薪oitem屬性賦值時(shí)候就會(huì)調(diào)用這個(gè)方法), 在這個(gè)setter方法中用這個(gè)item的各個(gè)屬性來(lái)給View的子控件賦值, 達(dá)到把數(shù)據(jù)展示在UI界面上的目的---簡(jiǎn)單來(lái)說(shuō)就是在View里面拿到Model數(shù)據(jù),把數(shù)據(jù)展示在View上

#import "LJWAllTableViewCell.h"
#import "tagItem.h"

@interface LJWAllTableViewCell()

@property (weak, nonatomic) IBOutlet UILabel *nameLabel;
@property (weak, nonatomic) IBOutlet UILabel *numberLabel;
@property (weak, nonatomic) IBOutlet UIImageView *imageV;

@end

-(void)setItem:(tagItem *)item
{
    _item = item;
    
    //名字*********************
    _nameLabel.text = item.theme_name;

    
    //訂閱數(shù)******************
    NSString *numStr = [NSString stringWithFormat:@"%@人訂閱",_item.theme_name];
    CGFloat num = [_item.sub_number floatValue];
    if (num > 10000) {
        num = num / 10000;
        numStr = [NSString stringWithFormat:@"%.1f人訂閱",num];
    }
    _numberLabel.text = numStr;
    
    //圖片 ********************
    [_imageV sd_setImageWithURL:[NSURL URLWithString:_item.image_list] placeholderImage:[UIImage imageNamed:@"defaultUserIcon"] completed:^(UIImage * _Nullable image, NSError * _Nullable error, SDImageCacheType cacheType, NSURL * _Nullable imageURL) {
        //生成圓形圖片
       
        //開(kāi)啟上下文
        UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);
        
        //描述裁剪路徑
        UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
        
        //設(shè)置裁剪區(qū)域
        [path addClip];
        
        //開(kāi)始裁剪
        [image drawAtPoint:CGPointZero];
        
        //獲取裁剪后的圖片
        image = UIGraphicsGetImageFromCurrentImageContext();
        
        //關(guān)閉上下文
        UIGraphicsEndImageContext();
        
        _imageV.image = image;

    }];

大致思路就是這樣, 還有一些細(xì)節(jié)的業(yè)務(wù)邏輯之類(lèi)的根據(jù)實(shí)際需要處理好就行.

用MVC在日后可以方便地對(duì)代碼進(jìn)行維護(hù), 可以達(dá)到"哪里出問(wèn)題,就去找對(duì)應(yīng)的類(lèi)修改"的效果.

下一篇將寫(xiě)MVVM的設(shè)計(jì)模式.