UI基础-图片浏览器-改进5

　　上篇文章,我们介绍了使用plist文件加载字典数据,用字典来存储数据，用键值对来存储数据，是NSDictionary类型（坏处：容易写错，不容易调试）

　　我们可以使用模型来存储数据,也就是将要说的字典转模型.

字典转模型:

　　字典：用来存储数据，用键值对来存储数据，是NSDictionary类型（坏处：容易写错，不容易调试）
　　模型：用来存储数据，用属性来存储数据，好处：（有提示，不容易写错）
　　字典转化成模型：一个字典转换成一个模型,把字典的键值对转换的模型的属性
　　模型的建立：模型是一个纯洁的object对象，里面放着是属性，属性的类型和名称有字典中的键值对的key确定，key值类型是什么类型模型中属性就是什么类型，key值的名字是什么模型的　　　　　　　　的名字就是什么
　　转化过程：把字典中的键值对中的value值赋值给模型中的属性

　　通过用for循环遍历字典数组，把每一个字典中的键值对转换成模型的属性。

　　字典转模型的好处：

    （1）降低代码的耦合度

    （2）所有字典转模型部分的代码统一集中在一处处理，降低代码出错的几率

    （3）在程序中直接使用模型的属性操作，提高编码效率

    （4）调用方不用关心模型内部的任何处理细节

    字典转模型的注意点：

    模型应该提供一个可以传入字典参数的构造方法

    - (instancetype)initWithDict:(NSDictionary *)dict;

    + (instancetype)xxxWithDict:(NSDictionary *)dict;

    提示：在模型中合理地使用只读属性，可以进一步降低代码的耦合度。

附上改进后的源码:

　　KZApp.h

//
//  KZApp.h
//  UI基础-02-05-12
//
//  Created by hukezhu on 15/5/12.
//
//

#import <Foundation/Foundation.h>

@interface KZApp : NSObject
/**
 *  图片名称
 */
@property(nonatomic,copy)NSString *icon;
/**
 *  图片描述
 */
@property(nonatomic,copy)NSString *desc;

/**
 *  通过字典来初始化对象
 *
 *  @param dict 字典对象
 *
 *  @return 已经初始化完毕的模型对象
 */
-(instancetype)initWithDict:(NSDictionary *)dict;
+(instancetype)appWithApp:(NSDictionary *)dict;
@end

　　KZApp.m

//
//  KZApp.m
//  UI基础-02-05-12
//
//  Created by hukezhu on 15/5/12.
//
//

#import "KZApp.h"

@implementation KZApp
//对象方法
-(instancetype)initWithDict:(NSDictionary *)dict{

    if(self = [super init]){
    
        //将字典的所有属性都赋值给模型
        self.icon = dict[@"icon"];
        self.desc = dict[@"desc"];
    }
    return self;
}
//类方法
+(instancetype)appWithApp:(NSDictionary *)dict{

    return [[self alloc]initWithDict:dict];
}
@end

　　ViewController.m

//
//  ViewController.m
//  01-图片浏览器1
//
//  Created by hukezhu on 15/5/12.
//
//

#import "ViewController.h"
#import "KZApp.h"
//#define icon @"icon"
//#define desc @"desc"

@interface ViewController ()
/**  界面上最上面显示索引的label*/
@property (weak, nonatomic) IBOutlet UILabel *noLabel;
/**  显示图片的控件*/
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
/**  描述图片内容的label*/
@property (weak, nonatomic) IBOutlet UILabel *descLabel;
/**
 *  左边按钮的属性,用来控制按钮的不可用状态
 */
@property (weak, nonatomic) IBOutlet UIButton *left;
/**
 *  右边按钮的属性,用来控制按钮的不可用状态
 */
@property (weak, nonatomic) IBOutlet UIButton *right;
/**
 *  索引,记录位置
 */
@property (nonatomic ,assign)int index;
/**
 *  存储数据的数组
 */
@property (nonatomic,strong)NSArray *images;
/**
 *  上一张的点击响应方法
 */
- (IBAction)previous;
/**
 *  下一张的点击响应方法
 */
- (IBAction)next;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //首先将当前计数器设置为-1,然后再调用next方法,即可显示首页面.
    //self.index = -1;
    //[self next];
    [self move];
}
//引入懒加载的概念,重写数组的get方法.当数据用到时再进行加载,好处是提高性能
-(NSArray *)images{
    
    //首先判断images是否存在数据,不存在则创建
    //注意此处不能使用self.images,因为同是get方法,会死循环
    if(_images == nil){
        //获得plist的全路径
        NSString *path = [[NSBundle mainBundle]pathForResource:@"images.plist" ofType:nil];
        //加载数组
        NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
        //将dictarray里面的所有字典转换成模型对象,放到新的数组中
        NSMutableArray *array = [NSMutableArray array];
        for (NSDictionary *dict in dictArray) {
            //创建模型对象
            KZApp *appModel = [KZApp appWithApp:dict];
            //添加模型对象到数组中
            [array addObject:appModel];
        }
        
        _images = array;
        
        
    }
    return _images;
}


//发现代码中previous和next方法中的代码基本上一样,属于重复性的,可以将其封装成一个方法
- (void)move{
    
    //创建一个字典,接收当前索引下的数据
    //NSDictionary *dict = self.images[self.index];
    
    KZApp *appModel = self.images[self.index];
    
    //设置noLabel的内容
    self.noLabel.text = [NSString stringWithFormat:@"%d/%d",self.index+1,self.images.count];
    //设置图片
    //self.iconView.image = [UIImage imageNamed:dict[icon]];
    self.iconView.image = [UIImage imageNamed:appModel.icon];
    //设置图片描述
    //self.descLabel.text = dict[desc];
    self.descLabel.text = appModel.desc;
    
    
    
    //设置按钮的不可用状态,当计数器为0时,左边的按钮为不可用状态
    self.left.enabled = self.index != 0;
    //当计数器为4时,右边的按钮为不可用状态
    self.right.enabled = self.index != (self.images.count - 1);
}
- (IBAction)previous{
    
    //计数器减一
    self.index--;
    [self move];
}
- (IBAction)next{
    self.index++;
    [self move];
}
@end

　　至此,图片浏览器小实例就改进到此,代码肯定还有不是很好的可以改进的地方,以后再做修改.