JWZSudokuView

非常轻量级的类，实现类似微博空间朋友圈的田字格、九宫格图片排列视图，需要SDWebImage组件支持。

如何使用

1，下载本 Demo 后，将工程目录里的 JWZSudokuView 拖入现有工程。
2，JWZSudokuView 需要 SDWebImage 组件支持，如果你的工程没有引入该组件，请引入该组件。Demo 中已提供了一个版本，但可能不是最新的。
3，引入头文件 JWZSudokuView.h 然后你就可以使用了。

Demo截图

在普通布局中使用

#import "JWZSudokuView.h"

NSArray *imageUrls; // 一个数组，存的是图片的链接
UIView *superView;

JWZSudokuView *sudokuView = [[JWZSudokuView alloc] init];
// 你需要给 JWZSudokuView 指定一个宽度
sudokuView.frame = CGRectMake(10, 40, 200, 0);
[sudokuView setContentWithImageUrls:imageUrls];
[superView addSubview:sudokuView];

// 如果你有另外一个视图，在 sodukuView 的下方，那么处理方法就类似如：（其它情况以此类推）
CGFloat height = [JWZSudokuView heightForContentImageCount:imageUrls.count 
                                                totalWidth:200 
                                                 separator:2];
UIView *nextView = [[UIView alloc] init];
nextView.frame = CGRectMake(CGRectGetMinX(sudokuView.frame), 
                            CGRectGetMaxY(sudokuView.frame) + height, 
                            CGRectGetWidth(sudokuView.frame), 
                            CGRectGetHeight(sudokuView.frame));
[superView addSubview:nextView];

// 对于单张图片的优化，首先需要知道图片的宽和高，对于基于 frame 的布局方法，已知了高度可以轻松算出实际高度，在此不述。

AutoLayout 布局使用

#import "JWZSudokuView.h"

NSArray *imageUrls;
UIView *superView;

JWZSudokuView *sudokuView = [[JWZSudokuView alloc] init];
[superView addSubview:sudokuView];

sudokuView.translatesAutoresizingMaskIntoConstraints = NO;
NSArray *constraints1 = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[sudokuView]|" 
                                                                options:(NSLayoutFormatAlignAllLeft) 
                                                                metrics:nil 
                                                                  views:NSDictionaryOfVariableBindings(sudokuView)];
[superView addConstraints:constraints1];

// 你不需要制定 sudokuView 的高度约束和底边约束，因为它会自动扩大；如果是 xib ，设置 placeholder 的即可
NSArray *constraints2 = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[sudokuView]" 
                                                                options:(NSLayoutFormatAlignAllLeft) 
                                                                metrics:nil 
                                                                  views:NSDictionaryOfVariableBindings(sudokuView)];
[superView addConstraints:constraints2];

[sudokuView setContentWithImageUrls:imageUrls];

//  对于单张图片的优化，首先需要知道图片的宽和高，通过代理方法，将单张图片的宽和高传给 JWZSudokuView。

其它说明

你需要做的仅仅就是上面这些，就可以轻松实现一个九宫格图片布局。
鉴于 SDWebImage 已经非常常用，因此引入本类几乎不会增加工程的大小。
而且其中逻辑也不是很复杂，如果你想自定义样式，可以轻松地修改源代码实现。
另外，为了优化在 UITableViewCell 中的使用，JWZSudokuView 使用了重用机制，避免重复创建 UIImageView。
重用机制不会保留 image 对象，所以不会对性能产生明显的影响。

Xezun/JWZSudokuView

JWZSudokuView

如何使用

Demo截图

在普通布局中使用

AutoLayout 布局使用

其它说明