OC常用视图、动画方法

绘图

系统将内存中的对象渲染成屏幕上的图片
IOS中实现绘图功能的底层框架结构

1. 最基础的绘图引擎：Core Graphics(QuartZ2D)
2. 基于Core Graphics封装出来的第二个层次：Core Animation
3. 基于Core Animation再封装出来就是UIKit

预备：

新建一个类，继承自UIView，实现drawRect方法，并且实现绘制的代码目前只能写在这个方法中，因为绘制过程是一个非常复杂的过程，系统只允许在特定的区域内拿到绘图上下文对象CGContextRef，该方法会由系统在创建视图实例时自动调用一次

绘制图形——UIBezier Path

step1：创建路径对象，勾勒路径

step2：设置填充或描边的颜色

step3：绘制[path stroke];

直线

UIBezierPath * path = [UIBezierPath bezierPath];
//勾勒路径
[path moveToPoint:CGPointMake(40, 40)];
[path addLineToPoint:CGPointMake(40, 140)];
//封闭图形
[path closePath];

弧线

UIBezierPath * path = [UIBezierPath bezierPath];
//圆弧的中心
CGPoint center = CGPointMake(self.bounds.size.width*0.5, self.bounds.size.height*0.5);
//圆弧的半径
CGFloat radius = MIN(self.bounds.size.width, self.bounds.size.height)*0.5-10;
//勾勒路径
//起点是二分之三π，终点是起点数值基础上累加一个弧度，累加的弧度要由下载数据决定，数据的百分之百时，弧度时2π，所以下载了0.3时，就用0.3*2π就可以了
[path addArcWithCenter:center radius:radius startAngle:M_PI_2*3 endAngle:M_PI_2*3+self.downloadValue*2*M_PI clockwise:YES];

曲线

UIBezierPath * path = [UIBezierPath bezierPath];
[path moveToPoint:CGPointMake(180, 40)];
//添加曲线
[path addCurveToPoint:CGPointMake(40, 180) controlPoint1:CGPointMake(40, 40) controlPoint2:CGPointMake(180, 180)];

矩形

UIBezierPath * path2 = [UIBezierPath bezierPathWithRect:CGRectMake(50, 50, 200, 100)];

圆角矩形

UIBezierPath * path2 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(50, 50, 200, 100) cornerRadius:50];
[[UIColor blueColor]setStroke]; 

椭圆（正圆）

UIBezierPath * path3 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 200, 200, 100)];

总结：

前三种图形（直线、曲线、圆弧），先创建UIBezierPath然后使用addXXX方法实现路径设计

后两种图形（矩形、椭圆），在创建UIBezierPath时直接就设置了路径，使用bezierPathWithXXX方法

绘制字符串——NSString

只能画一行

NSString *str = @"这是一段用于测试多文本能够自动换行的测试文字，大概能够写个两三行看到结束就可以，恩，差不多了，就这样了吧！";    
NSDictionary *attributes = @{
    NSFontAttributeName:[UIFont systemFontOfSize:20],
    NSForegroundColorAttributeName:[UIColor redColor]};
[str drawAtPoint:CGPointMake(30, 30) withAttributes:attributes];

在一个空间内绘制，自动换行

[str drawInRect:CGRectMake(30, 30, 150, 200) withAttributes:attributes];

根据文本内容自动设置空间

//自动计算出不超出指定的宽度和高度的前提下
//能够完整的显示字符串的最合适的高度和宽度
CGRect  textFrame =  [str boundingRectWithSize:CGSizeMake(200, 999) options:NSStringDrawingUsesLineFragmentOrigin attributes:attributes context:nil];

[str drawInRect:CGRectMake(50, 50, textFrame.size.width, textFrame.size.height) withAttributes:attributes]; 

绘制图片——UIImage

UIImage * image = [UIImage imageNamed:@"icon120"];
[image drawAtPoint:CGPointMake(50, 40)];
[image drawInRect:CGRectMake(50, 160, 120, 120)];
使用UIBezierPath的addClip方法，将路径以外的部分设置为绘图无效区，再来绘制图片时就能生成异形图片
[path addClip];

重绘

当数据发生改变时，希望能够根据新的数据重新绘内容时，调用视图的setNeedsDisplay方法，通知系统重绘。

[self setNeedsDisplay];

