指尖的跳动
指尖的跳动

iOS_autoLayout_Masonry

iOS_autoLayout_Masonry

概述

Masonry是一个轻量级的布局框架与更好的包装AutoLayout语法。

Masonry有它自己的布局方式，描述NSLayoutConstraints使布局代码更简洁易读。

Masonry支持iOS和Mac OS X。

Masonry github 地址:https://github.com/SnapKit/Masonry

目

录

对比    NSLayoutConstraints vs Masonry

示例    13个Masonry示例(用代码来说话)

对比

使用NSLayoutConstraints创建约束

@interface contrastViewController()

@property (nonatomic,strong) UIView *myView;

@end

@implementation contrastViewController

-(void)loadView

{

[super loadView];

_myView = [[UIView alloc]init];

[self.view addSubview:_myView];

}

-(void)viewDidLoad

{

[super viewDidLoad];

_myView.backgroundColor = [UIColor orangeColor];

_myView.translatesAutoresizingMaskIntoConstraints = NO;

[self.view addConstraints:@[

[NSLayoutConstraint constraintWithItem:_myView

attribute:NSLayoutAttributeTop

relatedBy:NSLayoutRelationEqual

toItem:self.view

attribute:NSLayoutAttributeTop

multiplier:1.0

constant:10],

[NSLayoutConstraint constraintWithItem:_myView

attribute:NSLayoutAttributeLeft

relatedBy:NSLayoutRelationEqual

toItem:self.view

attribute:NSLayoutAttributeLeft

multiplier:1.0

constant:10],

[NSLayoutConstraint constraintWithItem:_myView

attribute:NSLayoutAttributeBottom

relatedBy:NSLayoutRelationEqual

toItem:self.view

attribute:NSLayoutAttributeBottom

multiplier:1.0

constant:-10],

[NSLayoutConstraint constraintWithItem:_myView

attribute:NSLayoutAttributeRight

relatedBy:NSLayoutRelationEqual

toItem:self.view

attribute:NSLayoutAttributeRight

multiplier:1

constant:-10],

]];

}

@end

即使这样一个简单的示例，所需的代码量也要非常冗长；

另一个选择是使用视图形式语言(VFL)，这个少一点啰嗦；然而ASCLL类型语法有其自身的缺陷，也有些约束难以实现;

使用Masonry创建相同的约束

@interface contrastViewController()

@property (nonatomic,strong) UIView *myView;

@end

@implementation contrastViewController

-(void)loadView

{

[super loadView];

_myView = [[UIView alloc]init];

[self.view addSubview:_myView];

}

-(void)viewDidLoad

{

[super viewDidLoad];

_myView.backgroundColor = [UIColor orangeColor];

[_myView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(self.view).offset(10);    //  相对于self.view 顶部 10

make.left.equalTo(self.view).offset(10);    //  相对于self.view 左边 10

make.bottom.equalTo(self.view).offset(-10); //  相对于self.view 底部 -10

make.right.equalTo(self.view).offset(-10);  //  相对于self.view 右边 -10

}];

}

@end

还可以更简洁

@interface contrastViewController()

@property (nonatomic,strong) UIView *myView;

@end

@implementation contrastViewController

-(void)loadView

{

[super loadView];

_myView = [[UIView alloc]init];

[self.view addSubview:_myView];

}

-(void)viewDidLoad

{

[super viewDidLoad];

_myView.backgroundColor = [UIColor orangeColor];

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[_myView mas_makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(self.view).insets(padding);

}];

}

@end

还要注意在第一个例子中我们必须添加约束到self.view，_myView.translatesAutoresizingMaskIntoConstraints = NO；

然而Masonry将自动添加约束到适当的视图_myView.translatesAutoresizingMaskIntoConstraints = NO;

示例

示例 00

@interface _00_BasicViewController ()

@property (nonatomic) UIView *greenView;

@end

@implementation _00_BasicViewController

-(void)loadView

{

[super loadView];

_greenView = [[UIView alloc]init];

[self.view addSubview:_greenView];

}

- (void)viewDidLoad {

[super viewDidLoad];

_greenView.backgroundColor = [UIColor greenColor];

[_greenView mas_makeConstraints:^(MASConstraintMaker *make) {

make.size.mas_equalTo(CGSizeMake(200, 200));    // 设置大小

make.center.equalTo(self.view);                // 居中显示

}];

}

@end

示例01

@interface _01_BasicViewController ()

