美文网首页
autolayout代码布局

autolayout代码布局

作者: 一直努力奋斗的女程序员 | 来源:发表于2016-06-23 13:04 被阅读0次

1、 //代码约束 NSLayoutConstraint

UIView *blue = [UIView new];

blue.backgroundColor = [UIColor blueColor];

blue.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:blue];

UIView *red = [UIView new];

red.backgroundColor = [UIColor yellowColor];

red.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addSubview:red];

//高度

NSLayoutConstraint *blueHeight = [NSLayoutConstraint constraintWithItem:blue attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:0.0 constant:40];

[blue addConstraint:blueHeight];

NSLayoutConstraint *redHeight = [NSLayoutConstraint constraintWithItem:red attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:blue attribute:NSLayoutAttributeHeight multiplier:1.0 constant:0];

[self.view addConstraint:redHeight];

//上

NSLayoutConstraint *blueTop = [NSLayoutConstraint constraintWithItem:blue attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:20];

[self.view addConstraint:blueTop];

NSLayoutConstraint *redTop = [NSLayoutConstraint constraintWithItem:red attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:blue attribute:NSLayoutAttributeBottom multiplier:1.0 constant:20];

[self.view addConstraint:redTop];

//左

NSLayoutConstraint *blueLeft = [NSLayoutConstraint constraintWithItem:blue attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:20];

[self.view addConstraint:blueLeft];

NSLayoutConstraint *redLeft = [NSLayoutConstraint constraintWithItem:red attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:0];

[self.view addConstraint:redLeft];

//右

NSLayoutConstraint *blueRight = [NSLayoutConstraint constraintWithItem:blue attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1.0 constant:-20];

[self.view addConstraint:blueRight];

NSLayoutConstraint *redwidth = [NSLayoutConstraint constraintWithItem:red attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1.0 constant:-20];

[self.view addConstraint:redwidth];

2.VFL-

相关文章

  • autolayout代码布局

    1、 //代码约束 NSLayoutConstraint UIView *blue = [UIView new];...

  • Swift OC 购物车Demo

    采用纯代码UI,autolayout自动布局,core animation动画效果。 代码下载

  • iOS 布局(二)通过第三方库纯代码AutoLayout布局

    iOS 布局(一)纯代码AutoLayout布局代码比较繁琐,本文会分别使用SnapKit、PureLayout简...

  • AutoLayout和代码布局

    当同时使用Autolayout和代码进行页面布局时,会有冲突。当一个视图已经设置了约束,最好就不要再通过frame...

  • AutoLayout

    AutoLayout autolayout的概念 Autolayout是一种“自动布局”技术,专门用来布局UI界面...

  • Autolayout布局九宫格

    Autolayout纯代码布局九宫格 单行固定间隔排列: 水平布局设置 垂直布局设置 固定宽度设置: 水平布局 垂...

  • iOS自动布局

    使用自动布局的步骤是: 1、使用代码自动布局(autolayout) frame就会失效,所以 不需要再去设置视...

  • iOS布局

    布局方式 AutoLayout,AutoresizingMask AutoLayout NSLayoutConst...

  • iOS开发之 自动布局

    iOS开发之自动布局AutoLayout 目录: 1 iOS自动布局简介2 iOS自动布局AutoLayout(代...

  • Masonry分析

    iOS 源代码分析----Masonry Masonry是OC自动布局的框架,简化了AutoLayout的写法。 ...

网友评论

      本文标题:autolayout代码布局

      本文链接:https://www.haomeiwen.com/subject/xznndttx.html