• 用Frame實(shí)現(xiàn)的控件，不使用約束伦仍。支持水平和豎直兩種視圖排列。

JXStackView.gif

• 簡(jiǎn)單使用

//
//  Created by JiongXing on 16/3/18.
//  Copyright ? 2016年 LiangJiongXing. All rights reserved.
//

#import "ViewController.h"
#import "JXStackView.h"

@interface ViewController ()

@property (nonatomic, strong) UIScrollView *vScrollView;
@property (nonatomic, strong) JXVerticalStackView *vStackView;

@property (nonatomic, strong) UIScrollView *hScrollView;
@property (nonatomic, strong) JXHorizontalStackView *hStackView;

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.title = @"單擊改變size，拖動(dòng)刪除";
    
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(onRightItem)];
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRefresh target:self action:@selector(onLeftItem)];
    
    /* 豎直容器 */
    self.vScrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:self.vScrollView];
    
    self.vStackView = [[JXVerticalStackView alloc] init];
    [self.vScrollView addSubview:self.vStackView];
    
    // 高度初始化可為0恭金，會(huì)自動(dòng)計(jì)算；寬度需傳值
    self.vStackView.frame = CGRectMake(0, 0, self.vScrollView.frame.size.width, 0);
    
    // size變化后回調(diào)
    __weak typeof(self) weakSelf = self;
    [self.vStackView setDidChangeSize:^(CGSize size) {
        weakSelf.vScrollView.contentSize = size;
    }];
    
    // 添加子view
    for (NSInteger index = 0; index < 5; index ++)
    {
        [self.vStackView addSubview:[self generateRandomView]];
    }
    self.vStackView.contentSpacing = 10;
    self.vStackView.alignment = JXVerticalStackViewAlignmentCenter;
    
    
    /* 水平容器 */
    self.hScrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:self.hScrollView];
    
    self.hStackView = [[JXHorizontalStackView alloc] init];
    [self.hScrollView addSubview:self.hStackView];
    
    // 寬度初始化可為0褂策，會(huì)自動(dòng)計(jì)算横腿；高度需傳值
    self.hStackView.frame = CGRectMake(0, 64, 0, 60);
    
    // size變化后回調(diào)
    [self.hStackView setDidChangeSize:^(CGSize size) {
        weakSelf.hScrollView.contentSize = size;
    }];
    
    // 添加子view
    for (NSInteger index = 0; index < 5; index ++)
    {
        [self.hStackView addSubview:[self generateRandomView]];
    }
    self.hStackView.contentSpacing = 6;
    self.hStackView.alignment = JXHorizontalStackViewAlignmentCenter;
    
    // 切換
    self.vScrollView.hidden = NO;
    self.hScrollView.hidden = !self.vScrollView.hidden;
}

- (void)onRightItem
{
    if (!self.vScrollView.hidden)
    {
        [self.vStackView addSubview:[self generateRandomView]];
    }
    else if (!self.hScrollView.hidden)
    {
        [self.hStackView addSubview:[self generateRandomView]];
    }
}

- (void)onLeftItem
{
    self.vScrollView.hidden = !self.vScrollView.hidden;
    self.hScrollView.hidden = !self.vScrollView.hidden;
}

- (UIView *)generateRandomView
{
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, arc4random_uniform(60) + 30, arc4random_uniform(60) + 30)];
    view.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255) / 255.0 green:arc4random_uniform(255) / 255.0 blue:arc4random_uniform(255) / 255.0 alpha:1.0];
    
    view.userInteractionEnabled = YES;
    UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onSingleTap:)];
    [view addGestureRecognizer:singleTap];
    
    UIPanGestureRecognizer *panTap = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(onPanTap:)];
    [view addGestureRecognizer:panTap];
    return view;
}

- (void)onSingleTap:(UITapGestureRecognizer *)tap
{
    UIView *view = tap.view;
    CGRect frame = view.frame;
    frame.size = CGSizeMake(arc4random_uniform(60) + 30, arc4random_uniform(60) + 30);
    view.frame = frame;
}

- (void)onPanTap:(UITapGestureRecognizer *)tap
{
    UIView *view = tap.view;
    [view removeFromSuperview];
}

@end

項(xiàng)目源碼：JXStackView