@property (nonatomic,strong) UIView *greenView;

@property (nonatomic,strong) UIView *redView;

@property (nonatomic,strong) UIView *blueView;

@end

@implementation _01_BasicViewController

-(void)loadView

{

[super loadView];

_greenView = [[UIView  alloc]init];

_redView  = [[UIView alloc]init];

_blueView  = [[UIView alloc]init];

[self.view addSubview:_greenView];

[self.view addSubview:_redView];

[self.view addSubview:_blueView];

}

- (void)viewDidLoad {

[super viewDidLoad];

[_greenView setBackgroundColor:[UIColor greenColor]];

[_redView  setBackgroundColor:[UIColor redColor]];

[_blueView  setBackgroundColor:[UIColor blueColor]];

[self.greenView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(self.view).offset(10);                  // 顶 等于 View 顶 +10

make.left.equalTo(self.view).offset(10);                // 左 等于 View 左 +10

make.bottom.equalTo(_blueView.mas_top).offset(-10);      // 底 等于 蓝色  顶 -10

make.right.equalTo(_redView.mas_left).offset(-10);      // 右 等于 红色  右 -10

make.width.equalTo(_redView);                            // 宽 等于 红色  宽

make.height.equalTo(_redView);                          // 高 等于 红色  高

make.height.equalTo(_blueView);                          // 高 等于 蓝色  高

}];

[self.redView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(_greenView);                            // 顶 等于 绿色  顶

make.left.equalTo(_greenView.mas_right).offset(10);      // 左 等于 绿色  右 +10

make.bottom.equalTo(_greenView);                        // 底 等于 绿色  底

make.right.equalTo(self.view).offset(-10);              // 右 等于 View  右 -10

make.width.equalTo(_greenView);                          // 宽 等于 绿色  宽

make.height.equalTo(_greenView);                        // 高 等于 绿色  高

}];

[self.blueView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(_greenView.mas_bottom).offset(10);      // 顶 等于 绿色  底 +10

make.left.equalTo(self.view).offset(10);                // 左 等于 View  左 +10

make.bottom.equalTo(self.view).offset(-10);              // 底 等于 View  底 -10

make.right.equalTo(self.view).offset(-10);              // 右 等于 View  右 -10

make.height.equalTo(_greenView);                        // 高 等于 绿色  高

}];

}

@end

示例02

@interface _02_Update_ConstraintsViewController ()

@property (nonatomic,strong) UIButton *button;

@property (nonatomic,assign) CGSize buttonSize;

@end

@implementation _02_Update_ConstraintsViewController

-(void)loadView

{

[super loadView];

_button = [UIButton buttonWithType:UIButtonTypeSystem];

[self.view addSubview:_button];

}

- (void)viewDidLoad {

[super viewDidLoad];

[_button setTitle:@"点击" forState:UIControlStateNormal];

[_button.layer setBorderColor:[[UIColor greenColor] CGColor]];

[_button.layer setBorderWidth:3];

[_button addTarget:self action:@selector(clickWithButton:) forControlEvents:UIControlEventTouchUpInside];

_buttonSize = CGSizeMake(100, 100);

[self.view setNeedsUpdateConstraints];

}

- (void)updateViewConstraints {

[self.button mas_updateConstraints:^(MASConstraintMaker *make) {// 更新约束

make.center.equalTo(self.view); // 居中

make.width.equalTo(@(_buttonSize.width)).priorityLow();    // 宽 等于 100 优先级 低 第一次显示的时候是100

make.height.equalTo(@(_buttonSize.height)).priorityLow();  // 高 等于 100 优先级 低 第一次显示的时候是100

make.width.lessThanOrEqualTo(self.view);                    // 宽 小于 等于 view  当宽度大于等于 view 需满足此条件

make.height.lessThanOrEqualTo(self.view);                  // 高 小于 等于 view  当高度大于等于 view 需满足此条件

}];

[super updateViewConstraints];

}

- (void)clickWithButton:(UIButton *)button

{

_buttonSize = CGSizeMake(_buttonSize.width * 1.3, _buttonSize.height * 1.3); // 宽高 乘 1.3

[self.view setNeedsUpdateConstraints];

[UIView animateWithDuration:0.4 animations:^{

[self.view layoutIfNeeded];

}];

}

@end

示例03

@interface _03_Remake_ConstraintsViewController ()

@property (nonatomic, strong) UIButton *movingButton;

