#import <ZLStackView/ZLStackView.h>

typedef NS_ENUM(NSInteger, ZLAlign) {
    ZLAlignCenter, // 居中
    ZLAlignStart,  // 顶部 / 左侧
    ZLAlignEnd,    // 底部 / 右侧
    ZLAlignFill,   // 拉伸铺满
};

typedef NS_ENUM(NSInteger, ZLJustify) {
   ZLJustifyFill,          // 默认。按内容/flex 填满
   ZLJustifyFillEqually,   // 每个 item 主轴尺寸相等
   ZLJustifyStart,         // 全部靠主轴起点
   ZLJustifyCenter,        // 整体居中
   ZLJustifyEnd,           // 全部靠主轴终点
   ZLJustifySpaceBetween,  // 两端紧贴，中间间距相等
   ZLJustifySpaceAround,   // 两端间距是中间的一半
   ZLJustifySpaceEvenly,   // 所有间距相等
};

#import <ZLStackView/ZLStackView.h>

// 垂直方向
ZLStackView *stack = VStackView();      // 等价于 [ZLStackView vertical]
stack.spacing = 10;
stack.alignment = ZLAlignFill;
stack.justifyContent = ZLJustifyStart;
stack.insets = UIEdgeInsetsMake(12, 16, 12, 16);

[stack addArrangedSubview:label];
[stack addArrangedSubview:button];

[self.view addSubview:stack];
// ... 自行添加约束，或用下方的链式 API

ZLStackView
    .vertical
    .inset(10, 16, 10, 16)        // 内边距
    .space(12)                    // 默认 spacing
    .bgColor(@"#FFFFFF")          // 支持 UIColor 或 #hex 字符串
    .corner(8)
    .border(1, @"#E5E5E5")
    .addView(titleLabel)
    .addView(subTitleLabel)
    .insertSpace(20)              // 插入一段固定间距
    .insertMinSpace(10)           // 插入一段最小间距
    .insertMaxSpace(40)           // 插入一段最大间距
    .insertFlexSpace(YES)         // 插入弹性间距（撑开剩余空间）
    .addView(actionButton)
    .addViewIf(hasFooter, footerView)            // 条件添加
    .addViewMake(^UIView *(ZLBaseStackView *s) { // block 构造并添加
        UILabel *l = UILabel.new;
        l.text = @"动态创建";
        return l;
    })
    .addViewLayout(avatar, ^(UIView *v, ZLFlexItem *flex) {
        flex.square(40).align(ZLAlignCenter);     // 在添加时同时配置 FlexItem
    })
    .addTo(self.view)             // addSubview 到父视图
    .edgesZero();                 // 贴满父视图四边

stack
    .spacingAfter(20, titleLabel)        // titleLabel 后面的间距
    .minSpacingAfter(10, titleLabel)
    .maxSpacingAfter(40, titleLabel)
    .flexSpacingAfter(YES, titleLabel)   // 该处变弹性间距
    .flexFor(1, leftView)                // 主轴权重
    .flexFor(2, rightView)
    .alignFor(ZLAlignCenter, avatar)     // 单独覆盖纵轴对齐
    .alignStartSpacingFor(8, avatar)     // 纵轴起点方向额外间距
    .alignEndSpacingFor(8, avatar);      // 纵轴终点方向额外间距

avatar.zl_flex
    .square(40)
    .align(ZLAlignCenter)
    .start(8)         // 等价于 startSpacing
    .end(8);          // 等价于 endSpacing

stack
    .bgColor(@"#F8F8F8")
    .corner(12)
    .corners(kCALayerMinXMinYCorner | kCALayerMaxXMinYCorner)   // iOS 11+
    .border(1, UIColor.lightGrayColor)
    .borderColor(@"#DDDDDD")
    .borderWidth(0.5)
    .shColor(@"#000000")
    .shOffset(0, 2)
    .shOpacity(0.2)
    .shRadius(6)
    .masksToBounds(NO)
    .visibility(YES)
    .alphaValue(1.0)
    .userActive(YES)
    .tapAction(^(ZLBaseStackView *v){ NSLog(@"tapped"); })

    // 父视图布局
    .addTo(self.view)
    .top(20).leading(16).trailing(-16)
    // 或直接：
    // .edge(20, 16, 20, 16)
    // .edgesZero()
    // .centerOffset(0, -20)
    // .size(200, 80)
    // .square(60)
    .assignToPtr(&_stack);   // 把当前实例赋值给指针

[self.view addSubview:card];
card.zl_layout
    .top(20)
    .leadingTo(self.view.safeAreaLayoutGuide.leadingAnchor, 16)
    .trailingTo(self.view.safeAreaLayoutGuide.trailingAnchor, -16)
    .height(120);

avatar.zl_layout
    .square(48)
    .centerYTo(card.centerYAnchor, 0)
    .leadingTo(card.leadingAnchor, 12);

// 取最后一次添加的约束做动画
NSLayoutConstraint *c = card.zl_layout.height(200).constraint;
[UIView animateWithDuration:0.25 animations:^{
    c.constant = 80;
    [self.view layoutIfNeeded];
}];

ZLScrollView *scroll = [stack wrapScrollView];
scroll.zl_layout.addTo(self.view).edgesZero();
// scroll 的 contentSize 会跟随 stack 自适应：
// 垂直 stack 内容超出时纵向滚动，水平 stack 同理。