iPhone开发之九宫格实现（二）
在上一篇中，使用了单个单元定位来实现九宫格，有点是很容易理解，但是在添加单元和设置位置时比较麻烦。那么，第二种方法就是用table来实现，将一格表示为一个图片和一个label的集合来实现。
工程截图：
每一个用ImageAndTitle来表示：
#import <Foundation/Foundation.h>
@interface ImageAndTitle : NSObject {
NSString * Image;
NSString * Title;
}
-(id)InitWithImage:(NSString *)image AndTitle:(NSString *)title;
@property (nonatomic ,retain) NSString * Image;
@property (nonatomic ,retain) NSString * Title;
@end
#import "ImageAndTitle.h"
@implementation ImageAndTitle
@synthesize Image,Title;
-(id)InitWithImage:(NSString *)image AndTitle:(NSString *)title{
if (self=[super init]) {
self->Image=[[NSString alloc]initWithString:image];
self->Title=[[NSString alloc]initWithString:title];
}
return self;
}
@end
两个表格单元，ViewCell
#import <UIKit/UIKit.h>
@interface ViewCell : UITableViewCell {
IBOutlet UIButton *btn1;
IBOutlet UIButton *btn2;
IBOutlet UIButton *btn3;
IBOutlet UILabel *lbl1;
IBOutlet UILabel *lbl2;
IBOutlet UILabel *lbl3;
id delegate;
}
@property (assign) id delegate;
@property (nonatomic,retain) UIButton *btn1;
@property (nonatomic,retain) UIButton *btn2;
@property (nonatomic,retain) UIButton *btn3;
@property (nonatomic,retain) UILabel *lbl1;
@property (nonatomic,retain) UILabel *lbl2;
@property (nonatomic,retain) UILabel *lbl3;
-(IBAction)click:(id)sender;
@end
@protocol cellItemDelegate
@optional
-(void)onCellItem:(int)index;
@end
#import "ViewCell.h"
@implementation ViewCell
@synthesize btn1,btn2,btn3,lbl1,lbl2,lbl3,delegate;
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
if ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {
// Initialization code
}
return self;
}
-(IBAction)click:(id)sender{
UIButton *button = (UIButton *)sender;
NSLog(@"tag:%d",button.tag);
[delegate onCellItem:button.tag];
}
- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
[super setSelected:selected animated:animated];
// Configure the view for the selected state
}
- (void)dealloc {
[btn1 release];
[btn2 release];
[btn3 release];
[lbl1 release];
[lbl2 release];
[lbl3 release];
[delegate release];
[super dealloc];
}
@end
CellTwo：
#import <UIKit/UIKit.h>
@interface CellTwo : UITableViewCell {
IBOutlet UIButton *btn11;
IBOutlet UIButton *btn22;
IBOutlet UIButton *btn33;
IBOutlet UILabel *lbl11;
IBOutlet UILabel *lbl22;
IBOutlet UILabel *lbl33;
id delegate;
}
@property (assign) id delegate;
@property (nonatomic,retain) UIButton *btn11;
@property (nonatomic,retain) UIButton *btn22;
@property (nonatomic,retain) UIButton *btn33;
@property (nonatomic,retain) UILabel *lbl11;
@property (nonatomic,retain) UILabel *lbl22;
@property (nonatomic,retain) UILabel *lbl33;
-(IBAction)click:(id)sender;
@end
@protocol cellItemTwoDelegate
@optional
-(void)onCellItem:(int)index;
@end
#import "CellTwo.h"
@implementation CellTwo
@synthesize btn11,btn22,btn33,lbl11,lbl22,lbl33,delegate;
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
if ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {
// Initialization code
}
return self;
}
-(IBAction)click:(id)sender{
UIButton *button = (UIButton *)sender;
NSLog(@"tag:%d",button.tag);
[delegate onCellItem:button.tag];
}
- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
[super setSelected:selected animated:animated];
// Configure the view for the selected state
}
- (void)dealloc {
[btn11 release];
[btn22 release];
[btn33 release];
[lbl11 release];
[lbl22 release];
[lbl33 release];
[delegate release];
[super dealloc];
}
@end
LOGOViewController：
#import <UIKit/UIKit.h>
#import "ImageAndTitle.h"
@class ViewCell;
@class CellTwo;
@interface LOGOViewController : UIViewController<UITableViewDelegate, UITableViewDataSource> {
IBOutlet ViewCell *viewCell;
IBOutlet CellTwo *celltwo;
IBOutlet UITableView *tableview;
NSMutableArray *itemArray;
}
@property(nonatomic, retain)ViewCell *viewCell;
@property (nonatomic ,retain)CellTwo *celltwo;
@property(nonatomic, retain)UITableView *tableview;
-(void)setItem:(NSArray *)temperatureArray;
-(void)addItem:(ImageAndTitle *)iat;
@end
#import "LOGOViewController.h"
#import "ViewCell.h"
#import "ImageAndTitle.h"
#import "CellTwo.h"
@implementation LOGOViewController
@synthesize viewCell,tableview,celltwo;
NSArray * titleArray;
NSArray * imageArray;
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
[super viewDidLoad];
self->itemArray=[[NSMutableArray alloc]init];
NSArray * itemarray=[NSArray arrayWithObjects:
[[ImageAndTitle alloc]InitWithImage:@"Dandelion.gif" AndTitle:@"a"],
[[ImageAndTitle alloc]InitWithImage:@"Ixia.gif" AndTitle:@"b"],
[[ImageAndTitle alloc]InitWithImage:@"Spiked.gif" AndTitle:@"c"],
[[ImageAndTitle alloc]InitWithImage:@"Dandelion.gif" AndTitle:@"d"],
[[ImageAndTitle alloc]InitWithImage:@"Ixia.gif" AndTitle:@"e"],
[[ImageAndTitle alloc]InitWithImage:@"Spiked.gif" AndTitle:@"f"],
[[ImageAndTitle alloc]InitWithImage:@"Dandelion.gif" AndTitle:@"g"],
[[ImageAndTitle alloc]InitWithImage:@"Ixia.gif" AndTitle:@"h"],
[[ImageAndTitle alloc]InitWithImage:@"Spiked.gif" AndTitle:@"i"],
[[ImageAndTitle alloc]InitWithImage:@"Dandelion.gif" AndTitle:@"j"],
nil];
[self setItem:itemarray];
}
-(void)setItem:(NSArray *)temperatureArray{
[self->itemArray addObjectsFromArray:temperatureArray];
}
-(void)addItem:(ImageAndTitle *)iat{
[self->itemArray addObject:iat];
}
// Override to allow orientations other than the default portrait orientation.
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
// Return YES for supported orientations
// return (interfaceOrientation == UIInterfaceOrientationPortrait);
// [self->tableview reloadData];
// [self.view reloadData];
[self->tableview reloadData];
return YES;
}
- (void)dealloc {
[super dealloc];
[self->itemArray release];
}
#pragma mark tableView datasource
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 100;
}
//返回TableView的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
int i=[itemArray count]/3;
i++;
return i;
// return [titleArray count]/3;
}
#pragma mark setCellType
- (UITableViewCell *)setCellItem:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
static NSString *cellIdentifier = @"ViewCell";
ViewCell *cell = (ViewCell *)[tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (cell == nil) {
[[NSBundle mainBundle] loadNibNamed:@"ViewCell" owner:self options:nil];
cell = viewCell;
}
if ((indexPath.row*3)<=([itemArray count]-1)) {
ImageAndTitle * i=[itemArray objectAtIndex:indexPath.row*3];
cell.lbl1.text=[NSString stringWithFormat:@"%@",i.Title];
[cell.btn1 setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",i.Image]] forState:UIControlStateNormal];
[cell.btn1 setTag:indexPath.row*3];
}
if ((indexPath.row*3+1)<=([itemArray count]-1)) {
ImageAndTitle * i=[itemArray objectAtIndex:indexPath.row*3+1];
cell.lbl2.text=[NSString stringWithFormat:@"%@",i.Title];
[cell.btn2 setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",i.Image]] forState:UIControlStateNormal];
[cell.btn2 setTag:indexPath.row*3+1];
}
if ((indexPath.row*3+2)<=([itemArray count]-1)) {
ImageAndTitle * i=[itemArray objectAtIndex:indexPath.row*3+2];
cell.lbl3.text=[NSString stringWithFormat:@"%@",i.Title];
[cell.btn3 setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",i.Image]] forState:UIControlStateNormal];
[cell.btn3 setTag:indexPath.row*3+2];
}
return cell;
}
- (UITableViewCell *)setCellItem:(UITableView *)tableView cellForRowAtIndexPathTwo:(NSIndexPath *)indexPath{
static NSString *cellIdentifier = @"CellTwo";
CellTwo *cell = (CellTwo *)[tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (cell == nil) {
[[NSBundle mainBundle] loadNibNamed:@"CellTwo" owner:self options:nil];
cell = celltwo;
}
if ((indexPath.row*3)<=([itemArray count]-1)) {
ImageAndTitle * i=[itemArray objectAtIndex:indexPath.row*3];
cell.lbl11.text=[NSString stringWithFormat:@"%@",i.Title];
[cell.btn11 setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",i.Image]] forState:UIControlStateNormal];
[cell.btn11 setTag:indexPath.row*3];
}
if ((indexPath.row*3+1)<=([itemArray count]-1)) {
ImageAndTitle * i=[itemArray objectAtIndex:indexPath.row*3+1];
cell.lbl22.text=[NSString stringWithFormat:@"%@",i.Title];
[cell.btn22 setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",i.Image]] forState:UIControlStateNormal];
[cell.btn22 setTag:indexPath.row*3+1];
}
if ((indexPath.row*3+2)<=([itemArray count]-1)) {
ImageAndTitle * i=[itemArray objectAtIndex:indexPath.row*3+2];
cell.lbl33.text=[NSString stringWithFormat:@"%@",i.Title];
[cell.btn33 setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",i.Image]] forState:UIControlStateNormal];
[cell.btn33 setTag:indexPath.row*3+2];
}
return cell;
}
//初始化TableViewCell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
switch ([UIApplication sharedApplication].statusBarOrientation) {
case 1:
return [self setCellItem:tableView cellForRowAtIndexPath:indexPath];
break;
case 2:
return [self setCellItem:tableView cellForRowAtIndexPath:indexPath];
break;
case 3:
return [self setCellItem:tableView cellForRowAtIndexPathTwo:indexPath];
break;
case 4:
return [self setCellItem:tableView cellForRowAtIndexPathTwo:indexPath];
break;
default:
break;
}
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
}
- (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath{
return nil;
}
@end
实现后的效果：