使用UIGraphiceBeginImageContextWithOptions和UIGraphiceEndImageContext开辟临时画布，在这个区间内可以编写绘图代码，最后将这块画布保存成一张新的图片

//申请一块临时画布
//opaque YES表示不透明 NO表示透明
//scale 画得比例
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(self.imageView.bounds.size.width, self.imageView.bounds.size.height), NO, 1);

UIBezierPath * path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, self.imageView.bounds.size.width, self.imageView.bounds.size.height)];
[path addClip];
UIImage * image = [UIImage imageNamed:@"icon120"];
[image drawInRect:CGRectMake(0, 0, self.imageView.bounds.size.width, self.imageView.bounds.size.height)];
//将画布中的图像另存为一张image对象
UIImage * newHeaderImage = UIGraphicsGetImageFromCurrentImageContext();
self.imageView.image = newHeaderImage;

    UIGraphicsEndImageContext();

变形Transform

视图发生了位移（Translation）或者缩放(Scale)或者旋转(Rotation)这样的外观或位置的改变

实现变形：修改视图的transform属性即可

transform属性属于CGAffineTransform结构体类型（仿射变换）

包含有6个数值的3x3矩阵

可以借助函数帮我们计算出为了改变视图的样式而对应的矩阵值

实现帮我们计算矩阵的函数：

计算新的矩阵数值时，永远是基于视图没有任何变形的那个状态来计算

CGAffineTransformMakeTranslation()
CGAffineTransformMakeScale()
CGAffineTransformMakeRotation()

计算新的矩阵数值时，基于传入的矩阵状态来计算新的矩阵，会叠加变形效果

CGAffineTransformTranslate()
CGAffineTransformScale()
CGAffineTransformRotate()

使用

self.imageView.transform = CGAffineTransformTranslate(self.imageView.transform, 20, 20);

手势

将用户物理性的触屏操作转变成了对象存储起来，所有手势的父类UIGestureRecognizer

系统将一下有特点的触屏操作封装成了不同的手势类型包括：

UITapGestureRecognizer->点击(一次性手势)

UISwipeGestureRecognizer->轻扫（解锁）（一次性手势）

UILongPressGestureRecognizer->长按

UIPanGestureRecognizer->拖拽

UIPinchGestureRecognizer->捏合手势

UIRotationGestureRecognizer->转转

使用手势

step1：创建指定手势的实例，在创建时设定好当该类型手势发生时，系统自动发什么消息（自动调用那个方法来响应）

step2：设置或读取手势对象的核心属性

step3：将手势添加到某个视图中，即代表，当用户在该视图上做了这样的手势时，系统才会捕获并调用方法来执行响应

Tap点击手势

核心属性：numberOfTapsRequired

方法：locationInView获取触点在某个视图坐标系下的坐标值

//1 创建Tap手势
UITapGestureRecognizer * tapGR = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)];
//2 设置手势的属性
//设置需要触发手势的点击数，默认1
tapGR.numberOfTapsRequired = 1;
//设置需要触发手势的触点的个数，默认1
tapGR.numberOfTouchesRequired = 1;
//3 将手势与具体的视图绑定在一起
[self.view addGestureRecognizer:tapGR];

//手势的响应方法
-(void)tap:(UITapGestureRecognizer *)gr{
    //返回触摸点在哪个坐标系中的位置
    CGPoint point = [gr locationInView:self.view];
    NSLog(@"%@",NSStringFromCGPoint(point));
}

Swipe轻扫手势

属性：direction方向

可以将左和右，或者上和下进行组合，使用按位或运算符

注意：Tap和Swipe手势归为一次性手势，即手势发生过程中，响应方法只执行一次

UISwipeGestureRecognizer * swipeGR = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipe:)];
//扫动方向
swipeGR.direction = UISwipeGestureRecognizerDirectionRight|UISwipeGestureRecognizerDirectionLeft;
//绑定手势到视图上
[self.view addGestureRecognizer:swipeGR];

LongPress长按手势

设置：minimumPressDuration长按需要的最少时间

长按手势有不同的状态，按下时，起始状态，移动中，改变状态，抬起时，结算状态。从一个状态到另一个状态发生变化时都会连续地调用响应方法

UILongPressGestureRecognizer * longPressGR = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPress:)];
//设置长按动作的间隔秒数
longPressGR.minimumPressDuration = 2;

