利用 UITableView 實現(xiàn)九宮格布局。具體特點如下：?
1庄新、通過KVC的方法方便實現(xiàn)了九宮格公黑，簡便了實現(xiàn)的代碼；?
2摄咆、九宮格顯示圖片的代碼凡蚜，縮小截取固定大小的小圖片節(jié)省內(nèi)存；?
3吭从、充分利用了分類來實現(xiàn)九宮格朝蜘；?
4. 每個格子都支持點擊動作。
#import "ViewController.h"
#import "UITableGridViewCell.h"
#import "UIImageButton.h"
#define kImageWidth? 100 //UITableViewCell里面圖片的寬度
#define kImageHeight? 100 //UITableViewCell里面圖片的高度
@interface ViewController ()
@property(nonatomic,strong)UITableView *tableView;
@property(nonatomic,strong)UIImage *image;
@end
@implementation ViewController
- (void)viewDidLoad
{
? ? [super viewDidLoad];
? ? self.title=@"九宮格";
? ? self.view.backgroundColor = [UIColor whiteColor];
? ? self.image= [selfcutCenterImage:[UIImageimageNamed:@"macbook_pro.jpg"]? size:CGSizeMake(100,100)];
? ? CGSizemSize = [[UIScreenmainScreen]bounds].size;
? ? CGFloatscreenWidth = mSize.width;
? ? CGFloatscreenHeight = mSize.height;
? ? self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, screenWidth, screenHeight) style:UITableViewStylePlain];
? ? [self.view addSubview:_tableView];
? ? self.tableView.dataSource = self;
? ? self.tableView.separatorColor = [UIColor clearColor];
? ? self.tableView.delegate=self;
? ? self.tableView.backgroundColor = [UIColor clearColor];
}
#pragma mark UITable datasource and delegate
-(NSInteger)numberOfSectionsInTableView:(UITableView*)tableView{
? ? return 1;
}
-(NSInteger)tableView:(UITableView*)tableView numberOfRowsInSection:(NSInteger)section{
? ? return 12;
}
-(UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath{
? ? staticNSString*identifier =@"Cell";
? ? //自定義UITableGridViewCell涩金，里面加了個NSArray用于放置里面的3個圖片按鈕
? ? UITableGridViewCell*cell = [tableViewdequeueReusableCellWithIdentifier:identifier];
? ? if(cell ==nil) {
? ? ? ? cell = [[UITableGridViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
? ? ? ? cell.selectedBackgroundView = [[UIView alloc] init];
? ? ? ? NSMutableArray *array = [NSMutableArray array];
? ? ? ? for(inti=0; i<3; i++) {
? ? ? ? ? ? //自定義繼續(xù)UIButton的UIImageButton 里面只是加了2個row和column屬性
? ? ? ? ? ? UIImageButton *button = [UIImageButton buttonWithType:UIButtonTypeCustom];
? ? ? ? ? ? button.bounds=CGRectMake(0,0,kImageWidth,kImageHeight);
? ? ? ? ? ? button.center=CGPointMake((1+ i) *5+kImageWidth*(0.5+ i) ,5+kImageHeight*0.5);
? ? ? ? ? ? //button.column = i;
? ? ? ? ? ? [buttonsetValue:[NSNumbernumberWithInt:i]forKey:@"column"];
? ? ? ? ? ? [buttonaddTarget:self action:@selector(imageItemClick:) forControlEvents:UIControlEventTouchUpInside];
? ? ? ? ? ? [buttonsetBackgroundImage:self.image forState:UIControlStateNormal];
? ? ? ? ? ? [celladdSubview:button];
? ? ? ? ? ? [arrayaddObject:button];
? ? ? ? }
? ? ? ? [cellsetValue:arrayforKey:@"buttons"];
? ? }
? ? //獲取到里面的cell里面的3個圖片按鈕引用
? ? NSArray*imageButtons =cell.buttons;
? ? //設(shè)置UIImageButton里面的row屬性
? ? [imageButtonssetValue:[NSNumbernumberWithInt:indexPath.row]forKey:@"row"];
? ? returncell;
}
-(CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath{
? ? return kImageHeight + 5;
}
-(void)tableView:(UITableView*)tableView didSelectRowAtIndexPath:(NSIndexPath*)indexPath{
? ? //不讓tableviewcell有選中效果
? ? [tableViewdeselectRowAtIndexPath:indexPath animated:YES];
}
-(void)imageItemClick:(UIImageButton*)button{
? ? NSString*msg = [NSStringstringWithFormat:@"第%i行 第%i列",button.row +1, button.column +1];
? ? UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示"
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? message:msg
?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? delegate:nil
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? cancelButtonTitle:@"好的谱醇，知道了"
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? otherButtonTitles:nil,nil];
? ? [alertshow];
}
#pragma mark 根據(jù)size截取圖片中間矩形區(qū)域的圖片 這里的size是正方形
-(UIImage*)cutCenterImage:(UIImage*)image size:(CGSize)size{
? ? CGSizeimageSize = image.size;
? ? CGRectrect;
? ? //根據(jù)圖片的大小計算出圖片中間矩形區(qū)域的位置與大小
? ? if(imageSize.width> imageSize.height) {
? ? ? ? floatleftMargin = (imageSize.width- imageSize.height) *0.5;
? ? ? ? rect =CGRectMake(leftMargin,0, imageSize.height, imageSize.height);
? ? }else{
? ? ? ? floattopMargin = (imageSize.height- imageSize.width) *0.5;
? ? ? ? rect =CGRectMake(0, topMargin, imageSize.width, imageSize.width);
? ? }
? ? CGImageRefimageRef = image.CGImage;
? ? //截取中間區(qū)域矩形圖片
? ? CGImageRefimageRefRect =CGImageCreateWithImageInRect(imageRef, rect);
? ? UIImage*tmp = [[UIImagealloc]initWithCGImage:imageRefRect];
? ? CGImageRelease(imageRefRect);
? ? UIGraphicsBeginImageContext(size);
? ? CGRectrectDraw =CGRectMake(0,0, size.width, size.height);
? ? [tmpdrawInRect:rectDraw];
? ? // 從當(dāng)前context中創(chuàng)建一個改變大小后的圖片
? ? tmp =UIGraphicsGetImageFromCurrentImageContext();
? ? // 使當(dāng)前的context出堆棧
? ? UIGraphicsEndImageContext();
? ? returntmp;
}
@end