@property (nonatomic, assign) BOOL topLeft;

@end

@implementation _03_Remake_ConstraintsViewController

-(void)loadView

{

[super loadView];

_movingButton = [UIButton buttonWithType:UIButtonTypeSystem];

[self.view addSubview:_movingButton];

}

- (void)viewDidLoad {

[super viewDidLoad];

[_movingButton setTitle:@"点击" forState:UIControlStateNormal];

_movingButton.layer.borderColor = UIColor.greenColor.CGColor;

_movingButton.layer.borderWidth = 3;

[_movingButton addTarget:self action:@selector(clickWithButton:) forControlEvents:UIControlEventTouchUpInside];

self.topLeft = YES;

[self.view setNeedsUpdateConstraints];

}

+ (BOOL)requiresConstraintBasedLayout

{

return YES;

}

- (void)updateViewConstraints {

//  重置约束 会把已有的约束删除重新添加

[self.movingButton mas_remakeConstraints:^(MASConstraintMaker *make) {

make.width.equalTo(@(100));

make.height.equalTo(@(100));

if (self.topLeft) {

make.left.equalTo(self.view).offset(10);

make.top.equalTo(self.view).offset(10);

}

else {

make.bottom.equalTo(self.view).offset(-10);

make.right.equalTo(self.view).offset(-10);

}

}];

[super updateViewConstraints];

}

- (void)clickWithButton:(UIButton *)button

{

self.topLeft = !self.topLeft;

[self.view setNeedsUpdateConstraints];

[self.view updateConstraintsIfNeeded];

[UIView animateWithDuration:0.4 animations:^{

[self.view layoutIfNeeded];

}];

}

@end

示例04

@interface _04_Using_ConstantsViewController ()

@property (nonatomic,strong) UIView *purpleView;

@property (nonatomic,strong) UIView *orangeView;

@end

@implementation _04_Using_ConstantsViewController

-(void)loadView

{

[super loadView];

self.purpleView = [[UIView alloc]init];

self.orangeView = [[UIView alloc]init];

[self.view addSubview:_purpleView];

[self.view addSubview:_orangeView];

}

- (void)viewDidLoad {

[super viewDidLoad];

self.purpleView.backgroundColor = UIColor.purpleColor;

self.orangeView.backgroundColor = UIColor.orangeColor;

[self.purpleView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(@20);      // 顶 20 相对于self.View

make.left.equalTo(@20);    // 左 20

make.bottom.equalTo(@-20);  // 底 -20

make.right.equalTo(@-20);  // 右 -20

}];

[self.orangeView mas_makeConstraints:^(MASConstraintMaker *make) {

make.center.mas_equalTo(CGPointMake(0, 50)); // 中心点Y 相对于self.View Y 50

make.size.mas_equalTo(CGSizeMake(200, 100)); // 大小 200 100

}];

}

@end

示例05

@interface _05_Composite_EdgesViewController ()

@end

@implementation _05_Composite_EdgesViewController

-(void)viewWillAppear:(BOOL)animated

{

[super viewWillAppear:animated];

UIView *lastView = self.view;

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

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

view.backgroundColor = [self randomColor];

[self.view addSubview:view];

[view mas_makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(lastView).insets(UIEdgeInsetsMake(5, 10, 15, 20));//相对于上一个View 5 10 -15 -20

}];

lastView = view;

}

}

- (UIColor *)randomColor {

CGFloat hue = ( arc4random() % 256 / 256.0 );  //  0.0 to 1.0

CGFloat saturation = ( arc4random() % 128 / 256.0 ) + 0.5;  //  0.5 to 1.0, away from white

CGFloat brightness = ( arc4random() % 128 / 256.0 ) + 0.5;  //  0.5 to 1.0, away from black

return [UIColor colorWithHue:hue saturation:saturation brightness:brightness alpha:1];

}

@end

示例06

@interface _06_Aspect_FitViewController ()

@property (nonatomic,strong) UIView *topView;

@property (nonatomic,strong) UIView *topInnerView;

@property (nonatomic,strong) UIView *bottomView;

@property (nonatomic,strong) UIView *bottomInnerView;

@end

@implementation _06_Aspect_FitViewController

-(void)loadView

{

[super loadView];

self.topView            = [[UIView alloc] init];

self.topInnerView      = [[UIView alloc] init];

self.bottomView        = [[UIView alloc] init];

self.bottomInnerView    = [[UIView alloc] init];

[self.view addSubview:_topView];

[self.view addSubview:_topInnerView];

[self.view addSubview:_bottomView];

[self.view addSubview:_bottomInnerView];

}