[self.view addGestureRecognizer:longPressGR];

-(void)longPress:(UILongPressGestureRecognizer *)gr{
    NSLog(@"%@",NSStringFromCGPoint([gr locationInView:self.view]));
}

Pinch捏合手势

UIPinchGestureRecognizer * pinchGR = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinch:)];
[self.view addGestureRecognizer:pinchGR];

-(void)pinch:(UIPinchGestureRecognizer *)gr{
    //代表动作快慢的速率
    //正数代表外扩，负数代表往内捏合，绝对值越大，代表动作越快，越小代表动作越慢
    CGFloat veloctity = gr.velocity;
    //代表动作外扩或向内捏合的比率倍数
    //外扩：大于1的数，捏合：小于1的数
    CGFloat scale = gr.scale;
    NSLog(@"velocity = %.2f,scale=%.2f",veloctity,scale);
    //每次计算完之后置1，让每次比较以上一次得到的数为基准
    gr.scale = 1;
}

Rotation旋转手势

UIRotationGestureRecognizer * rotationGR = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotation:)];
[self.view addGestureRecognizer:rotationGR];

-(void)rotation:(UIRotationGestureRecognizer *)gr{
    //旋转的弧度
    //顺时针正数，逆时针负数
    CGFloat rotation = gr.rotation;
    
    NSLog(@"%.2f",rotation);
}

Pan拖拽手势

UIPanGestureRecognizer * panGR = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)];
[self.view addGestureRecognizer:panGR];

-(void)pan:(UIPanGestureRecognizer *)gr{
    //手势触点，在self.view坐标系下的点的坐标值
    CGPoint location = [gr locationInView:self.view];
    //手势移动到的新点相对于手势起始点的横向纵向距离
    //手势移动了多远
    CGPoint translation = [gr translationInView:self.view];
    
    NSLog(@"%@ %@",NSStringFromCGPoint(location),NSStringFromCGPoint(translation));
    
}

多手势并存：

step1：设置需要并处的手势的代理为当前控制器

step2：控制器遵守协议UIGestureRecognizerDelegate

step3：实现

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer;方法，返回YES

    //拖拽功能
    UIPanGestureRecognizer * panGR = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)];
    [self.view addGestureRecognizer:panGR];
    //缩放功能
    UIPinchGestureRecognizer *pinchGR = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinch:)];
    [self.view addGestureRecognizer:pinchGR];
    //设置自己为代理
    pinchGR.delegate = self;
    //旋转功能
    UIRotationGestureRecognizer * rotationGR = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotation:)];
    [self.view addGestureRecognizer:rotationGR];
    //设置自己为代理
    rotationGR.delegate = self; 
    //双击还原
    UITapGestureRecognizer * tapGR = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)];
    tapGR.numberOfTapsRequired = 2;
    [self.view addGestureRecognizer:tapGR];

//实现图片跟随手势移动
-(void)pan:(UIPanGestureRecognizer *)gr{
    
    //相对于起始点走了多远
    //当视图发生放大缩小时，相应的视图的坐标系的比例也会放大或缩小
    //要修改的transform属性，数据是使用imageView坐标系中的刻度值
    //所以在读取手势移动了的距离是多少时，也要读取在imageView这个坐标系下的距离
    CGPoint translation = [gr translationInView:self.imageView];
    self.imageView.transform = CGAffineTransformTranslate(self.imageView.transform, translation.x, translation.y);
    //将本次走了的距离归零
    [gr setTranslation:CGPointZero inView:self.imageView];
    
    //-------修改中心点实现位移------
//    CGPoint translation2 = [gr translationInView:self.view];
//    CGPoint center = self.imageView.center;
//    center.x += translation2.x;
//    center.y += translation2.y;
//    self.imageView.center = center;
//    [gr setTranslation:CGPointZero inView:self.view];
}

跟随手势捏合实现放大缩小
-(void)pinch:(UIPinchGestureRecognizer *)gr{
    self.imageView.transform = CGAffineTransformScale(self.imageView.transform, gr.scale, gr.scale);
    //去掉本次比率，归1
    gr.scale = 1;
}

//缩放
-(void)rotation:(UIRotationGestureRecognizer *)gr{
    self.imageView.transform = CGAffineTransformRotate(self.imageView.transform, gr.rotation);
    gr.rotation = 0;
}

