ios开发-UI基础-应用管理(单纯界面)改进5-使用代理实现监听下载按钮的点击(delegate)

浏览数：29 / 时间：2015年06月11日

　　　[注意]转载时请注明出处博客园-吃唐僧肉的小悟空http://www.cnblogs.com/hukezhu/　

　　前几篇文章介绍了一个应用管理的小应用,从最开始的单纯实现功能,一步一步就行改进\封装,上篇文章是使用xib进行了优化,本篇文章使用代理实现监听下载按钮的点击.

　　在原来的基础上,使用代理的主要思路分析:

- 首先要新建一个协议
- 声明协议的要实现的方法(一般为optional)
- 声明一个遵守该协议的代理的属性
- 使用代理,通知其代理完成操作

　　在代理中的实现步骤:

- 遵守协议
- 设置代理(一般通过拖线也可以实现)
- 实现代理中需要实现的方法

附上应用代码结构及xib截图:

技术分享

附上源代码:

　　AppView.h

 1 //
 2 //  AppView.h
 3 //  UI基础-03-05-14
 4 //
 5 //  Created by hukezhu on 15/5/15.
 6 //
 7 //
 8 
 9 #import <UIKit/UIKit.h>
10 @class KZAppModel;
11 @class AppView;
12 
13 
14 
15 @protocol AppViewProtocol <NSObject>
16 
17 - (void)appViewDownload:(AppView *)appView;
18 
19 @end
20 
21 
22 
23 
24 
25 @interface AppView : UIView
26 
27 //声明一个模型属性,用来接收传过来的模型数据
28 @property (nonatomic,strong)KZAppModel *appViewModel;
29 
30 
31 //声明一个代理的属性
32 @property(nonatomic,assign) id<AppViewProtocol> delegate;
33 
34 //用来加载xib
35 +(instancetype)loadNib;
36 @end

　　AppView.m

 1 //
 2 //  AppView.m
 3 //  UI基础-03-05-14
 4 //
 5 //  Created by hukezhu on 15/5/15.
 6 //
 7 //[注意]转载时请注明出处博客园-吃唐僧肉的小悟空http://www.cnblogs.com/hukezhu/
 8 
 9 #import "AppView.h"
10 #import "KZAppModel.h"
11 @interface AppView ()
12 @property (nonatomic,weak)IBOutlet UIImageView *imageView;
13 @property (weak, nonatomic) IBOutlet UILabel *label;
14 
15 -(IBAction)btnOnClick:(UIButton *)btn;
16 @end
17 
18 
19 @implementation AppView
20 //重写模型的set方法
21 -(void)setAppViewModel:(KZAppModel *)appViewModel{
22 
23     _appViewModel = appViewModel;
24     self.imageView.image = [UIImage imageNamed:appViewModel.icon];
25     self.label.text = appViewModel.name;
26 }
27 
28 
29 +(instancetype)loadNib{
30 
31     return [[NSBundle mainBundle]loadNibNamed:@"AppView" owner:nil options:nil][0];
32 }
33 
34 
35 /*吃唐僧肉的小悟空-转载请注明出处http://www.cnblogs.com/hukezhu/*/
36 /**
37  *  按钮的点击方法
38  *
39  *  @param btn 将按钮本身传入方法中,哪个按钮被点击就调用这个方法
40  */
41 - (void)btnOnClick:(UIButton *)btn{
42     
43     //NSLog(@"------%@",btn);
44     btn.enabled = NO;
45     [btn setTitle:@"已下载" forState:UIControlStateNormal];
46 
47     if ([self.delegate respondsToSelector:@selector(appViewDownload:)]) {
48         [self.delegate appViewDownload:self];
49     }
50     
51     
52 }
53 
54 @end

KZAppModel.h

 1 //
 2 //  KZAppModel.h
 3 //  UI基础-03-05-14
 4 //
 5 //  Created by hukezhu on 15/5/15.
 6 //
 7 //
 8 
 9 #import <Foundation/Foundation.h>
10 /*吃唐僧肉的小悟空-转载请注明出处http://www.cnblogs.com/hukezhu/*/
11 @interface KZAppModel : NSObject
12 /**
13  *  应用图标
14  */
15 @property (nonatomic ,copy) NSString *icon;
16 /**
17  *  应用名称
18  */
19 @property (nonatomic ,copy) NSString *name;
20 
21 /**
22  *  通过字典来初始化对象
23  *
24  *  @param dict 字典对象
25  *
26  *  @return 已经初始化完毕的模型对象
27  */
28 - (instancetype)initWithDict:(NSDictionary *)dict;
29 
30 //类方法
31 + (instancetype)appWithModelDict:(NSDictionary *)dict;
32 
33 @end