- (void)viewDidLoad {

[super viewDidLoad];

self.topView.backgroundColor            = [UIColor redColor];

self.bottomView.backgroundColor        = [UIColor blueColor];

self.topInnerView.backgroundColor      = [UIColor greenColor];

self.bottomInnerView.backgroundColor    = [UIColor grayColor];

[self.topView mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.right.and.top.equalTo(self.view);    // 左边、右边、顶部 等于 self.View

}];

[self.bottomView mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.right.and.bottom.equalTo(self.view);  // 左边、右边、底部 等于 self.View

make.top.equalTo(self.topView.mas_bottom);      // 顶部 等于 topView 的 底部

make.height.equalTo(self.topView);              // 高 等于 topView

// 结果：上下55分成

}];

[self.topInnerView mas_makeConstraints:^(MASConstraintMaker *make) {

make.width.equalTo(self.topInnerView.mas_height).multipliedBy(3);  // 宽度是高度的3倍

make.width.and.height.lessThanOrEqualTo(self.topView);              // 宽度、高度 小于 topView的宽度高度

make.width.and.height.equalTo(self.topView).with.priorityLow();    // 宽度、高度 等于 topView的宽度高度 优先级 低

make.center.equalTo(self.topView);                                  // 中心点位置 等于 topView

}];

[self.bottomInnerView mas_makeConstraints:^(MASConstraintMaker *make) {

make.height.equalTo(self.bottomInnerView.mas_width).multipliedBy(3);// 高度是宽度的3倍

make.width.and.height.lessThanOrEqualTo(self.bottomView);          // 宽度、高度 小于 bottomView的宽度高度

make.width.and.height.equalTo(self.bottomView).with.priorityLow();  // 宽度、高度 等于 bottonView的宽度高度 优先级 低

make.center.equalTo(self.bottomView);                              // 中心点位置 等于 bottonView

}];

}

@end

示例07

@interface _07_Basic_AnimatedViewController ()

@property (nonatomic,strong) UIView *greenView;

@property (nonatomic,strong) UIView *redView;

@property (nonatomic,strong) UIView *blueView;

@property (nonatomic,assign) NSInteger padding;

@property (nonatomic, assign) BOOL animating;

@property (nonatomic, strong) NSMutableArray *animatableConstraints;

@end

@implementation _07_Basic_AnimatedViewController

-(void)loadView

{

[super loadView];

self.greenView = [[UIView alloc]init];

self.redView  = [[UIView alloc]init];

self.blueView  = [[UIView alloc]init];

[self.view addSubview:self.greenView];

[self.view addSubview:self.redView];

[self.view addSubview:self.blueView];

}

- (void)viewDidLoad {

[super viewDidLoad];

_greenView.backgroundColor = UIColor.greenColor;

_redView.backgroundColor  = UIColor.redColor;

_blueView.backgroundColor  = UIColor.blueColor;

NSInteger padding = self.padding = 10;

_animatableConstraints = [NSMutableArray array];

UIEdgeInsets paddingInsets = UIEdgeInsetsMake(_padding,_padding,_padding,_padding); // 一开始 green,red,blue的尺寸 再通过约束来改变

[_greenView mas_makeConstraints:^(MASConstraintMaker *make) {

// 添加约束的同时添加到数组

[_animatableConstraints addObjectsFromArray:@[

make.edges.equalTo(self.view).insets(paddingInsets).priorityLow(), // 优先级低

make.bottom.equalTo(_blueView.mas_top).offset(-padding),    // green bottom 相对 blue top -10

]];

make.size.equalTo(_redView); // 大小 = redView

make.height.equalTo(_blueView); // 高 = blue

}];

[_redView mas_makeConstraints:^(MASConstraintMaker *make) {

// 添加约束的同时添加到数组

[_animatableConstraints addObjectsFromArray:@[

make.edges.equalTo(self.view).insets(paddingInsets).priorityLow(), // 优先级低

make.left.equalTo(_greenView.mas_right).offset(padding), // left 红色 green right  10

make.bottom.equalTo(_blueView.mas_top).offset(-padding), // bottom  蓝色 top -10

]];

make.size.equalTo(_greenView); // 大小 = green

make.height.equalTo(_blueView.mas_height); // 高 = blue

}];

[_blueView mas_makeConstraints:^(MASConstraintMaker *make) {

// 添加约束的同时添加到数组

[self.animatableConstraints addObjectsFromArray:@[

make.edges.equalTo(self.view).insets(paddingInsets).priorityLow(), // 优先级低

]];

make.height.equalTo(_greenView);

}];

[self.view layoutIfNeeded];

// 可以注释此部分，查看没有动画时的效果

if (self.view) {

_animating = YES;

[self animateWithInvertedInsets:NO];

}

}

