IOS开发之——屏幕适配-AutoLayout动画(05)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 通过参数传值设置AutoLayout的边距
  • AutoLayout动画示例

二 通过参数传值设置AutoLayout的边距

2.1 修改前

1
2
NSArray *blueViewConsH= [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[blueView]-20-|" options:0 metrics:nil views:@{@"blueView":blueView}];
[self.view addConstraints:blueViewConsH];

2.2 设置margin参数

1
2
3
4
int margin=20;
//水平方向-设置蓝色View距离左边和右边20间距，设置X和宽度
NSArray *blueViewConsH= [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-margin-[blueView]-margin-|" options:0 metrics:@{@"margin":@(margin)} views:@{@"blueView":blueView}];
[self.view addConstraints:blueViewConsH];

说明：

  • constraintsWithVisualFormat中设置使用margin参数
  • metrics中为margin赋值
  • 显示效果相同

三 AutoLayout动画示例

3.1 布局文件

Autolayout约束说明：

  • 设置宽高都为80
  • 设置距离左边距0，距离上边距50
  • 代码中获取左边距leftCons，上边就topCons

3.2 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *leftCons;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *topCons;

@end

@implementation ViewController

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    //1.修改约束值
    self.leftCons.constant+=100;
    self.topCons.constant+=100;
    
    //2.让View上的约束执行动画
    [UIView animateWithDuration:5 animations:^{
        [self.view layoutIfNeeded];
    }];
}
@end

3.3 效果图