//实现多点触控并发方法
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
    return YES;
}

//双击还原
-(void)tap:(UITapGestureRecognizer *)gr{
    //Identity系统提供的一个常量，该常量中记录的就是没有发生任何变形时的那个矩阵
    self.imageView.transform = CGAffineTransformIdentity;
}

深入坐标系

UIView——》frame bounds center transform

frame

a>什么是frame?

类型：CGRect结构体类型

作用：记录了试图左顶点在俯视图坐标系中的位置，以及视图在父视图内占的宽高

b>什么时候使用frame?

当需要将一个视图添加到另一个视图中做子视图时，一定要设置frame，保证在父视图中的位置即占据的区域大小

c>当修改frame时，其他三个属性是否会改变？

bounds：YES

center：YES

transform：NO

2>bounds

a>什么是bounds?

类型：CGRect结构体类型

作用：bounds中的x和y用于记录该视图自己坐标系的基准值，默认都是0,0后两个值记录的就是该视图自己的大小尺寸

b>什么时候使用bounds?

如果想要修改子视图的位置，可以调整bounds中的x或y(无法直接修改，要先建立CGRect的数值接收，修改后重新赋值)，需要读取视图的大小时，那么就使用bounds中的width和height。在没有变形时，视图有多大，在父视图中就会占据多大空间，所以bounds中的w和h与frame中的w和h相等。

c>当修改bounds时，其他三个属性是否会改变？

frame：YES

center：NO

transform：NO

3>center

a>什么是center?

类型：CGPoint类型

作用：记录视图中心点在父视图坐标系下的位置

b>什么时候使用center?

如果想实现子视图位置的变化，则可以修改center

添加子视图时，如果不使用frame，那么可以使用bounds+center的组合设置来完成

c>当修改center时，其他三个属性是否会改变？

frame：YES

bounds：NO

transform：NO

4>transform

a>什么是transform?

类型：CGAffineTransform类型

作用：实现视图在展现出外观时，发生的位置的偏移、放大或缩小的效果、以及旋转效果

b>什么时候使用transform?

在展现外观时，有以上变化效果时，修改transform。

c>当修改transform时，其他三个属性是否会改变？

frame：YES

bounds：NO

center：NO

结论：

屏幕可以分为两个空间，一个是看的见的用户空间，一个是看不见的设备空间，transform属性记录的就是如何将设备空间中的视图映射到用户空间上，也就是说transform记录的是映射规则

frame是用户空间中的数据，也就是记录看见的结果的数据，bounds+center时设备空间中的数据，也就是合起来记录看不见的那个空间中视图的大小和位置，在不改变映射规则（transform）时，表里如一，但是，一旦改变了映射规则，那么就会表里不一，里面存储的视图展现出来时会根据transform发生改变

添加子视图，找frame
读取视图大小，找bounds
改位置，找center
实在是想旋转，找transform

故事板中添加手势

1. 从资源库中选择合适的手势图标，拖拽到界面上
2. 为了减少绑定过程，将手势直接拖拽到绑定的目标视图上
3. 可以在场景顶端的横条中找到拖拽过的手势，然后选中，在第四个检查器中做常规设置
4. 拆分视图下，选中手势对象，连线到代码中，添加对该手势动作的响应

图片视图默认不能与用户交互，所以添加手势到图片视图上以后，要开启用户交互功能，设置userInterActionEnabled为YES

UITouch触控

将用户的物理触屏动作转变成了数据存到了UITouch对象中

1>普通的视图

touchesBegan
touchesMoved
touchesEnded
touchesCancel

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [touches anyObject];
    //按下触点，就将此点记录到属性中
    self.beginPoint = [touch locationInView:self];
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [touches anyObject];
    CGPoint point = [touch locationInView:self];
    //创建路径
    self.path = [UIBezierPath bezierPathWithRect:CGRectMake(self.beginPoint.x, self.beginPoint.y, point.x-self.beginPoint.x, point.y-self.beginPoint.y)];
    self.path.lineWidth = 3;
    
    [self setNeedsDisplay];
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
    //触点抬起时，将临时的路径确定保存到数组中
    [self.allPath addObject:self.path];
}

