Masonry

原文链接：http://www.jianshu.com/p/028629d9a3fb

Masonry

AutoLayout相当于一个公式

view1.attr1 = view2.attr2 * mul + constant

这里就有7个变量.进行控制这个公式.

Masonry的代码样式,是建造者模式.

Attribute

- (MASConstraint *) left;
- (MASConstraint *) top;
- (MASConstraint *) right;
.....
- (MASConstraint *) baseline;// 字体的基线

// 此下三个值就是上面基础值的组合.
- (MASConstraint *) edges;
- (MASConstraint *) size;
- (MASConstraint *) center;

// iOS8以后出现的, view四周有个margin宽,类似于护城河.
- (MASConstraint *) leftMargin;
-

// 在iOS7中加入了
// 这几个layout值是控制器的值. 而不是控制器中View的值.
mas_topLayoutGuide;
mas_bottomLayoutGUide;

mas_topLayoutGuideTop;
mas_topLayoutGuideBottom;
mas_bottomLayoutGuideTop;
mas_bottomLayoutGuideBottom;

但是控制器有了上面一个guide属性后,会对起中view会产生一些layout影响

// 关闭控制器中,关于控制的延伸layout.
self.edgesForExtendedLayout = UIRectEdgeNone;

// 这个是为Scroll设置一个Inset值.
self.automaticallyAdjustsScrollViewInsets = NO;

Masrony的一些使用

UIView *v1 = ({
UIView *view = [UIView new];
view.backgroundColor = [UIColor redColor];
[self.view addSubview:view];
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.size.mas_equalTo(CGSizeMake(50, 59));

make.center.equalTo(self.view);

}];

view;
});

UIView * v2 = ({

UIView *view = [UIView new];
view.backgroundColor = [UIColor blueColor];
[self.view addSubview:view];
[view mas_makeConstraints:^(MASConstraintMaker *make) {

make.size.mas_equalTo(CGSizeMake(50, 59));
make.left.and.top.equalTo(v1);

}];

view;

});

Masrony中相等关系的选择

greaterThanOrEqualTo >=
lessThanOrEqualTo <=
equalTo ==

Constant 偏移量

offset
insets
sizeOffset
centerOffset
valueOffset // 上面几种的封装

Multiplier 倍数

(MASConstraint * (^)(CGFloat multiplier))multipliedBy
(MASConstraint * (^)(CGFloat divider))dividedBy

Priority 约束优先级

(MASConstraint * (^)(MASLayoutPriority priority))priority;
(MASConstraint * (^)())priorityLow;
(MASConstraint * (^)())priorityMedium;
(MASConstraint * (^)())priorityHigh;

intrinsicContentSize

!重要概念

一个控件的缺省大小或是默认大小.

这个控制就是UILabel的高度

// UIView的方法
- (void)intrinsicContentSize;
- (void)invalidateIntrinsicContentSize NS_AVAILABLE_IOS(6_0); // call this when something changes that affects the intrinsicContentSize.  Otherwise UIKit won't notice that it changed.

如果没有设置一个View的Width或者Height,那么AutoLayout就会用intrinsicContentSize来作为参考.

Content Priority

!重要概念

就是在你被拉伸的时候,查看这个优先级,那么就会决定哪个View会被拉伸或者压缩

ContentComPressIonResistance

contentHuggingPriority

[view setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

设置这个方法,可以让这个view再有被拉伸情况的时候,保持高的优先级不被拉伸.

[view setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

设置这个方法,可以让这个view再有被压缩情况的时候,保持高的优先级不被压缩.

Animation

Core Animation 改变View或layer的各种属性值.
POP FaceBook的一个动画库

UIScrollView

需要确认两点

1,窗口大小: bounds

2,内容大小: contentSize

scrollView和其子控件的约束决定了-> ContentSize

scrollView和其父控件的约束决定了-> Frame

这里有一个技巧:

可在scroll中添加一个view层,用其他的控件与这个view进行控件尺寸的约束,然后用这个view与scrollView的edge进行约束,如此做后在迁移复用时,就可以隔离ScrollView,利用View进行便利的迁移.

UIStackView

iOS9+

FDStackView iOS6+ 可以看下"sunny怎么了"博客. 实现原理

作用: 将一组view按照一定的规则再一个方向上堆叠起来

本质: 自动生成一组符合规则的约束

axis 方向分: 水平和垂直

alignment 对其方式: 居中对其,顶部对齐.....

distribution 等宽,等高

spacing 控件间的间距

用好UIStackView的诀窍

1,处理好优先级 ->那个需要压缩哪个不需要.

2,善用Spacer

Tips

FDFullscreenPopGesture

看看串哥写的POP的分类.

最后附上串哥的博客地址->>here.