　　 KZAppModel.m

 1 //
 2 //  KZAppModel.m
 3 //  UI基础-03-05-14
 4 //
 5 //  Created by hukezhu on 15/5/15.
 6 //
 7 //
 8 
 9 #import "KZAppModel.h"
10 
11 @implementation KZAppModel
12 /*吃唐僧肉的小悟空-转载请注明出处http://www.cnblogs.com/hukezhu/*/
13 //对象方法
14 -(instancetype)initWithDict:(NSDictionary *)dict{
15 
16     //重写构造方法的默认写法
17     if(self = [super init]){
18     
19         //将字典的所有属性赋值给模型
20         self.icon = dict[@"icon"];
21         self.name = dict[@"name"];
22     }
23     return self;
24 }
25 //类方法
26 +(instancetype)appWithModelDict:(NSDictionary *)dict{
27 
28     //注意此处是self
29     return [[self alloc]initWithDict:dict];
30 }
31 @end

ViewController.m

  1 //
  2 //  ViewController.m
  3 //  03-应用管理
  4 //
  5 //  Created by hukezhu on 15/5/14.
  6 //
  7 //
  8 
  9 #import "ViewController.h"
 10 #import "KZAppModel.h"
 11 #import "AppView.h"
 12 
 13 
 14 @interface ViewController () <AppViewProtocol>
 15 @property (nonatomic,strong)NSArray *apps;
 16 @end
 17 
 18 @implementation ViewController
 19 
 20 - (void)viewDidLoad {
 21     [super viewDidLoad];
 22     
 23     //每一行的应用的个数
 24     int totalCol = 3;
 25     /*吃唐僧肉的小悟空-转载请注明出处http://www.cnblogs.com/hukezhu/*/
 26     
 27     //添加一个小的view
 28     CGFloat appW = 80;
 29     CGFloat appH = 100;
 30     CGFloat marginX = 20;
 31     CGFloat marginY = 20;
 32     CGFloat hightMargin = 30;
 33     CGFloat leftMargin = (self.view.frame.size.width - totalCol * appW - (totalCol - 1) *marginX)* 0.5;
 34     
 35     
 36     
 37     for (int i = 0; i < self.apps.count; i++) {
 38         
 39         
 40         //计算行号和列号
 41         int row = i / totalCol;
 42         int col = i % totalCol;
 43         
 44         CGFloat appX = leftMargin + (marginX + appW)* col;
 45         CGFloat appY = hightMargin + (marginY + appH)* row;
 46         
 47         //1.添加view
 48     
 49        
 50         //首先拿到一个格子视图
 51 //        UIView *appView = [[NSBundle mainBundle]loadNibNamed:@"AppView" owner:nil options:nil][0];
 52 
 53         AppView *appView = [AppView loadNib];
 54         
 55         
 56         //1.2设置frame
 57         appView.frame = CGRectMake(appX, appY, appW, appH);
 58         //1.3设置背景色(便于代码阶段验证,之后会删除)
 59         //appView.backgroundColor = [UIColor redColor];
 60         //1.4将这个appView添加到view中
 61         [self.view addSubview:appView];
 62         
 63         //加载数据
 64         //NSDictionary *dict = self.apps[i];
 65         //将数据赋值给模型对象
 66         KZAppModel *appModel = self.apps[i];
 67         
 68         
 69         //通过数组的特性拿到里面的小控件,进行赋值
 70 //        UIImageView *imageView = (UIImageView *)appView.subviews[0];
 71 //        imageView.image = [UIImage imageNamed:appModel.icon];
 72 //        
 73 //        UILabel *label = appView.subviews[1];
 74 //        label.text = appModel.name;
 75         
 76         
 77         appView.appViewModel = appModel;
 78         
 79         
 80         
 81 #warning 设置视图的代理为控制器:
 82         
 83         appView.delegate = self;
 84         
 85         
 86 //        UIButton *downBtn = (UIButton *)appView.subviews[2];
 87 //        [downBtn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside];
 88         
 89         
 90 //        //2.添加图片UIImageView
 91 //        CGFloat imageW = 60;
 92 //        CGFloat imageH = 50;
 93 //        CGFloat imageX = (appW - imageW)*0.5;
 94 //        CGFloat imageY = 0;
 95 //        UIImageView *imageView = [[UIImageView alloc]init];
 96 //        imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);
 97 //        //imageView.backgroundColor = [UIColor blueColor];
 98 //        //imageView.image = [UIImage imageNamed:dict[@"icon"]];
 99 //        //从模型对象中取出数据
100 //        imageView.image = [UIImage imageNamed:appModel.icon];
101 //        [appView addSubview:imageView];
102 //    
103 //        
104 //        //3.添加应用名称
105 //    
106 //        CGFloat labelW = 80;
107 //        CGFloat labelH = 25;
108 //        CGFloat labelX = 0;
109 //        CGFloat labelY = imageH;
110 //        UILabel *label = [[UILabel alloc]init];
111 //        label.frame = CGRectMake(labelX, labelY, labelW, labelH);
112 //        //label.backgroundColor = [UIColor grayColor];
113 //        //label.text = dict[@"name"];
114 //        //从模型对象中取出数据name
115 //        label.text = appModel.name;
116 //        
117 //        //设置字体大小
118 //        label.font = [UIFont systemFontOfSize:13];
119 //        //设置字体居中
120 //        label.textAlignment = NSTextAlignmentCenter;
121 //        [appView addSubview:label];
122 //        
123 //        //4.添加下载按钮
124 //        
125 //        CGFloat downloadW = 60;
126 //        CGFloat downloadH = 25;
127 //        CGFloat downloadX = 10;
128 //        CGFloat downloadY = labelH + labelY;
129 //        UIButton *downloadBtn = [[UIButton alloc]init];
130 //        downloadBtn.frame = CGRectMake(downloadX, downloadY, downloadW, downloadH);
131 //        //downloadBtn.backgroundColor = [UIColor yellowColor];
132 //        //设置背景图片
133 //        [downloadBtn setBackgroundImage:[UIImage imageNamed:@"buttongreen"] forState:UIControlStateNormal];
134 //        [downloadBtn setBackgroundImage:[UIImage imageNamed:@"buttongreen_highlighted"] forState:UIControlStateHighlighted];
135 //        //设置字体第一种方法
136 //        [downloadBtn setTitle:@"下载" forState:UIControlStateNormal];
137 //        
138 //        //设置字体第二种方法(不推荐使用)
139 //        downloadBtn.titleLabel.text = @"下载";
140 //        
141 //        //设置字体大小
142 //        downloadBtn.titleLabel.font = [UIFont systemFontOfSize:15];
143 //        [appView addSubview:downloadBtn];
144 //        
145 //        
146 //        [downloadBtn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside];
147     }
148     
149  
150     
151     
152     
153 }
154 
155 
156 
157 -(void)appViewDownload:(AppView *)appView{
158 
159     
160     
161     CGFloat labelW = 120;
162     CGFloat labelH = 30;
163     CGFloat labelX = (self.view.frame.size.width - labelW)* 0.5;
164     CGFloat labelY = (self.view.frame.size.height - labelH)*0.5;
165     UILabel *label = [[UILabel alloc]init];
166     label.frame = CGRectMake(labelX, labelY, labelW, labelH);
167     label.text = @"正在下载";
168     //设置字体颜色
169     label.textColor = [UIColor redColor];
170     //设置字体居中
171     label.textAlignment = NSTextAlignmentCenter;
172     //设置 背景色
173     label.backgroundColor = [UIColor blackColor];
174     
175     //设置圆角的半径
176     label.layer.cornerRadius = 8;
177     //将多余的部分减掉
178     label.layer.masksToBounds = YES;
179     //设置透明度
180     label.alpha = 0.0;
181     //将label添加到view中
182     [self.view addSubview:label];
183     //使用block动画,动画持续时间2秒
184     [UIView animateWithDuration:2.0 animations:^{
185         label.alpha = 0.5;
186     } completion:^(BOOL finished) {
187         if (finished) {
188             [UIView animateWithDuration:2.0 delay:0.1 options:UIViewAnimationOptionCurveLinear animations:^{
189                 label.alpha = 0.0;
190             } completion:^(BOOL finished) {
191                 //上面将透明度设置为0,界面上已经不显示这个label,但是它仍然在内存中,所以为了节约内存,仍要将其从内存中删除
192                 [label removeFromSuperview];
193                 
194             }];
195         }
196     }];
197 }
198 /**
199  *  "懒加载",加载应用数据
200  *
201  */
202 - (NSArray *)apps{
203 
204     //如果_apps为空,才加载数据
205     if (_apps == nil) {
206         //获取plist的全路径
207         NSString *path = [[NSBundle mainBundle]pathForResource:@"app.plist" ofType:nil];
208 
209         //加载数组
210         NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
211         
212         //创建一个可变数组,来动态接收模型对象
213         NSMutableArray *array = [NSMutableArray array];
214         
215         //通过循环,将字典数组的字典取出,转成模型对象
216         for (NSDictionary *dict in dictArray) {
217             KZAppModel *appModel = [KZAppModel appWithModelDict:dict];
218             [array addObject:appModel];
219         }
220         _apps = array;
221     }
222     return _apps;
223     /*吃唐僧肉的小悟空-转载请注明出处http://www.cnblogs.com/hukezhu/*/
224 }
225 
226 - (void)didReceiveMemoryWarning {
227     [super didReceiveMemoryWarning];
228     // Dispose of any resources that can be recreated.
229 }
230 
231 @end