- (void)drawRect:(CGRect)rect
{
    [[UIColor redColor] setStroke];
    //当前正在描绘，但还不确定结果的那个矩形
    [self.path stroke];
    //将所有存到数组中的已经确定了的矩形都重新一遍
    for (UIBezierPath *path in self.allPath)
    {
        [path stroke];
    }   
}

2>控制器自带的视图

实现控制器的
touchesBegan
touchesMoved
touchesEnded

3>UITouch的用处

a>跟踪触点的轨迹，做类似于画板这样的应用
b>视图跟踪触点的移动，比pan手势的跟踪位置更准确

布局（Layout）

子视图在父视图中的摆放位置，通过设置frame实现布局，但是由于父视图可能因为屏幕的种类、横竖屏翻转、键盘弹起、各种bar的显示隐藏等因素发生改变，而此时如果不修改子视图的frame，依然保持在原有尺寸下摆放，那么界面就会出现混乱。所以当父视图大小发生变化时，希望调整子视图的frame，适应新的尺寸，保证布局出来的界面依然美观，于是使用布局技术实现该需求。

核心理念：改frame

哪些因素会影响父视图大小发生变化？

1>屏幕尺寸（3.5、4、4.7、5.5）
2>横竖屏旋转
3>各种Bar
4>键盘弹起
5>特殊的bar 来电话的绿色条、开启热点的蓝色条、录音时的红色条

纯代码布局

理念：只要检测到父视图的frame发生了变化，则将父视图中的所有子视图重新计算frame

关键点：如何检测到父视图frame发生了变化

a>对控制器自带的那个view的直接子视图的布局

代码写在控制的viewDidLayoutSubViews方法中

-(void)viewDidLayoutSubviews{
    [super viewDidLayoutSubviews];
    //布局按钮
    CGRect frame = self.button.frame;
    frame.origin.x = self.view.bounds.size.width - 20 - frame.size.width;
    //获取顶部被bar占据的高度
    frame.origin.y = self.topLayoutGuide.length + 20;
    self.button.frame = frame;
    
    frame = self.label.frame;
    frame.origin.x = self.view.bounds.size.width - frame.size.width - 20;
    //获取底部被bar占据的高度
    frame.origin.y = self.view.bounds.size.height - 20 - frame.size.height - self.bottomLayoutGuide.length;
    self.label.frame = frame;
}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    [self.navigationController setNavigationBarHidden:!self.navigationController.navigationBarHidden animated:YES];
    [self.navigationController setToolbarHidden:!self.navigationController.toolbarHidden animated:YES];
}

b>对某个view的内部的子视图的布局

代码写在视图的layoutSubViews方法中(第一句一定要调用super中对应方法)

如：UITableViewCell对它内部子视图的布局、自定义tabBar对内部的子视图的布局

如何获取视图的顶部和底部被系统的bar占据的高度

AutoResizing布局

理念：视图的位置由视图与父视图之间的间距决定，此间距可以设置为木棍或弹簧；视图的大小遵循等比变换原则——如父视图原有宽度是100，变化后是200，则父视图的宽是原来的二倍，于是父视图中的所有子视图的宽度也会变为原来的宽度的二倍

如何使用：

预备：一定要关闭Auto Layout，然后在视图的第五个检查器中会有6条红线，

step1：如果确定子视图与父视图的边缘距离固定，则点亮该方向的红线，

step2：如果确定子视图的宽高也需要变化，则点亮中间带有箭头的红线。

Auto Layout

核心理念：通过为视图添加多个约束来说明视图的位置，当父视图发生变化时，系统就会在部位被任何一个约束的情况下，为我们自动计算出新的frame，从而达到自动布局的效果

约束：添加的对视图位置或大小的限定条件

如：
文字描述：按钮距离顶部20，距离左边缘20，宽100，高40
约束1：竖直方向上的约束
约束2：水平方向上的约束
约束3：大小中宽的约束
约束4：大小中高的约束

使用约束的原则：

1>约束要准确

2>约束不能冲突

如何为视图添加约束：

方式一：不用写代码，在故事板中通过配置菜单

方式二：使用代码创建约束

约束类型：NSLayoutConstraint

1>万能公式法：