- (void)animateWithInvertedInsets:(BOOL)invertedInsets {

if (!_animating) return; // 是否需要动画

NSInteger padding = invertedInsets ? 100 : _padding; // Yes 就缩小100 否 10

UIEdgeInsets paddingInsets = UIEdgeInsetsMake(padding, padding, padding, padding);

for (MASConstraint *constraint in _animatableConstraints) {

constraint.insets = paddingInsets;

}

[UIView animateWithDuration:1 animations:^{

[self.view layoutIfNeeded];

} completion:^(BOOL finished) {

[self animateWithInvertedInsets:!invertedInsets]; // 取相反值无限循环执行动画

}];

}

@end

示例08

@interface _08_Bacony_LabelsViewController ()

@property (nonatomic,strong) UILabel *longLabel;

@property (nonatomic,strong) UILabel *shortLabel;

@property (nonatomic,strong) UILabel *contentLable;

@end

@implementation _08_Bacony_LabelsViewController

- (void)loadView

{

[super loadView];

_longLabel  = [[UILabel alloc]init];

_shortLabel = [[UILabel alloc]init];

_contentLable = [[UILabel alloc]init];

[self.view addSubview:_longLabel];

[self.view addSubview:_shortLabel];

[self.view addSubview:_contentLable];

}

- (void)viewDidLoad {

[super viewDidLoad];

self.title = @"08_Bacony Labels";

_longLabel.numberOfLines = 0;

_longLabel.font =[UIFont systemFontOfSize:13];

_longLabel.backgroundColor = [UIColor redColor];

_longLabel.textColor = [UIColor darkGrayColor];

_longLabel.lineBreakMode = NSLineBreakByTruncatingTail;

_longLabel.text = @"Bacon ipsum dolor sit amet spare ribs fatback kielbasa salami, tri-tip jowl pastrami flank short loin rump sirloin. Tenderloin frankfurter chicken biltong rump chuck filet mignon pork t-bone flank ham hock.";

_shortLabel.numberOfLines = 1;

_shortLabel.textColor = [UIColor purpleColor];

_shortLabel.backgroundColor = [UIColor yellowColor];

_shortLabel.lineBreakMode = NSLineBreakByTruncatingTail;

_shortLabel.text = @"Bacon";

_contentLable.numberOfLines = 0;

_contentLable.font =[UIFont systemFontOfSize:13];

_contentLable.backgroundColor = [UIColor greenColor];

_contentLable.textColor = [UIColor darkGrayColor];

_contentLable.lineBreakMode = NSLineBreakByTruncatingTail;

_contentLable.text = @"枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客枫子的博客";

// 只设置left top

[_longLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.equalTo(self.view).offset(10);

make.top.equalTo(self.view).offset(10);

}];

// 只设置 centerY right

[_shortLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.centerY.equalTo(_longLabel); //

make.right.equalTo(self.view).offset(-10);

}];

// top left right 根据文字多少自动计算高度

[_contentLable mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(_longLabel.mas_bottom).offset(10);

make.left.equalTo(@10);

make.right.equalTo(self.view).offset(-10);

}];

}

-(void)viewDidLayoutSubviews

{

[super viewDidLayoutSubviews];

CGFloat width = CGRectGetMinX(self.shortLabel.frame)-10;

width -= CGRectGetMinX(self.longLabel.frame);

self.longLabel.preferredMaxLayoutWidth = width;

}

@end

示例09

@interface _09_UIScrollViewViewController ()

@property (nonatomic,strong) UIScrollView *scrollView;

@property (nonatomic,strong) UIView      *contentView;

@end

@implementation _09_UIScrollViewViewController

-(void)loadView

{

[super loadView];

_scrollView = [[UIScrollView alloc]init];

_contentView = [[UIView alloc]init];

[self.view addSubview:_scrollView];

[self.scrollView addSubview:_contentView];

}

