应用管理之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数据，根据数据长度创建对应个数的格子

添加格子内部的子控件

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