任何一个约束都可以使用下面的公式进行描述：
view1.attr1 = view2.attr2 * multiplier + constant
按钮的左边缘距离父视图的左边缘为20个点
button.left = view.left * 1 + 20;
按钮的宽度是另一个按钮的宽度的两倍
button.width = button2.width * 2 + 0;
按钮的右边缘距离父视图的右边缘为20
button.right = view.right * 1 - 20;
按钮的宽度为80
button.width = nil.not * 0 + 80;

注意：

a>使用代码创建的视图实例，添加到父视图中时，系统会偷偷地为该视图添加两个约束，将视图的左和上的红线变成约束，一般都需要关闭该功能

b>约束创建好之后，要将该约束添加到视图所在的父视图身上

    //1 关闭button1和button2的自动翻译红线为约束功能
    button1.translatesAutoresizingMaskIntoConstraints = NO;
    button2.translatesAutoresizingMaskIntoConstraints = NO;
    
    //2 创建约束
    //button1距离左边缘20个点 button1.left = view.left * 1 + 20
    NSLayoutConstraint * c1 = [NSLayoutConstraint constraintWithItem:button1 attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1 constant:20];
    [self.view addConstraint:c1];
    //button1.top = view.top * 1 + 20
    NSLayoutConstraint * c2 = [NSLayoutConstraint constraintWithItem:button1 attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1 constant:60];
    [self.view addConstraint:c2];
    //button1.right = button2.left * 1 - 10
    NSLayoutConstraint * c3 = [NSLayoutConstraint constraintWithItem:button1 attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:button2 attribute:NSLayoutAttributeLeft multiplier:1 constant:-10];
    [self.view addConstraint:c3];
    //button1.width = button2.width * 1 + 0
    NSLayoutConstraint * c4 = [NSLayoutConstraint constraintWithItem:button1 attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:button2 attribute:NSLayoutAttributeWidth multiplier:1 constant:0];
    [self.view addConstraint:c4];
    //button2.right = view.right * 1 - 20
    NSLayoutConstraint * c5 = [NSLayoutConstraint constraintWithItem:button2 attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1 constant:-20];
    [self.view addConstraint:c5];
    //button2.top = button1.top * 1 + 0
    NSLayoutConstraint * c6 = [NSLayoutConstraint constraintWithItem:button2 attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:button1 attribute:NSLayoutAttributeTop multiplier:1 constant:0];
    [self.view addConstraint:c6];
    //button1.height = nil.notanattri * 0 + 40
    NSLayoutConstraint * c7 = [NSLayoutConstraint constraintWithItem:button1 attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:0 constant:40];
    [self.view addConstraint:c7];
    //button2.height = button1.height * 1 + 0
    NSLayoutConstraint * c8 = [NSLayoutConstraint constraintWithItem:button2 attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:button1 attribute:NSLayoutAttributeHeight multiplier:1 constant:0];
    [self.view addConstraint:c8];

2>VFL法：Visual Format Language

使用一个特殊的字符串来表达一组视图之间的约束关系，系统会自动将字符串中表达的约束一次性创建成功，存到一个数组中

特殊的字符串中可用的特殊符号？

[ ]视图
-默认8个点间距
-x-间距为x 
( )视图的宽度
|父视图边缘
V:竖直方向

    button1.translatesAutoresizingMaskIntoConstraints = NO;
    button2.translatesAutoresizingMaskIntoConstraints = NO;
    button3.translatesAutoresizingMaskIntoConstraints = NO;
    //创建一个尺寸对照表
    NSDictionary * metrics = @{@"left":@20,
                               @"right":@20,
                               @"spacing":@20};
    //创建视图的对照表
    //此函数会自动将传入的对象名字符串做key，将此对象做key的value，生成如下形式的字典{@"b1":b1,@"b2":b2,@"b3":b3}
    NSDictionary * dictionary = NSDictionaryOfVariableBindings(button1,button2,button3);
    
    //1 创建水平方向的约束描述
    NSString * hVFL = @"|-left-[button1]-spacing-[button2(==button1)]-spacing-[button3(==button1)]-right-|";
    //2 将VFL变成一组约束
    NSArray * cs1 = [NSLayoutConstraint constraintsWithVisualFormat:hVFL options:NSLayoutFormatAlignAllTop|NSLayoutFormatAlignAllBottom metrics:metrics views:dictionary];
    //3 添加约束到父视图
    [self.view addConstraints:cs1];
    //创建竖直方向的VFL
    NSString * vVFL = @"V:|-spacing-[button1(40)]";
    NSArray * cs2 = [NSLayoutConstraint constraintsWithVisualFormat:vVFL options:0 metrics:metrics views:dictionary];
    [self.view addConstraints:cs2];

