2.1 UITableView-AutoLayout、表格(DataSource&Delegate)

1.使用代码实现Autolayout的方法1

• 创建约束

+(id)constraintWithItem:(id)view1
attribute:(NSLayoutAttribute)attr1
relatedBy:(NSLayoutRelation)relation
toItem:(id)view2
attribute:(NSLayoutAttribute)attr2
multiplier:(CGFloat)multiplier
constant:(CGFloat)c;
* view1 ：要约束的控件
* attr1 ：约束的类型（做怎样的约束）
* relation ：与参照控件之间的关系
* view2 ：参照的控件
* attr2 ：约束的类型（做怎样的约束）
* multiplier ：乘数
* c ：常量

• 添加约束

- (void)addConstraint:(NSLayoutConstraint *)constraint;
- (void)addConstraints:(NSArray *)constraints;

• 注意
  • 一定要在拥有父控件之后再添加约束
  • 关闭Autoresizing功能

  view.translatesAutoresizingMaskIntoConstraints = NO;
  

2.使用代码实现Autolayout的方法2 - VFL

• 使用VFL创建约束数组

+ (NSArray *)constraintsWithVisualFormat:(NSString *)format
options:(NSLayoutFormatOptions)opts
metrics:(NSDictionary *)metrics
views:(NSDictionary *)views;
* format ：VFL语句
* opts ：约束类型
* metrics ：VFL语句中用到的具体数值
* views ：VFL语句中用到的控件

• 使用下面的宏来自动生成views和metrics参数

NSDictionaryOfVariableBindings(...)

3.使用代码实现Autolayout的方法3 - Masonry

• 使用步骤
  • 添加Masonry文件夹的所有源代码到项目中
  • 添加2个宏、导入主头文件

  // 只要添加了这个宏，就不用带mas_前缀
  #define MAS_SHORTHAND
  

// 只要添加了这个宏，equalTo就等价于mas_equalTo

define MAS_SHORTHAND_GLOBALS

// 这个头文件一定要放在上面两个宏的后面

import "Masonry.h"

```

• 添加约束的方法

// 这个方法只会添加新的约束
 [view makeConstraints:^(MASConstraintMaker *make) {

 }];

// 这个方法会将以前的所有约束删掉，添加新的约束
 [view remakeConstraints:^(MASConstraintMaker *make) {

 }];

 // 这个方法将会覆盖以前的某些特定的约束
 [view updateConstraints:^(MASConstraintMaker *make) {

 }];

• 约束的类型

1.尺寸：width\height\size
2.边界：left\leading\right\trailing\top\bottom
3.中心点：center\centerX\centerY
4.边界：edges

tableView如何显示数据

1.UITableViewDataSource

- 设置dataSource数据源
- 数据源要遵守UITableViewDataSource协议
- 数据源要实现协议中的某些方法

/**
 *  告诉tableView一共有多少组数据
 */
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

/**
 *  告诉tableView第section组有多少行
 */
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

/**
 *  告诉tableView第indexPath行显示怎样的cell
 */
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

/**
 *  告诉tableView第section组的头部标题
 */
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

/**
 *  告诉tableView第section组的尾部标题
 */
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section

2.UITableViewDelegate

    #pragma mark - 
    /**
    *  选中某一行的时候调用（点击某一行）
    *
    *  @param indexPath 被选中的那一行
    */
    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
    {
        NSLog(@"selectRowAtIndexPath - %zd",indexPath.row);
    }

    /**
    *  取消选中某一行的时候调用
    *
    *  @param indexPath 被取消选中的那一行
    */
    - (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath{
        NSLog(@"取消选中某一行 - %zd", indexPath.row);

    }

    /**
    *
    * 告诉tableView第indexPath行cell的高度
    */
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
        return 100;
    }

    /**
    *  标题行的高度
    *
    */
    - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
        return 44;
    }

    /**
    *  告诉tableView第section显示怎么样的头部空间
    *
    */
    - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
    {
        return  [UIButton buttonWithType:UIButtonTypeContactAdd];
    }

    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
        NSLog(@"滚动");
    }
    /**
    *  返回每一行的高度
    */
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        return [self.heights[@(indexPath.row)] doubleValue];
    }

    /**
    * 返回每一行的估计高度
    * 只要返回了估计高度，那么就会先调用tableView:cellForRowAtIndexPath:方法创建cell，再调用tableView:heightForRowAtIndexPath:方法获取cell的真实高度
    */
    - (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        return 200;
    }