简单MVC模式demo－应用管理附源码

浏览数：20 / 时间：2015年06月09日

这是一个应用管理的简单demo 具体效果如下：

demo 使用的知识点如下：

? UIView的常见属性和方法

? 九宫格计算方法

? 字典转模型

? Xib的使用

? 自定义view（view的封装）

? 简单的MVC

模型 Mode : CLApp.m

dict 是一个字典,保存的是应用图标名称,和应用名称

import "CLApp.h"
@interface CLApp ()

@end


@implementation CLApp
-(instancetype)initWithDict:(id)dict
{
    if (self = [super init]) {
        _icon = dict[@"icon"];
        _name = dict[@"name"];
    }
    return self;
}

+ (instancetype)appWithDict:(id)dict
{
    return [[self alloc]initWithDict:dict];
}
@end

因为控制器要控制协调模型,视图,所以代码量是最多,整个应用的业务逻辑体现于此.为了能让控制器的代码足够的简洁,清楚,优雅!所以要尽可能的对Mode和View封装.

控制器Controller： CLViewController.m

#import "CLViewController.h"

#import "CLApp.h"
#import "CLAppView.h"

@interface CLViewController ()
/**
 *  存放应用的信息 名称和图标
 */
@property (nonatomic, strong) NSArray *apps;

@end

@implementation CLViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    //1.应用的尺寸
    CGFloat appW = 85;
    CGFloat appH = 90;
    
    //2.列数
    int totalcolumn = 3;
    
    //3.间隙
    CGFloat marginX = (self.view.frame.size.width - totalcolumn * appW) / (totalcolumn + 1);
    CGFloat marginY = 25;
    

    //4.根据应用个数创建对应框框
    for (int index = 0; index < self.apps.count; index++) {
        //4.1计算格子的X和Y
        CGFloat appX = (index % totalcolumn) * (appW + marginX) + marginX;
        CGFloat appY = (index / totalcolumn) * (appH + marginY) + marginY;
        
        //4.2创建appView
        CLAppView *appView = [CLAppView appViewWithApp:self.apps[index]];
        [self.view addSubview:appView];
        
        //4.3设置frame
        appView.frame = CGRectMake(appX, appY, appW, appH);
    }
}

-(NSArray *)apps
{
    //获取主目录
    NSBundle *bundle = [NSBundle mainBundle];
    
    //获取全路径
    NSString *path = [bundle pathForResource:@"app" ofType:@"plist"];
//    //加载数组
//    _apps = [NSArray arrayWithContentsOfFile:path];
    NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
    
    NSMutableArray *appArray = [NSMutableArray array];
    
    for (NSDictionary *dict in dictArray) {
        //CLApp *app = [[CLApp alloc]initWithDict:dict];
        CLApp *app = [CLApp appWithDict:dict];
        
        [appArray addObject:app];
    }
    
    _apps = appArray;
    return _apps;
}

@end

使用Xib文件描述局部界面如下图：

视图 View ：CLAppView

#import "CLAppView.h"

@interface CLAppView ()

- (IBAction)btnClick;

@end


@implementation CLAppView
- (void)setApp:(CLApp *)app
{
    _app = app;
    
    //设置图标
    self.iconView.image = [UIImage imageNamed:app.icon];
    
    //2.设置名称
    self.name.text = app.name;
    
    
}

- (instancetype) initWithApp: (CLApp *)app
{
    NSBundle *bundle = [NSBundle mainBundle];
    NSArray *objs = [bundle loadNibNamed:@"CLAppView" owner:nil options:nil];
    
    CLAppView *appView = [objs lastObject];
    
    appView.app = app;
    return appView;
}

+ (instancetype) appViewWithApp: (CLApp *)app
{
    CLAppView *appView = [[CLAppView alloc]initWithApp:app];
    return appView;
}
- (IBAction)btnClick {
    
    CGFloat btnW = 80;
    CGFloat btnH = 20;
    CGFloat btnX = (self.superview.superview.frame.size.width - btnW) * 0.5;
    CGFloat btnY = (self.superview.superview.frame.size.height - btnH) * 0.5;
    _info = [[UILabel alloc]initWithFrame:CGRectMake(btnX, btnY, btnW, btnH)];
    
    _info.text = self.name.text;
    _info.backgroundColor = [UIColor greenColor];
    _info.textAlignment = NSTextAlignmentCenter;
    _info.alpha = 0.7;
    _info.contentMode = UIViewContentModeCenter;
    CGSize infoSize = [_info.text sizeWithFont:_info.font constrainedToSize:CGSizeMake(320, btnH)];
    _info.bounds = CGRectMake(btnX, btnY, infoSize.width, btnH);
    
    
    [UIView animateWithDuration:2 animations:^{
        _info.alpha = 0;
    }];
    
    [self.superview addSubview:_info];

    
}

@end