- (void)viewDidLoad {

[super viewDidLoad];

self.title = @"09_UIScrollView";

_scrollView.backgroundColor = [UIColor grayColor];

[_scrollView mas_makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(self.view); // self.view一样大小

}];

_contentView.backgroundColor = [UIColor greenColor];

[_contentView mas_makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(_scrollView); // 大小  = _scrollView

make.width.equalTo(_scrollView); // width  = _scrollView

}];

UIView *lastView;

CGFloat height = 25;

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

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

view.backgroundColor = [self randomColor];

[_contentView addSubview:view];

// 点击 改变透明度

UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(singleTap:)];

[view addGestureRecognizer:singleTap];

[view mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(lastView ? lastView.mas_bottom : @0); // 第一个View top = 0;

make.left.equalTo(@0); // left 0

make.width.equalTo(_contentView); // width = _contentView;

make.height.equalTo(@(height)); // heinght = height

}];

height += 25; // += 25;

lastView = view;

}

[_contentView mas_makeConstraints:^(MASConstraintMaker *make) {

make.bottom.equalTo(lastView); // bottom =  lastView

}];

}

- (UIColor *)randomColor {

CGFloat hue = ( arc4random() % 256 / 256.0 );  //  0.0 to 1.0

CGFloat saturation = ( arc4random() % 128 / 256.0 ) + 0.5;  //  0.5 to 1.0, away from white

CGFloat brightness = ( arc4random() % 128 / 256.0 ) + 0.5;  //  0.5 to 1.0, away from black

return [UIColor colorWithHue:hue saturation:saturation brightness:brightness alpha:1];

}

- (void)singleTap:(UITapGestureRecognizer*)sender {

[sender.view setAlpha:sender.view.alpha / 1.20]; // To see something happen on screen when you tap :O

[self.scrollView scrollRectToVisible:sender.view.frame animated:YES];

};

示例10

static CGFloat const kArrayExampleIncrement = 10.0;

@interface _10_ArrayViewController ()

@property (nonatomic,strong) UIView  *line;

@property (nonatomic,strong) UIButton *raiseButton;

@property (nonatomic,strong) UIButton *centerButton;

@property (nonatomic,strong) UIButton *lowerButton;

@property (nonatomic, assign) CGFloat offset;

@property (nonatomic, strong) NSArray *buttonViews;

@end

@implementation _10_ArrayViewController

-(void)loadView

{

[super loadView];

_line        = [[UIView alloc]init];

_raiseButton  = [UIButton buttonWithType:UIButtonTypeSystem];

_centerButton = [UIButton buttonWithType:UIButtonTypeSystem];

_lowerButton  = [UIButton buttonWithType:UIButtonTypeSystem];

[self.view addSubview:_line];

[self.view addSubview:_raiseButton];

[self.view addSubview:_centerButton];

[self.view addSubview:_lowerButton];

}

- (void)viewDidLoad {

[super viewDidLoad];

_line.backgroundColor = [UIColor redColor];

[_raiseButton setTitle:@"Raise" forState:UIControlStateNormal];

[_centerButton setTitle:@"Center" forState:UIControlStateNormal];

[_lowerButton setTitle:@"Lower" forState:UIControlStateNormal];

[_raiseButton addTarget:self action:@selector(raiseAction) forControlEvents:UIControlEventTouchUpInside];

[_centerButton addTarget:self action:@selector(centerAction) forControlEvents:UIControlEventTouchUpInside];

[_lowerButton addTarget:self action:@selector(lowerAction) forControlEvents:UIControlEventTouchUpInside];

// 添加跟中线，方便查看按钮的移动

[_line mas_makeConstraints:^(MASConstraintMaker *make) {

make.width.equalTo(self.view);

make.height.equalTo(@1);

make.center.equalTo(self.view);

}];

[_raiseButton mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.equalTo(self.view).with.offset(10.0);

}];

[_centerButton mas_makeConstraints:^(MASConstraintMaker *make) {

make.centerX.equalTo(self.view);

}];

[_lowerButton mas_makeConstraints:^(MASConstraintMaker *make) {

make.right.equalTo(self.view).with.offset(-10);

}];

self.buttonViews = @[_raiseButton, _lowerButton, _centerButton];

}

- (void)centerAction {

self.offset = 0.0;

}

- (void)raiseAction {

self.offset -= kArrayExampleIncrement;

}

- (void)lowerAction {

self.offset += kArrayExampleIncrement;

}

