5.ios之代码创建控件和排版

1.搭建九宫格的步骤

•明确每一块用的是什么view
•
•明确每个view之间的父子关系
•
•先尝试逐个逐个添加格子，最后考虑使用for循环
•
•加载app数据，根据数据长度创建对应个数的格子
•
•添加格子内部的子控件
•
•给格子内部的子控件装配数据

2.九宫格算法分析

•每一列的x值一样
•列号决定x值
•每一行的y值一样
•行号决定y值



3.其他

在View里面添加的控件是x，y是以View的左上角开始算

UIButton 里面包含UIlable 和 UIImageView

设置text时要用setTitle ，不能直接改 titleLabel.text 因为不知道text的状态

设置text字体时titleLabel.font

NSArray 懒加载

4.UILabel的常见设置

•@property(nonatomic,copy)
NSString *text;
Ø显示的文字
•
•@property(nonatomic,retain)
UIFont *font;
Ø字体
•
•@property(nonatomic,retain)
UIColor *textColor;
Ø文字颜色
•
•@property(nonatomic)
NSTextAlignment textAlignment;
Ø对齐模式（比如左对齐、居中对齐、右对齐）

5.UIFont

•UIFont代表字体，常见创建方法有以下几个：
Ø+ (UIFont*)systemFontOfSize:(CGFloat)fontSize; 系统默认字体
Ø+ (UIFont*)boldSystemFontOfSize:(CGFloat)fontSize; 粗体
Ø+ (UIFont*)italicSystemFontOfSize:(CGFloat)fontSize; 斜体

6.UIButton的常见设置

•- (void)setTitle:(NSString*)title forState:(UIControlState)state;
Ø设置按钮的文字
•- (void)setTitleColor:(UIColor*)color forState:(UIControlState)state;
Ø设置按钮的文字颜色
•
•- (void)setImage:(UIImage*)image forState:(UIControlState)state;
Ø设置按钮内部的小图片
•
•- (void)setBackgroundImage:(UIImage*)image forState:(UIControlState)state;
Ø设置按钮的背景图片
Ø
•设置按钮的文字字体（需要拿到按钮内部的label来设置）
Øbtn.titleLabel.font = [UIFont
systemFontOfSize:13];

7.UIButton的常见设置

•- (NSString*)titleForState:(UIControlState)state;
Ø获得按钮的文字
•
•- (UIColor*)titleColorForState:(UIControlState)state;
Ø获得按钮的文字颜色
•
•- (UIImage*)imageForState:(UIControlState)state;
Ø获得按钮内部的小图片
•
•- (UIImage*)backgroundImageForState:(UIControlState)state;
Ø获得按钮的背景图片

@property (nonatomic, strong) NSArray *apps;

@implementation MJViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 添加应用信息
    
    // 0.总列数(一行最多3列)
    int totalColumns = 3;
    
    // 1.应用的尺寸
    CGFloat appW = 85;
    CGFloat appH = 90;
    
    // 2.间隙 = (控制器view的宽度 - 3 * 应用宽度) / 4
    CGFloat marginX = (self.view.frame.size.width - totalColumns * appW) / (totalColumns + 1);
    CGFloat marginY = 15;
    
    // 3.根据应用个数创建对应的框框(index 0 ~ 11)
    for (int index = 0; index<self.apps.count; index++) {
        // 3.1.创建1小框框
        UIView *appView = [[UIView alloc] init];
        // 设置背景色
//        appView.backgroundColor = [UIColor redColor];
    
        // 3.2.计算框框的位置
        // 计算行号和列号
        int row = index / totalColumns;
        int col = index % totalColumns;
        // 计算x和y
        CGFloat appX = marginX + col * (appW + marginX);
        CGFloat appY = 30 + row * (appH + marginY);
        // 设置frame
        appView.frame = CGRectMake(appX, appY, appW, appH);
        
        // 3.3.添加框框到控制器的view
        [self.view addSubview:appView];
        
        // 3.4.添加内部的小控件
        // 3.4.0.index位置对应的应用信息
        NSDictionary *appInfo = self.apps[index];
        
        // 3.4.1.添加图片
        UIImageView *iconView = [[UIImageView alloc] init];
        // 设置位置
        CGFloat iconW = 45;
        CGFloat iconH = 45;
        CGFloat iconX = (appW - iconW) * 0.5;
        CGFloat iconY = 0;
        iconView.frame = CGRectMake(iconX, iconY, iconW, iconH);
        // 设置图片
        iconView.image = [UIImage imageNamed:appInfo[@"icon"]];
        [appView addSubview:iconView];
        
        // 3.4.2.添加名字
        UILabel *nameLabel = [[UILabel alloc] init];
        // 设置位置
        CGFloat nameW = appW;
        CGFloat nameH = 20;
        CGFloat nameX = 0;
        CGFloat nameY = iconY + iconH;
        nameLabel.frame = CGRectMake(nameX, nameY, nameW, nameH);
        // 设置文字
        nameLabel.text = appInfo[@"name"];
        // 设置字体
        nameLabel.font = [UIFont systemFontOfSize:13];
        // 设置文字居中对齐
        nameLabel.textAlignment = NSTextAlignmentCenter;
        [appView addSubview:nameLabel];
        
        // 3.4.3.添加下载按钮
        UIButton *downloadBtn = [[UIButton alloc] init];
        // 设置位置
        CGFloat downloadX = 12;
        CGFloat downloadY = nameY + nameH;
        CGFloat downloadW = appW - 2 * downloadX;
        CGFloat downloadH = 20;
        downloadBtn.frame = CGRectMake(downloadX, downloadY, downloadW, downloadH);
        // 设置默认的背景
        UIImage *normalImage = [UIImage imageNamed:@"buttongreen"];
        [downloadBtn setBackgroundImage:normalImage forState:UIControlStateNormal];
        // 设置高亮的背景
        UIImage *highImage = [UIImage imageNamed:@"buttongreen_highlighted"];
        [downloadBtn setBackgroundImage:highImage forState:UIControlStateHighlighted];
        // 设置按钮的文字
        [downloadBtn setTitle:@"下载" forState:UIControlStateNormal];
        // 不推荐直接拿到按钮内部的label设置文字
        //        downloadBtn.titleLabel.text = @"5435345345";
        // 设置按钮文字的字体
        downloadBtn.titleLabel.font = [UIFont systemFontOfSize:13];
        [appView addSubview:downloadBtn];
    }
}

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