PureLayout 的详细使用方法

创建 view 使用 PureLayout 布局,详细用法

    // 距离父视图左边距20
    [purpleView autoPinEdgeToSuperviewEdge:(ALEdgeLeft) withInset:20.0];
    // 距离父视图上边距100
    [purpleView autoPinEdgeToSuperviewEdge:(ALEdgeTop) withInset:100.0];
    // 设置 view 的 size
    [purpleView autoSetDimensionsToSize:CGSizeMake(100, 100)];
    

    // 左边距离 purpleView 右边距30
    [orangeView autoPinEdge:(ALEdgeLeft) toEdge:(ALEdgeRight) ofView:purpleView withOffset:30];
    // purpleView 和 orangeView 登高等宽
    [@[orangeView,purpleView] autoMatchViewsDimension:(ALDimensionWidth)];
    [@[orangeView,purpleView] autoMatchViewsDimension:(ALDimensionHeight)];
    // orangeView 与 purpleView 水平对齐
    [orangeView autoAlignAxis:(ALAxisHorizontal) toSameAxisOfView:purpleView];
    

    // 距离父视图底部50 (这里是距离,不是坐标)
    [magentaView autoPinEdgeToSuperviewEdge:(ALEdgeBottom) withInset:50];
    // magentaView 与 purpleView 左对齐
    [magentaView autoPinEdge:(ALEdgeLeft) toEdge:(ALEdgeLeft) ofView:purpleView];
    // 设置 magentaView 的宽度
    [magentaView autoSetDimension:(ALDimensionWidth) toSize:150];
    // 设置 magentaView 的高度
    [magentaView autoSetDimension:(ALDimensionHeight) toSize:150];
    

    // 设置 yellowView 距 magentaView 的内边距全部是20
    ALEdgeInsets defInsets = ALEdgeInsetsMake(20.0,20.0,20.0,20.0);
    [yellowView autoPinEdgesToSuperviewEdgesWithInsets:defInsets];

运行结果如图:

屏幕快照 2017-10-26 下午3.48.02.png

    // purpleView 在父视图中心
    [purpleView autoCenterInSuperview];
    // purpleView 的宽高均为 100
    [purpleView autoSetDimensionsToSize:CGSizeMake(100, 100)];
    
    // orangeView 与 purpleView 的左边对齐
    [orangeView autoPinEdge:(ALEdgeLeft) toEdge:(ALEdgeLeft) ofView:purpleView];
    // orangeView 的顶部距离 purpleView 底部 10
    [orangeView autoPinEdge:(ALEdgeTop) toEdge:(ALEdgeBottom) ofView:purpleView withOffset:10];
    // orangeView 右边距父视图 20
    [orangeView autoPinEdgeToSuperviewEdge:(ALEdgeRight) withInset:20];
    // oragenView 的高度为 purpleView 的一半
    [orangeView autoMatchDimension:(ALDimensionHeight) toDimension:(ALDimensionHeight) ofView:purpleView withMultiplier:0.5];

屏幕快照 2017-10-26 下午4.28.58.png

    // purpleView在父视图上水平居中
    [purpleView autoAlignAxisToSuperviewAxis:(ALAxisHorizontal)];
    NSArray * views = @[purpleView, orangeView, magentaView, yellowView];
    // 四个 view 的高均为40
    [views autoSetViewsDimension:(ALDimensionHeight) toSize:40];
    // 水平方向上,四个viwe间距为10,依次排序
    [views autoDistributeViewsAlongAxis:(ALAxisHorizontal) alignedTo:(ALAttributeHorizontal) withFixedSpacing:10.0 insetSpacing:YES matchedSizes:YES];

屏幕快照 2017-10-26 下午5.23.48.png