- (void)setOffset:(CGFloat)offset {

_offset = offset;

[self.view setNeedsUpdateConstraints];

[UIView animateWithDuration:0.2 animations:^{

[self.view layoutIfNeeded];

}];

}

- (void)updateViewConstraints {

// 同时更新多个按钮的约束

[self.buttonViews mas_updateConstraints:^(MASConstraintMaker *make) {

make.baseline.equalTo(self.view.mas_centerY).with.offset(self.offset); // buttonViews的底线

}];

[super updateViewConstraints];

}

@end

示例11

@interface _11_Attribute_ChainingViewController ()

@property (nonatomic,strong) UIView *greenView;

@property (nonatomic,strong) UIView *redView;

@property (nonatomic,strong) UIView *blueView;

@end

@implementation _11_Attribute_ChainingViewController

-(void)loadView

{

[super loadView];

_greenView = [[UIView alloc]init];

_redView  = [[UIView alloc]init];

_blueView  = [[UIView alloc]init];

[self.view addSubview:_greenView];

[self.view addSubview:_redView];

[self.view addSubview:_blueView];

}

- (void)viewDidLoad {

[super viewDidLoad];

UIEdgeInsets padding = UIEdgeInsetsMake(15, 10, 15, 10);

_greenView.backgroundColor = UIColor.greenColor;

[_greenView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.and.left.equalTo(self.view).insets(padding);  // 顶部15 左边 10

make.bottom.equalTo(_blueView.mas_top).insets(padding); // 底部与蓝色 15

make.width.equalTo(_redView.mas_width);                // 宽度与红色相等

make.height.equalTo(@[_redView, _blueView]);            // 高度与红蓝相等

}];

_redView.backgroundColor = UIColor.redColor;

[_redView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.and.right.equalTo(self.view).insets(padding);  // 顶部15 右边 10

make.left.equalTo(_greenView.mas_right).insets(padding);// 左边与绿色  10

make.bottom.equalTo(_blueView.mas_top).insets(padding); // 底部与蓝色  15

make.width.equalTo(_greenView.mas_width);              // 宽度与红色相等

make.height.equalTo(@[_greenView, _blueView]);          // 高度与绿蓝相等

}];

_blueView.backgroundColor = UIColor.blueColor;

[_blueView mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(_greenView.mas_bottom).insets(padding);  // 顶部绿色 15

make.left.right.and.bottom.equalTo(self.view).insets(padding); // 左边 10 右边 10 底部 15

make.height.equalTo(@[_greenView, _redView]);  // 高度与红绿相等

}];

}

@end

示例12

@interface _12_Layout_GuidesViewController ()

@property (nonatomic,strong) UIView *topView;

@property (nonatomic,strong) UIView *bottomView;

@end

@implementation _12_Layout_GuidesViewController

-(void)loadView

{

[super loadView];

_topView    = [[UIView alloc]init];

_bottomView = [[UIView alloc]init];

[self.view addSubview:_topView];

[self.view addSubview:_bottomView];

}

- (void)viewDidLoad {

[super viewDidLoad];

_topView.backgroundColor = UIColor.greenColor;

[_topView mas_makeConstraints:^(MASConstraintMaker *make) {

UIView *topLayoutGuide = (id)self.topLayoutGuide; //显示屏幕内容的垂直程度最高,使用自动布局的约束。(只读)

make.top.equalTo(topLayoutGuide.mas_bottom);

make.left.equalTo(self.view);

make.right.equalTo(self.view);

make.height.equalTo(@40);

}];

_bottomView.backgroundColor = UIColor.redColor;

[_bottomView mas_makeConstraints:^(MASConstraintMaker *make) {

UIView *bottomLayoutGuide = (id)self.bottomLayoutGuide;

make.bottom.equalTo(bottomLayoutGuide.mas_top);

make.left.equalTo(self.view);

make.right.equalTo(self.view);

make.height.equalTo(@40);

}];

}

@end

你可能感兴趣的:(iOS_autoLayout_Masonry)

  • iOS_autoLayout_Masonry 指尖的跳动
    iOS_autoLayout_Masonry概述Masonry是一个轻量级的布局框架与更好的包装AutoLayout语法。Masonry有它自己的布局方式，描述NSLayoutConstraints使布局代码更简洁易读。Masonry支持iOS和MacOSX。Masonrygithub地址:https://github.com/SnapKit/Masonry目录对比NSLayoutConstrai
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他