[iOS基础控件

需求

1.以N宫格的形式展示应用信息

2.APP信息包括图标、名字、下载按钮

3.使用尽可能少的代码，从plist读取app信息，计算每个app图标的位置尺寸信息

 

 

A.思路

1.UI布局：N宫格

2.事件监听

3.动态添加 (by plist)

4.整体封装，组合每个应用信息，使用View的层级包装帮助布局

 

B.实现 (使用纯代码方式)

 

//
//  ViewController.m
//  01-应用管理
//
//  Created by hellovoidworld on 14/11/24.
//  Copyright (c) 2014年 hellovoidworld. All rights reserved.
//

#import "ViewController.h"

#define APP_WIDTH 85
#define APP_HEIGHT 90
#define MARGIN_HEAD 20
#define ICON_WIDTH 50
#define ICON_HEIGHT 50
#define NAME_WIDTH APP_WIDTH
#define NAME_HEIGHT 20
#define DOWNLOAD_WIDTH (APP_WIDTH - 20)
#define DOWNLOAD_HEIGHT 20

@interface ViewController ()

/** 存放应用信息 */
@property(nonatomic, strong) NSArray *apps; // 应用列表

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
   
    [self loadApps];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark 取得应用列表
- (NSArray *) apps {
    if (nil == _apps) {
        NSString *path = [[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil];
        _apps = [NSArray arrayWithContentsOfFile:path];
    }

    return _apps;
}

#pragma mark 加载全部应用列表
- (void) loadApps {
    int appColumnCount = [self appColumnCount];
    int appRowCount = [self appRowCount];
   
    CGFloat marginX = (self.view.frame.size.width - APP_WIDTH * appColumnCount) / (appColumnCount + 1);
    CGFloat marginY = (self.view.frame.size.height - APP_HEIGHT * appRowCount) / (appRowCount + 1) + MARGIN_HEAD;
   
    int column = 0;
    int row = 0;
    for (int index=0; index<self.apps.count; index++) {
        NSDictionary *appData = self.apps[index];
       
        // 每个app信息
        UIView *appView = [[UIView alloc] init];
       
        CGFloat appX = marginX + column * (marginX + APP_WIDTH);
        CGFloat appY = marginY + row * (marginY + APP_HEIGHT);
       
        appView.frame = CGRectMake(appX, appY, APP_WIDTH, APP_HEIGHT);
       
        // 1.设置APP图片
        UIImageView *iconView = [[UIImageView alloc] init];
       
        CGFloat iconMarginX = (appView.frame.size.width - ICON_WIDTH) / 2;
        CGFloat iconMarginY = 0;
        iconView.frame = CGRectMake(iconMarginX, iconMarginY, ICON_WIDTH, ICON_HEIGHT);
       
        iconView.image = [UIImage imageNamed:appData[@"icon"]];
        [appView addSubview:iconView];
       
        // 2.设置APP名字
        UILabel  *nameLabel = [[UILabel alloc] init];
        nameLabel.text = appData[@"name"];
        CGFloat nameMarginX = (appView.frame.size.width - NAME_WIDTH) / 2;
        CGFloat nameMarginY = iconMarginY + ICON_HEIGHT;
        nameLabel.frame = CGRectMake(nameMarginX, nameMarginY, NAME_WIDTH, NAME_HEIGHT);
        [nameLabel setFont:[UIFont systemFontOfSize:16]];
        [nameLabel setTextAlignment:NSTextAlignmentCenter];
        [appView addSubview:nameLabel];
       
        // 3.设置下载按钮
        UIButton *downloadButton = [UIButton buttonWithType:UIButtonTypeCustom];
        CGFloat downloadMarginX = (appView.frame.size.width - DOWNLOAD_WIDTH) / 2;
        CGFloat downloadMarginY = nameMarginY + NAME_HEIGHT;
        downloadButton.frame = CGRectMake(downloadMarginX, downloadMarginY, DOWNLOAD_WIDTH, DOWNLOAD_HEIGHT);
       
        UIImage *downloadNormalImage = [UIImage imageNamed:@"buttongreen"];
        [downloadButton setBackgroundImage:downloadNormalImage forState:UIControlStateNormal];
       
        UIImage *downloadHighlightedImage = [UIImage imageNamed:@"buttongreen_highlighted"];
        [downloadButton setBackgroundImage:downloadHighlightedImage forState:UIControlStateHighlighted];
       
        [downloadButton setTitle:@"下载" forState:UIControlStateNormal];
       
        // 不要直接取出titleLabel属性进行操作，因为这样就不能为全部状态进行设置
        [downloadButton.titleLabel setFont:[UIFont systemFontOfSize:13]];
       
        [appView addSubview:downloadButton];
       
       
        [self.view addSubview:appView];
       
        column++;
        if (column == appColumnCount) {
            column = 0;
            row++;
        }
    }
}

#pragma mark 计算列数
- (int) appColumnCount {
    int count = 0;
    count = self.view.frame.size.width / APP_WIDTH;
   
    if ((int)self.view.frame.size.width % (int)APP_WIDTH == 0) {
        count--;
    }
   
    return count;
}

#pragma mark 计算行数
- (int) appRowCount {
    int count = 0;
    count = (self.view.frame.size.height - MARGIN_HEAD) / APP_HEIGHT;
   
    if ((int)(self.view.frame.size.height - MARGIN_HEAD) % (int)APP_HEIGHT == 0) {
        count--;
    }
   
    return count;
}
@end

#1. 放入了Images.xcassets中的文件只能通过[UIImage imageNamed:(NSString *) imageName] 访问吗?