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

 1 //
 2 //  KZApp.h
 3 //  UI基础-02-05-12
 4 //
 5 //  Created by hukezhu on 15/5/12.
 6 //
 7 //
 8 
 9 #import <Foundation/Foundation.h>
10 
11 @interface KZApp : NSObject
12 /**
13  *  图片名称
14  */
15 @property(nonatomic,copy)NSString *icon;
16 /**
17  *  图片描述
18  */
19 @property(nonatomic,copy)NSString *desc;
20 
21 /**
22  *  通过字典来初始化对象
23  *
24  *  @param dict 字典对象
25  *
26  *  @return 已经初始化完毕的模型对象
27  */
28 -(instancetype)initWithDict:(NSDictionary *)dict;
29 +(instancetype)appWithApp:(NSDictionary *)dict;
30 @end

 

　　KZApp.m

 1 //
 2 //  KZApp.m
 3 //  UI基础-02-05-12
 4 //
 5 //  Created by hukezhu on 15/5/12.
 6 //
 7 //
 8 
 9 #import "KZApp.h"
10 
11 @implementation KZApp
12 //对象方法
13 -(instancetype)initWithDict:(NSDictionary *)dict{
14 
15     if(self = [super init]){
16     
17         //将字典的所有属性都赋值给模型
18         self.icon = dict[@"icon"];
19         self.desc = dict[@"desc"];
20     }
21     return self;
22 }
23 //类方法
24 +(instancetype)appWithApp:(NSDictionary *)dict{
25 
26     return [[self alloc]initWithDict:dict];
27 }
28 @end

　　ViewController.m

  1 //
  2 //  ViewController.m
  3 //  01-图片浏览器1
  4 //
  5 //  Created by hukezhu on 15/5/12.
  6 //
  7 //
  8 
  9 #import "ViewController.h"
 10 #import "KZApp.h"
 11 //#define icon @"icon"
 12 //#define desc @"desc"
 13 
 14 @interface ViewController ()
 15 /**  界面上最上面显示索引的label*/
 16 @property (weak, nonatomic) IBOutlet UILabel *noLabel;
 17 /**  显示图片的控件*/
 18 @property (weak, nonatomic) IBOutlet UIImageView *iconView;
 19 /**  描述图片内容的label*/
 20 @property (weak, nonatomic) IBOutlet UILabel *descLabel;
 21 /**
 22  *  左边按钮的属性,用来控制按钮的不可用状态
 23  */
 24 @property (weak, nonatomic) IBOutlet UIButton *left;
 25 /**
 26  *  右边按钮的属性,用来控制按钮的不可用状态
 27  */
 28 @property (weak, nonatomic) IBOutlet UIButton *right;
 29 /**
 30  *  索引,记录位置
 31  */
 32 @property (nonatomic ,assign)int index;
 33 /**
 34  *  存储数据的数组
 35  */
 36 @property (nonatomic,strong)NSArray *images;
 37 /**
 38  *  上一张的点击响应方法
 39  */
 40 - (IBAction)previous;
 41 /**
 42  *  下一张的点击响应方法
 43  */
 44 - (IBAction)next;
 45 @end
 46 
 47 @implementation ViewController
 48 
 49 - (void)viewDidLoad {
 50     [super viewDidLoad];
 51     //首先将当前计数器设置为-1,然后再调用next方法,即可显示首页面.
 52     //self.index = -1;
 53     //[self next];
 54     [self move];
 55 }
 56 //引入懒加载的概念,重写数组的get方法.当数据用到时再进行加载,好处是提高性能
 57 -(NSArray *)images{
 58     
 59     //首先判断images是否存在数据,不存在则创建
 60     //注意此处不能使用self.images,因为同是get方法,会死循环
 61     if(_images == nil){
 62         //获得plist的全路径
 63         NSString *path = [[NSBundle mainBundle]pathForResource:@"images.plist" ofType:nil];
 64         //加载数组
 65         NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
 66         //将dictarray里面的所有字典转换成模型对象,放到新的数组中
 67         NSMutableArray *array = [NSMutableArray array];
 68         for (NSDictionary *dict in dictArray) {
 69             //创建模型对象
 70             KZApp *appModel = [KZApp appWithApp:dict];
 71             //添加模型对象到数组中
 72             [array addObject:appModel];
 73         }
 74         
 75         _images = array;
 76         
 77         
 78     }
 79     return _images;
 80 }
 81 
 82 
 83 //发现代码中previous和next方法中的代码基本上一样,属于重复性的,可以将其封装成一个方法
 84 - (void)move{
 85     
 86     //创建一个字典,接收当前索引下的数据
 87     //NSDictionary *dict = self.images[self.index];
 88     
 89     KZApp *appModel = self.images[self.index];
 90     
 91     //设置noLabel的内容
 92     self.noLabel.text = [NSString stringWithFormat:@"%d/%d",self.index+1,self.images.count];
 93     //设置图片
 94     //self.iconView.image = [UIImage imageNamed:dict[icon]];
 95     self.iconView.image = [UIImage imageNamed:appModel.icon];
 96     //设置图片描述
 97     //self.descLabel.text = dict[desc];
 98     self.descLabel.text = appModel.desc;
 99     
100     
101     
102     //设置按钮的不可用状态,当计数器为0时,左边的按钮为不可用状态
103     self.left.enabled = self.index != 0;
104     //当计数器为4时,右边的按钮为不可用状态
105     self.right.enabled = self.index != (self.images.count - 1);
106 }
107 - (IBAction)previous{
108     
109     //计数器减一
110     self.index--;
111     [self move];
112 }
113 - (IBAction)next{
114     self.index++;
115     [self move];
116 }
117 @end

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

posted @ 2015-05-13 17:15  吃唐僧肉的小悟空  阅读(159)  评论(0)  编辑  收藏  举报