首页 > 代码库 > [iOS基础控件 - 5.5] 代理设计模式 (基于”APP列表"练习)
[iOS基础控件 - 5.5] 代理设计模式 (基于”APP列表"练习)
A.概述
在"[iOS基础控件 - 4.4] APP列表 进一步封装,初见MVC模式”上进一步改进,给“下载”按钮加上效果、功能
1.按钮点击后,显示为“已下载”,并且不可以再按
2.在屏幕中间弹出一个消息框,通知消息“xx已经被安装”,慢慢消失
3.消息框样式为圆角半透明
B.不使用代理模式,使用app空间组和主View之间的父子View关系
1.在主View中创建一个消息框
主View控制器:ViewController.m
1 // 创建下载成功消息框 2 CGFloat labelWidth = 200; 3 CGFloat labelHeight = 50; 4 CGFloat labelX = (self.view.frame.size.width - labelWidth) / 2; 5 CGFloat labelY = (self.view.frame.size.height - labelHeight) / 2; 6 UILabel *successMsgLabel = [[UILabel alloc] initWithFrame:CGRectMake(labelX, labelY, labelWidth, labelHeight)]; 7 8 // 设置圆角矩形样式 9 successMsgLabel.layer.cornerRadius = 10.0;10 successMsgLabel.layer.masksToBounds = YES;11 12 // 设置全透明隐藏13 successMsgLabel.alpha = 0;14 15 successMsgLabel.textColor = [UIColor whiteColor];16 successMsgLabel.backgroundColor = [UIColor grayColor];17 [successMsgLabel setTextAlignment:NSTextAlignmentCenter];18 successMsgLabel.tag = 10;19 20 [self.view addSubview:successMsgLabel];
2.直接在app空间组的控制器中操作消息框,加入到父控件(主View)
app控件组View:AppView.m
1 // 点击下载按钮 2 - (IBAction)onDownloadButtonClick { 3 // 更改“下载”按钮样式 4 [self.downloadButton setTitle:@"已下载" forState:UIControlStateDisabled]; 5 self.downloadButton.enabled = NO; 6 7 // 拿到消息框 8 UILabel *successMsgLabel = [self.superview viewWithTag:10]; 9 successMsgLabel.text = [NSString stringWithFormat:@"成功安装了%@", self.appData.name];10 successMsgLabel.alpha = 0.7;11 12 // 使用动画13 [UIView beginAnimations:nil context:nil];14 [UIView setAnimationDuration:2];15 successMsgLabel.alpha = 0;16 [UIView commitAnimations];17 }
缺点:view的父子关系规定了这两个view的层次关系,依赖性、耦合性太强,导致各个view都不能自由修改
C.不使用代理模式,在app控件组的view中将主View作为一个成员
1.在控件组AppView中创建主View的引用
控件组 AppView.h
1 // 存储主View的引用2 @property (nonatomic, weak) UIView *vcView;
2.在主View逐个加载控件组的时候,设置主View的引用
ViewController.m
1 for (int index=0; index<self.apps.count; index++) { 2 App *appData =http://www.mamicode.com/ self.apps[index]; 3 4 // 1.创建View 5 AppView *appView = [AppView appViewWithApp:appData]; 6 7 // 2.定义每个app的位置、尺寸 8 CGFloat appX = marginX + column * (marginX + APP_WIDTH); 9 CGFloat appY = marginY + row * (marginY + APP_HEIGHT);10 appView.frame = CGRectMake(appX, appY, APP_WIDTH, APP_HEIGHT);11 12 // 设置每个app控件view的主view引用13 appView.vcView = self.view;14 15 // 3.加入此app信息到总view16 [self.view addSubview:appView];17 18 column++;19 if (column == appColumnCount) {20 column = 0;21 row++;22 }
3.控件组AppView使用主View引用代替父控件引用
AppView.m
1 // 点击下载按钮 2 - (IBAction)onDownloadButtonClick { 3 // 更改“下载”按钮样式 4 [self.downloadButton setTitle:@"已下载" forState:UIControlStateDisabled]; 5 self.downloadButton.enabled = NO; 6 7 // 创建消息框 8 UILabel *successMsgLabel = [self.vcView viewWithTag:10]; 9 successMsgLabel.text = [NSString stringWithFormat:@"成功安装了%@", self.appData.name];10 successMsgLabel.alpha = 0.7;11 12 // 使用动画13 [UIView beginAnimations:nil context:nil];14 [UIView setAnimationDuration:2];15 successMsgLabel.alpha = 0;16 [UIView commitAnimations];17 }
缺点:控件组AppView的下载事件中取得控制器来弹出消息框,还是依赖于主View,耦合性强
D.暴露控件组AppView的“下载”按钮,在主控制器中编写“下载”事件方法,绑定方法
1.AppView暴露“下载”按钮控件给外部
AppView.h
1 // 将“下载”按钮控件移到 .h 文件中暴露2 @property (weak, nonatomic) IBOutlet UIButton *downloadButton;
2.在控制器中编写“下载”单击事件方法
ViewController.m
1 // 控制器创建“下载”按钮点击事件 2 - (IBAction)onAppViewDownloadButtonClick:(UIButton *) downloadButton { 3 // 更改“下载”按钮样式 4 [downloadButton setTitle:@"已下载" forState:UIControlStateDisabled]; 5 downloadButton.enabled = NO; 6 7 // 创建消息框 8 UILabel *successMsgLabel = [self.view viewWithTag:99]; 9 10 App *app = self.apps[downloadButton.tag];11 successMsgLabel.text = [NSString stringWithFormat:@"成功安装了%@", app.name];12 successMsgLabel.alpha = 0.7;13 14 // 使用动画15 [UIView beginAnimations:nil context:nil];16 [UIView setAnimationDuration:2];17 successMsgLabel.alpha = 0;18 [UIView commitAnimations];19 }20 21 @end
3.给每个AppView的“下载”按钮绑定方法
1 for (int index=0; index<self.apps.count; index++) { 2 App *appData =http://www.mamicode.com/ self.apps[index]; 3 4 // 1.创建View 5 AppView *appView = [AppView appViewWithApp:appData]; 6 7 // 2.定义每个app的位置、尺寸 8 CGFloat appX = marginX + column * (marginX + APP_WIDTH); 9 CGFloat appY = marginY + row * (marginY + APP_HEIGHT);10 appView.frame = CGRectMake(appX, appY, APP_WIDTH, APP_HEIGHT);11 12 // 存储每个AppView对应的AppData数据索引在tag中13 appView.downloadButton.tag = index;14 15 // 绑定每个AppView中的“下载”按钮点击事件16 [appView.downloadButton addTarget:self action:@selector(onAppViewDownloadButtonClick:) forControlEvents:UIControlEventTouchUpInside];17 18 // 3.加入此app信息到总view19 [self.view addSubview:appView];20 21 column++;22 if (column == appColumnCount) {23 column = 0;24 row++;25 }26 }
缺点:依赖于AppView暴露的“下载”按钮,不能被修改
E.代理模式
1.原则:谁拥有资源,谁调用
添加label到控制器的逻辑:控制器来做
当点击“下载”按钮的时候,控件组AppView的按钮点击事件应该通知控制器,要执行添加label到控制器view的操作
控制器监听控件组AppView的下载按钮的点击
1.声明代理
AppView.h
1 // 定义代理的协议2 @protocol AppViewDelegate <NSObject>3 // “下载”按钮被点击事件4 @optional5 - (void) appViewClickedDownloadButton:(AppView *) appView;6 @end
2.在AppView中创建代理引用
AppView.h
1 @interface AppView : UIView2 // 代理3 @property(nonatomic, weak) id<AppViewDelegate> delegate;4 ...5 @end
3.控制器遵守AppViewDelegate,使其拥有称为代理的资格
1 ViewController.m2 @interface ViewController () <AppViewDelegate>3 ...4 @end
4.实现代理方法
ViewController.m
1 // “下载”按钮点击的代理方法 2 - (void)appViewClickedDownloadButton:(AppView *)appView { 3 // 创建下载成功消息框 4 CGFloat labelWidth = 200; 5 CGFloat labelHeight = 50; 6 CGFloat labelX = (self.view.frame.size.width - labelWidth) / 2; 7 CGFloat labelY = (self.view.frame.size.height - labelHeight) / 2; 8 UILabel *successMsgLabel = [[UILabel alloc] initWithFrame:CGRectMake(labelX, labelY, labelWidth, labelHeight)]; 9 10 // 设置圆角矩形样式11 successMsgLabel.layer.cornerRadius = 10.0;12 successMsgLabel.layer.masksToBounds = YES;13 14 // 设置全透明隐藏15 successMsgLabel.alpha = 0;16 17 successMsgLabel.textColor = [UIColor whiteColor];18 successMsgLabel.backgroundColor = [UIColor grayColor];19 [successMsgLabel setTextAlignment:NSTextAlignmentCenter];20 21 successMsgLabel.text = [NSString stringWithFormat:@"成功安装了%@", appView.appData.name];22 successMsgLabel.alpha = 0.7;23 24 // 使用动画25 [UIView beginAnimations:nil context:nil];26 [UIView setAnimationDuration:2];27 successMsgLabel.alpha = 0;28 [UIView commitAnimations];29 30 [self.view addSubview:successMsgLabel];31 }
5.给每一个AppView设置代理
ViewController.m
1 for (int index=0; index<self.apps.count; index++) { 2 App *appData =http://www.mamicode.com/ self.apps[index]; 3 4 // 1.创建View 5 AppView *appView = [AppView appViewWithApp:appData]; 6 7 // 2.定义每个app的位置、尺寸 8 CGFloat appX = marginX + column * (marginX + APP_WIDTH); 9 CGFloat appY = marginY + row * (marginY + APP_HEIGHT);10 appView.frame = CGRectMake(appX, appY, APP_WIDTH, APP_HEIGHT);11 12 // 设置代理13 appView.delegate = self;14 15 // 3.加入此app信息到总view16 [self.view addSubview:appView];17 18 column++;19 if (column == appColumnCount) {20 column = 0;21 row++;22 }23 }
6.点击“下载”按钮的时候,通知代理
AppView.m
1 // 点击下载按钮 2 - (IBAction)onDownloadButtonClick { 3 // 更改“下载”按钮样式 4 [self.downloadButton setTitle:@"已下载" forState:UIControlStateDisabled]; 5 self.downloadButton.enabled = NO; 6 7 // 通知代理 8 // 检查是否实现了代理方法 9 if ([self.delegate respondsToSelector:@selector(appViewClickedDownloadButton:)]) {10 [self.delegate appViewClickedDownloadButton:self];11 }12 }
主要代码:
Model:
1 App.h 2 // 3 // App.h 4 // 01-应用管理 5 // 6 // Created by hellovoidworld on 14/11/25. 7 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 8 // 9 10 #import <Foundation/Foundation.h>11 12 @interface App : NSObject13 14 /**15 copy : NSString16 strong: 一般对象17 weak: UI控件18 assign: 基本数据类型19 */20 21 /**22 名称23 */24 @property(nonatomic, copy) NSString *name;25 26 /**27 图标28 */29 @property(nonatomic, copy) NSString *icon;30 31 /**32 自定义构造方法33 通过字典来初始化模型对象34 */35 - (instancetype) initWithDictionary:(NSDictionary *) dictionary;36 37 + (instancetype) appWithDictionary:(NSDictionary *) dictionary;38 39 @end
App.m
1 // 2 // App.m 3 // 01-应用管理 4 // 5 // Created by hellovoidworld on 14/11/25. 6 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 7 // 8 9 #import "App.h"10 11 #define ICON_KEY @"icon"12 #define NAME_KEY @"name"13 14 @implementation App15 16 - (instancetype) initWithDictionary:(NSDictionary *) dictionary {17 if (self = [super init]) {18 self.name = dictionary[NAME_KEY];19 self.icon = dictionary[ICON_KEY];20 }21 22 return self;23 }24 25 26 + (instancetype) appWithDictionary:(NSDictionary *) dictionary {27 // 使用self代表类名代替真实类名,防止子类调用出错28 return [[self alloc] initWithDictionary:dictionary];29 }30 31 @end
View:
1 AppView.h 2 // 3 // AppView.h 4 // 01-应用管理 5 // 6 // Created by hellovoidworld on 14/11/25. 7 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 8 // 9 10 #import <UIKit/UIKit.h>11 12 @class App, AppView;13 14 // 定义代理的协议15 @protocol AppViewDelegate <NSObject>16 // “下载”按钮被点击事件17 @optional18 - (void) appViewClickedDownloadButton:(AppView *) appView;19 @end20 21 @interface AppView : UIView22 23 // 代理24 @property(nonatomic, weak) id<AppViewDelegate> delegate;25 26 // 在Controller和View之间传输的Model数据27 @property(nonatomic, strong) App *appData;28 29 30 // 自定义将Model数据加载到View的构造方法31 - (instancetype) initWithApp:(App *) appData;32 // 自定义构造的类方法33 + (instancetype) appViewWithApp:(App *) appData;34 // 返回一个不带Model数据的类构造方法35 + (instancetype) appView;36 37 38 @end
AppView.m
1 // 2 // AppView.m 3 // 01-应用管理 4 // 5 // Created by hellovoidworld on 14/11/25. 6 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 7 // 8 9 #import "AppView.h"10 #import "App.h"11 12 // 封装私有属性13 @interface AppView()14 15 // 封装View中的控件,只允许自己访问16 @property (weak, nonatomic) IBOutlet UIImageView *iconView;17 @property (weak, nonatomic) IBOutlet UILabel *nameLabel;18 @property (weak, nonatomic) IBOutlet UIButton *downloadButton;19 20 21 22 - (IBAction)onDownloadButtonClick;23 24 @end25 26 @implementation AppView27 28 - (void)setAppData:(App *)appData {29 // 1.赋值Medel成员30 _appData =http://www.mamicode.com/ appData;31 32 // 2.设置图片33 self.iconView.image = [UIImage imageNamed:appData.icon];34 // 3.设置名字35 self.nameLabel.text = appData.name;36 }37 38 // 自定义将Model数据加载到View的构造方法39 - (instancetype) initWithApp:(App *) appData {40 // 1.从NIB取得控件41 UINib *nib = [UINib nibWithNibName:@"app" bundle:[NSBundle mainBundle]];42 NSArray *viewArray = [nib instantiateWithOwner:nil options:nil];43 AppView *appView = [viewArray lastObject];44 45 // 2.加载Model46 appView.appData =http://www.mamicode.com/ appData;47 48 return appView;49 }50 51 // 自定义构造的类方法52 + (instancetype) appViewWithApp:(App *) appData {53 return [[self alloc] initWithApp:appData];54 }55 56 // 返回一个不带Model数据的类构造方法57 + (instancetype) appView {58 return [self appViewWithApp:nil];59 }60 61 // 点击下载按钮62 - (IBAction)onDownloadButtonClick {63 // 更改“下载”按钮样式64 [self.downloadButton setTitle:@"已下载" forState:UIControlStateDisabled];65 self.downloadButton.enabled = NO;66 67 // 通知代理68 // 检查是否实现了代理方法69 if ([self.delegate respondsToSelector:@selector(appViewClickedDownloadButton:)]) {70 [self.delegate appViewClickedDownloadButton:self];71 }72 }73 74 @end
Controller:
ViewController.m
1 // 2 // ViewController.m 3 // 01-应用管理 4 // 5 // Created by hellovoidworld on 14/11/24. 6 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 7 // 8 9 #import "ViewController.h" 10 #import "App.h" 11 #import "AppView.h" 12 13 #define ICON_KEY @"icon" 14 #define NAME_KEY @"name" 15 #define APP_WIDTH 85 16 #define APP_HEIGHT 90 17 #define MARGIN_HEAD 20 18 #define ICON_WIDTH 50 19 #define ICON_HEIGHT 50 20 #define NAME_WIDTH APP_WIDTH 21 #define NAME_HEIGHT 20 22 #define DOWNLOAD_WIDTH (APP_WIDTH - 20) 23 #define DOWNLOAD_HEIGHT 20 24 25 @interface ViewController () <AppViewDelegate> 26 27 /** 存放应用信息 */ 28 @property(nonatomic, strong) NSArray *apps; // 应用列表 29 30 @end 31 32 @implementation ViewController 33 34 - (void)viewDidLoad { 35 [super viewDidLoad]; 36 // Do any additional setup after loading the view, typically from a nib. 37 38 [self loadApps]; 39 } 40 41 - (void)didReceiveMemoryWarning { 42 [super didReceiveMemoryWarning]; 43 // Dispose of any resources that can be recreated. 44 } 45 46 #pragma mark 取得应用列表 47 - (NSArray *) apps { 48 if (nil == _apps) { 49 // 1.获得plist的全路径 50 NSString *path = [[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil]; 51 52 // 2.加载数据 53 NSArray *dictArray = [NSArray arrayWithContentsOfFile:path]; 54 55 // 3.将dictArray里面的所有字典转成模型,放到新数组中 56 NSMutableArray *appArray = [NSMutableArray array]; 57 for (NSDictionary *dict in dictArray) { 58 // 3.1创建模型对象 59 App *app = [App appWithDictionary:dict]; 60 61 // 3.2 添加到app数组中 62 [appArray addObject:app]; 63 } 64 65 _apps = appArray; 66 } 67 68 return _apps; 69 } 70 71 #pragma mark 加载全部应用列表 72 - (void) loadApps { 73 int appColumnCount = [self appColumnCount]; 74 int appRowCount = [self appRowCount]; 75 76 CGFloat marginX = (self.view.frame.size.width - APP_WIDTH * appColumnCount) / (appColumnCount + 1); 77 CGFloat marginY = (self.view.frame.size.height - APP_HEIGHT * appRowCount) / (appRowCount + 1) + MARGIN_HEAD; 78 79 int column = 0; 80 int row = 0; 81 for (int index=0; index<self.apps.count; index++) { 82 App *appData =http://www.mamicode.com/ self.apps[index]; 83 84 // 1.创建View 85 AppView *appView = [AppView appViewWithApp:appData]; 86 87 // 2.定义每个app的位置、尺寸 88 CGFloat appX = marginX + column * (marginX + APP_WIDTH); 89 CGFloat appY = marginY + row * (marginY + APP_HEIGHT); 90 appView.frame = CGRectMake(appX, appY, APP_WIDTH, APP_HEIGHT); 91 92 // 设置代理 93 appView.delegate = self; 94 95 // 3.加入此app信息到总view 96 [self.view addSubview:appView]; 97 98 column++; 99 if (column == appColumnCount) {100 column = 0;101 row++;102 }103 }104 105 }106 107 108 #pragma mark 计算列数109 - (int) appColumnCount {110 int count = 0;111 count = self.view.frame.size.width / APP_WIDTH;112 113 if ((int)self.view.frame.size.width % (int)APP_WIDTH == 0) {114 count--;115 }116 117 return count;118 }119 120 #pragma mark 计算行数121 - (int) appRowCount {122 int count = 0;123 count = (self.view.frame.size.height - MARGIN_HEAD) / APP_HEIGHT;124 125 if ((int)(self.view.frame.size.height - MARGIN_HEAD) % (int)APP_HEIGHT == 0) {126 count--;127 }128 129 return count;130 }131 132 // “下载”按钮点击的代理方法133 - (void)appViewClickedDownloadButton:(AppView *)appView {134 // 创建下载成功消息框135 CGFloat labelWidth = 200;136 CGFloat labelHeight = 50;137 CGFloat labelX = (self.view.frame.size.width - labelWidth) / 2;138 CGFloat labelY = (self.view.frame.size.height - labelHeight) / 2;139 UILabel *successMsgLabel = [[UILabel alloc] initWithFrame:CGRectMake(labelX, labelY, labelWidth, labelHeight)];140 141 // 设置圆角矩形样式142 successMsgLabel.layer.cornerRadius = 10.0;143 successMsgLabel.layer.masksToBounds = YES;144 145 // 设置全透明隐藏146 successMsgLabel.alpha = 0;147 148 successMsgLabel.textColor = [UIColor whiteColor];149 successMsgLabel.backgroundColor = [UIColor grayColor];150 [successMsgLabel setTextAlignment:NSTextAlignmentCenter];151 152 successMsgLabel.text = [NSString stringWithFormat:@"成功安装了%@", appView.appData.name];153 successMsgLabel.alpha = 0.7;154 155 // 使用动画156 [UIView beginAnimations:nil context:nil];157 [UIView setAnimationDuration:2];158 successMsgLabel.alpha = 0;159 [UIView commitAnimations];160 161 [self.view addSubview:successMsgLabel];162 }163 164 @end
[iOS基础控件 - 5.5] 代理设计模式 (基于”APP列表"练习)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。