动画（Animation）

动画

一般指"帧动画"，一帧就是一张静态图片，一般1秒24帧以上，人眼就无法分辨图片的切换间隙了

帧率：FPS（Frame Per Second）每秒多少帧

ios中的动画

a>UIImage

[UIImage animatedImageNamed:@"ship-anim" duration:播放完一遍所有图片的时间]

b>UIImageView

1>拖拽到Assests.xcassets中的图片资源只能使用UIImage imageNamed方式来加载，不能使用绝对路径的方式来加载，因为资源库中的图片部署到沙盒中的xxx.app包中时都被转化到Assets.car文件中，此文件中没有路径一说。

2>没有拖拽到Assests.xcassets资源库中的图片，部署时会被添加到xxx.app包种的根路径下，此时加载这些有路径的图片时，可以使用imageNamed方法，也可以使用[[NSBundle mainBundle]pathForResource:fileName ofType:nil]方法。NSBundle mainBundle代表的就是xxx.app的根路径

c>UIView

类方法：animatedxxx方法

可以做的动画效果：连续的改变center，实现位移动画，改变alpha，实现淡入淡出，改变transform，实现连续的旋转

基本步骤：

step1：在动画方法外，设置视图的开始状态
step2：调用UIView的类方法animatedxxx，填写完动画种类、时常相关参数后，在block块内，设置好视图的动画结束后的状态即可

d>通过修改约束实现动画

step1：先设置约束新的状态值
step2：调用UIView的animateWithDurationXX时，在block块内调用修改约束的视图的父视图的layoutIfNeeded方法完成动画过程的设置

Core Animation

UIView核心显示功能就是依靠CALayer实现的

UIView和CALayer的关系：1）UIView的显示能力是依靠底层的CALayer实现的，每一个UIView都包含了一个CALayer对象，修改了CALayer，会影响表现出来的UIView外观。2）CALayer是不能够响应事件的，但UIView由于继承自UIResponder，所以UIView还可以响应用户的触摸事件。

Core Animation中的动画只能添加到CALayer类型的对象身上，与UIView动画最大的区别就是CA动画是假的，视图看着好像位置发生了变化，但其实实际位置没变，在UIView动画中，由于明确的设定了动画结束时的状态，所以视图的数据会随着动画的结束而真的被改变

动画类的父类是CAAnimation，一般使用它的子类CABasicAnimation和CAKeyFrameAnimation

获取UIView底层的那个CALayer对象

通过视图的.layer属性就能拿到该视图底层的层对象

使用CALayer可以做什么

1>可以修改系统已有的UIView的layer改变视图的外观

常用属性：

masksToBounds->是否可裁剪(修改圆形图片一定要选)

backgroundColor->背景色

shadowXXXX->阴影

borderColor->边框的颜色

borderWidth->边框的宽度

corneRadius->圆角边框

transform(CATransform3D)->变形

与尺寸位置有关的三个重要属性：

bounds->大小

position->位置

anchorPoint->锚点

2>创建新的CALayer来完成视图的设计

CALayer->绘制图片

CATextLayer->绘制字符串

CAShapeLayer->绘制图形

3>CALayer的动画

CADisplayLink

理念：类似于定时器NSTimer，自身已经设定好，一秒钟会调用指定的方法60次，只需要算出每一帧改变的数值是多少

CABasicAnimation

基础动画：只需要设置动画的起始值和终点值即可，一定要设置keyPath属性，以此说明动画需要修改的属性名是哪个

CAKeyFrameAnimation

关键帧动画：可以定制动画过程中的细节，所以可以通过values属性记录中间每一个重要的变化点的数据，可以认为基础动画就是一个只有两个关键帧的动画，另外，关键帧最重要的效果就是可以自定义动画路径，通过path属性记录

NSNotification通知

什么是通知

一个对象发生了改变，希望让其他更多的对象知道他的改变，从而实现其他对象随之发生改变的一种信息传递手段
如何实现通知

使用系统发出的通知

