应用管理之Interface

1.知识点：数组，字典，UIImageView，UILabel，UIButton

2.初始化数组：@property(nonatomic,strong) NSArray *apps;

- (NSArray *)apps

{
    if (_apps == nil) {
        // 1.获得plist的全路径
        NSString *path = [[NSBundle mainBundle] pathForResource:@"app.plist" ofType:nil];
        // 2.加载数组
        _apps = [NSArray arrayWithContentsOfFile:path];
    }
    return _apps;
}

3.加载图片，设置lable和button

- (void)viewDidLoad
{
    [super viewDidLoad];
//    self.apps;
    // 添加应用

    // 应用的尺寸
    CGFloat appW = 85;
    CGFloat appH = 90;
    // 总列数
    int totalColumns = 3;
    // 间隙 = （控制器view的宽度 - 3*应用宽度） / 4
    CGFloat margin = (self.view.frame.size.width - totalColumns*appW) / (totalColumns + 1);
    CGFloat appX = margin;
    CGFloat appY = 30;
加12个UIVIiew小框框
    // 调用apps的getter方法
    for (int index = 0; index < self.apps.count; index ++) {
        // 行号
        int line = index / totalColumns;
        // 列号
        int row = index % totalColumns;

        UIView *appView = [[UIView alloc]init];
//        appView.backgroundColor = [UIColor redColor];
        appView.frame = CGRectMake(appX + (appW + margin)*row, appY + (appH + margin)*line, appW, appH);
        [self.view addSubview:appView];

        NSDictionary *appInfo = self.apps[index];

        // 添加内部小组件
            // 添加图片
        UIImageView *imageView = [[UIImageView alloc]init];
        CGFloat iconW = 60;
        CGFloat iconH = 50;
        CGFloat iconX = (appW - iconW)*0.5;
        CGFloat iconY = 0;

        imageView.frame = CGRectMake(iconX, iconY, iconW, iconH);
//        imageView.backgroundColor = [UIColor blackColor];
        // 加载图片
        imageView.image = [UIImage imageNamed:appInfo[@"icon"]];
        [appView addSubview:imageView];


            // 添加名字
        UILabel *nameLabel = [[UILabel alloc]init];
        CGFloat nameW = 65;
        CGFloat nameH = 20;
        CGFloat nameX = (appW - nameW)*0.5;
        CGFloat nameY = iconY + iconH;
        nameLabel.frame = CGRectMake(nameX, nameY, nameW, nameH);
//        nameLabel.backgroundColor = [UIColor yellowColor];
        // 加载名字
        nameLabel.text = appInfo[@"name"];
        nameLabel.font = [UIFont systemFontOfSize:12]; // 字体大小
        nameLabel.textAlignment = NSTextAlignmentCenter; // 字体居中
        [appView addSubview:nameLabel];
            // 添加下载按钮
        UIButton *button =[[UIButton alloc]init];
        CGFloat buttonW = 65;
        CGFloat butttonH = 20;
        CGFloat buttonX = (appW - nameW)*0.5;
        CGFloat buttonY = iconY + iconH + nameH;
        button.frame = CGRectMake(buttonX, buttonY, buttonW, butttonH);
        button.backgroundColor = [UIColor grayColor];
        // 设置普通状态下的图片
        UIImage *normalImage = [UIImage imageNamed:@"buttongreen"];
        [button setBackgroundImage:normalImage forState:UIControlStateNormal];
        // 设置高亮状态下的图片
        UIImage *highImage = [UIImage imageNamed:@"buttongreen_highlighted"];
        [button setBackgroundImage:highImage forState:UIControlStateHighlighted];

        [button setTitle:@"下载" forState:UIControlStateNormal];
        button.titleLabel.font = [UIFont systemFontOfSize:13]; // 按钮改变字体按钮内部有个label
        [appView addSubview:button];
    }
}

4.Button类里有UILabel，UIImageView属性，设置Button的字体的时候，通过label设置

button.titleLabel.font = [UIFont systemFontOfSize:13]; // 按钮改变字体按钮内部有个label

5.开发中应尽可能加大代码的可扩展性增强，不仅仅是实现了现有的功能

通过把fram的各个属性拿出来单独赋值---方便修改每个视图的位置（当几个视图同时有一个父视图的情况更加明显）

根据索引取出数组元素即对应的字典通过字典导出应用图标对应图片的名称通过对用字典的key值（name）导出应用的名称

6.搭建九宫格的步骤

明确每一块用的是什么view

明确每个view之间的父子关系

先尝试逐个添加格子，最后考虑使用for循环

加载app数据，根据数据长度创建对应个数的格子

添加格子内部的子控件

给格子内部的子控件装配数据