IOS autoLayout 简单的使用动画效果

#import "AutoLayoutViewController.h"

@interface AutoLayoutViewController (){

    UIButton *_btn;

    UIImageView *_img;

    UILabel *_label;

    NSArray *imag;

}

@end

@implementation AutoLayoutViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

    if (self) {

        // Custom initialization

    }

    return self;

}

- (void)viewDidLoad

{

    [super viewDidLoad];

    // Do any additional setup after loading the view.

    

    self.view.backgroundColor = [UIColor redColor];

    [self initaa];

    

    [self initbb];

}

- (void)didReceiveMemoryWarning

{

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}

-(void)initaa{

    

    _btn = [UIButton buttonWithType:UIButtonTypeCustom];

    [_btn setTranslatesAutoresizingMaskIntoConstraints:NO];

    [_btn setTitle:@"dianji " forState:UIControlStateNormal];

    [_btn setBackgroundColor:[UIColor darkGrayColor]];

    [_btn addTarget:self action:@selector(click) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:_btn];

    

    

    _label = [[UILabel alloc] init];

    [_label setTranslatesAutoresizingMaskIntoConstraints:NO];

    //[_label setBackgroundColor:[UIColor whiteColor]];

    _label.lineBreakMode = NSLineBreakByWordWrapping;

    _label.numberOfLines = 0;

    _label.preferredMaxLayoutWidth = self.view.frame.size.width - 50;

    [_label setText:@"喝水啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊"];

    [self.view addSubview:_label];

    

    _img = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"5_hzeximg67.png"]];

    [_img setTranslatesAutoresizingMaskIntoConstraints:NO];

    [self.view addSubview:_img];

    

    

}

-(void)initbb{

    NSDictionary *dic1 = NSDictionaryOfVariableBindings(_img,_label,_btn);

    

    NSDictionary *metrices = @{@"hPadding":@10, @"vPadding":@5, @"imageEdg":@150.0};

    

    //设置图片横向居中

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[_img]-|" options:0 metrics:metrices views:dic1]];

    //设置图片距离顶部25间距和高度

    imag = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-25-[_img(<=150)]" options:0 metrics:metrices views:dic1];

    [self.view addConstraints:imag];

    

    //设置label的垂直位置距离imageView 10 px

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[_img]-10-[_label]" options:0 metrics:metrices views:dic1]];

    //设置label的水平位置距离

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[_label(_img)]-|" options:0 metrics:metrices views:dic1]];

    

    //设置按钮的位置 离屏幕底部5 px

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[_label]-(>=20)-[_btn(20)]-5-|" options:0 metrics:metrices views:dic1]];

    

    //设置按钮的水平位置

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[_btn]" options:0 metrics:metrices views:dic1]];

    

    

}

-(void)click{

    [UIView animateWithDuration:2.5 animations:^{

        

        [self.view removeConstraints:imag];

        

        

          [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-50-[_img]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_img)]];

        

        

        [self.view layoutIfNeeded];//这句话是执行动画必须加的否则不会执行动画效果 只会一瞬间执行

    }];

    

    

    

  

}

@end