AutoLayout自定义布局基础

最新推荐文章于 2024-06-18 23:21:30 发布

lcldelevin

最新推荐文章于 2024-06-18 23:21:30 发布

阅读量335

点赞数

本文链接：https://blog.csdn.net/lcldelevin/article/details/49046003

版权

AutoLayout自定义布局基础代码如下：

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

[self demo4];

}

- (BOOL)prefersStatusBarHidden

{

return YES;

}

//一个视图

- (void)demo1

{

UIView *view = [[UIView alloc]init];

view.backgroundColor = [UIColor cyanColor];

view.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:view];

// VFL 横向竖向相布局

// @"H:|-20-[view(>=200)]-20-|"

// @"V:|-40-[view(>=400)]-20-|"

// 使用VFL 需要把视图的对象与他的名字（字符串）绑定起来

NSDictionary *views = NSDictionaryOfVariableBindings(view);

// 给 self.view view 添加约束

// NSLayoutConstraint 具体添加约束的类

// + (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views

// 1.format：VFL 2.opts：同意按照某个方向去布局 3.metrics 绑定的参数 4.views 绑定视图的参数

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[view(>=200)]-20-|" options:0 metrics:nil views:views]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-40-[view(>=200)]-20-|" options:0 metrics:nil views:views]];

}

- (void)demo2

{

UIView *view = [[UIView alloc]init];

view.backgroundColor = [UIColor redColor];

view.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:view];

UIView *view1 = [[UIView alloc]init];

view1.backgroundColor = [UIColor cyanColor];

view1.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:view1];

NSDictionary *views = NSDictionaryOfVariableBindings(view,view1);

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[view(>=200)]-20-|" options:0 metrics:nil views:views]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[view1(>=200)]-20-|" options:0 metrics:nil views:views]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-10-[view(==100)]-100-[view1(==100)]" options:0 metrics:nil views:views]];

// [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[view]-100-[view1(>=100)]" options:0 metrics:nil views:views]];

}

- (void)demo3

{

NSArray *colorList = @[[UIColor redColor],[UIColor yellowColor]];

for (int i = 0; i < 2; i ++) {

UIView *view = [[UIView alloc]init];

view.backgroundColor = colorList[i];

view.tag = i+10;

view.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:view];

}

UIView *redView = (UIView *)[self.view viewWithTag:10];

UIView *yellowView = (UIView *)[self.view viewWithTag:11];

NSDictionary *views = NSDictionaryOfVariableBindings(redView,yellowView);

// 两个视图横向的约束

NSArray *constraint = @[@"H:|-20-[redView(>=200)]-20-|",@"H:|-20-[yellowView(>=200)]-20-|"];

for (NSString *VFL in constraint) {

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:VFL options:0 metrics:nil views:views]];

}

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-50-[redView(==100)]-100-[yellowView(==100)]" options:0 metrics:nil views:views]];

}

- (void)demo4

{

NSArray *colorList = @[[UIColor redColor],[UIColor yellowColor],[UIColor blueColor]];

for (int i = 0; i < 3; i ++) {

UIView *view = [[UIView alloc]init];

view.backgroundColor = colorList[i];

view.tag = i+10;

view.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:view];

}

UIView *redView = (UIView *)[self.view viewWithTag:10];