//获取通知中心
NSNotificationCenter * center = [NSNotificationCenter defaultCenter];
//给通知中心发通知
//name：通知的名称
//object：谁发出的通知
//userInfo：通知的内容
[center postNotificationName:@"Update" object:self userInfo:@{@"title":@"TBBT",
                                                            @"episode":@"第12集"}];

//注册对"Update"通知的监听
//observer：谁想接收通知
//selector：用哪个方法响应
//name：监听的通知叫什么名
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(resiveNewNotifiaciton:) name:@"Update" object:nil];

//该方法会在接收到通知时自动调用
//参数就是系统封装好的通知对象，通过此参数可以拿到
//发出通知中的userInfo信息
-(void)resiveNewNotifiaciton:(NSNotification *)notification{
    NSDictionary * dict = notification.userInfo;
    NSLog(@"%@更新到了%@",dict[@"title"],dict[@"episode"]);
}

聊天气泡界面及功能

键盘弹起时，

使用约束设计Cell

创建高度不定的动态单元格

点击右下角不关键盘——设置不要给文本框连线而是给文本框设置delegate，在当前控制器中遵守UITextFIeldDelegate，实现shouldClickReturn……方法中不要调用resignFirstResponder

使用下滑手势关闭键盘——给tableView添加一个Swipe手势，设置该手势的delegate为当前控制器，遵守UIGestureRecoganizerDelegate协议，实现一个返回值是BOOL，xxxSimulatn的方法，返回YES

- (void)viewDidLoad {
    [super viewDidLoad];
    //为了让tableView自适应高度，需要设置如下两个属性
    self.tableView.estimatedRowHeight = 70;
    self.tableView.rowHeight = UITableViewAutomaticDimension;
    //设置tableView的内边距，向下错64个点
    self.tableView.contentInset = UIEdgeInsetsMake(64, 0, 0, 0);
}

//在view即将显示时添加对系统发出的键盘通知的监听
-(void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    //为当前控制器注册键盘弹起和关闭通知
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(openKeyboard:) name:UIKeyboardWillShowNotification object:nil];
    
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(closeKeyboard:) name:UIKeyboardWillHideNotification object:nil];
}
//在view即将消失时取消键盘通知的监听
-(void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    [[NSNotificationCenter defaultCenter]removeObserver:self name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter]removeObserver:self name:UIKeyboardWillHideNotification object:nil];
}

//收到弹起键盘的通知后执行
-(void)openKeyboard:(NSNotification *)notification{
    //读取弹起的键盘的高度
    CGFloat keyboardHeight = [notification.userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue].size.height;
    //读取动画的时长
    CGFloat duration = [notification.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue]; 
    //读取动画的种类
    NSInteger option = [notification.userInfo[UIKeyboardAnimationCurveUserInfoKey] intValue]; 
    //修改底部输入视图的bottom约束
    self.bottomLayoutConstraint.constant = keyboardHeight;    
    [UIView animateWithDuration:duration delay:0 options:option animations:^{
        [self.view layoutIfNeeded];
        //键盘弹起后，表视图移动到最底部
        [self scrollToTableViewLastRow];
    } completion:nil];
}

//收到收起键盘的通知后执行
-(void)closeKeyboard:(NSNotification *)notification{
    //读取动画的时长
    CGFloat duration = [notification.userInfo[UIKeyboardAnimationDurationUserInfoKey] floatValue];    
    //读取动画的种类
    NSInteger option = [notification.userInfo[UIKeyboardAnimationCurveUserInfoKey] intValue];  
    //修改底部输入视图的bottom约束
    self.bottomLayoutConstraint.constant = 0;    
    [UIView animateWithDuration:duration delay:0 options:option animations:^{
        [self.view layoutIfNeeded];
    } completion:nil];
}

//控制表视图滚动到最底部
-(void)scrollToTableViewLastRow{
    NSIndexPath * lastIndexPath = [NSIndexPath indexPathForRow:self.allMessage.count-1 inSection:0];
    [self.tableView scrollToRowAtIndexPath:lastIndexPath atScrollPosition:UITableViewScrollPositionBottom animated:YES];
}
//界面显示后，表格已经生成了，在滚动到底部
-(void)viewDidAppear:(BOOL)animated{
    [super viewDidAppear:animated];
    [self scrollToTableViewLastRow];
}