Three20研究院之快速将Three20框架从IOS工程中移除（十）-优快云博客

本文详细介绍了从iOS项目中移除Three20框架的方法，包括界面切换、自定义TabBar及UITableViewCell的具体实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IOS6的发布facebook决定放弃使用Three2o这套框架，Three20的官网已经很久没有更新了，目前只有GitHub上在维护，所以决定将现在工程中的Three2o框架移除。本篇文章MOMO就写写我在移除Three20框架的一些经验以及教训。

一.界面切换

在AppDelegate中打开程序的入口窗口，用过Three20的朋友看到下面的方式应该不陌生吧。

 
if(![navigator restoreViewControllers]) 

{ 

//打开上面设置的url 

[navigator openURLAction:[TTURLAction actionWithURLPath:@"tt://Tab"]]; 



}

我们首先把它先改了，如果你的程序不需要导航栏可以不加UINavigationController。

 
UINavigationController *navController = [[[UINavigationController alloc]initWithRootViewController:[[[LoginViewController alloc]init] autorelease]]autorelease]; 



self.window.rootViewController = navController; 



[self.window makeKeyAndVisible];

此时，入口视图方法我们已经修改完毕，接着我们修改二级菜单，子菜单之间的切换。

处理子菜单时Three20依然在AppDelegate中就声明了所有ViewController，并且依次给他们起了一个别名。

 
//常用的三种视图类型 

[map from:@"tt://Schedule"toModalViewController:[ScheduleViewControllerclass]]; 

[map from:@"tt://Schedule"toModalViewController:[ScheduleViewControllerclass]]; 

[map from:@"tt://Schedule"toSharedViewController:[ScheduleViewControllerclass]];

这三种是最常用的类型，其实核心也无非就是两种，这里我直接写IOS源生的实现方式，记得把TTViewController换成UIViewController：

1.向右推出一个新ViewController

 
    1  [self.navigationController pushViewController:[[[SignUpViewController alloc]init]autorelease] animated:YES];

默认的话进入新ViewController的时候左上角会有一个返回的按钮，点击该按钮后会返回到之前的界面。当然如果你是自定义返回按钮的话，需要写代码来手动返回。

在新推的界面中执行下面代码即可直接返回。

`1`	`[self.navigationController popViewControllerAnimated:YES];`

2.向上覆盖一个新ViewController

同样，如果不需要导航栏的话去掉UINavigationController即可。

 
UINavigationController *viewNavController = [[UINavigationController alloc] initWithRootViewController:[[[newViewController alloc]init]autorelease]]; 

[self presentViewController:viewNavController animated:YES completion:^{/* done */}];

正如上面所说这是一个向上覆盖的ViewController ，不需要时就需关闭它。

`1`	`[self dismissViewControllerAnimated:YES completion:^{/* done */}];`

二、自定义TabBar

Three20研究院之完全自定义TabBar（八）这是320实现自定义的方式，有兴趣的朋友去看看，这里我只说如何把Three20自定义的TabBar 用源生的方式来写。

.h文件

 
#import <Foundation/Foundation.h> 

#import "define.h" 

//根据你的情况编写头文件 

#import "ChannelViewController.h" 

#import "InvitationsViewController.h" 

#import <UIKit/UIKit.h> 

#import "Utility.h" 

@interface UserCenterViewController : UITabBarController<UITabBarControllerDelegate> 

{ 

}

.m文件

 
#import "UserCenterViewController.h" 



@implementation UserCenterViewController 



-(id)init 

{ 

if(self = [super init]) 

{ 

//添加底层背景色 



[self.view setFrame:CGRectMake(0, 0, 320, 460)]; 

UIView *tabBarView=[[[UIView alloc] initWithFrame:CGRectMake(0, 480-48, 320, 48)] autorelease]; 



[self.view addSubview:tabBarView]; 



UIImageView *backGroundView=[[[UIImageView alloc] initWithImage:[Utility getImageByName:@"tabBar_background":@"png"]] autorelease]; 

[tabBarView addSubview:backGroundView]; 



//添加tabbar 

UIButton* button0 = [UIButton buttonWithType:UIButtonTypeCustom]; 

button0.frame = CGRectMake(0, 0, 160, 48); 

[button0 setTitle:@"婚礼"forState:UIControlStateNormal]; 

[button0 setBackgroundImage:[Utility getImageByName:@"tk_03-l":@"png"] forState:UIControlStateNormal]; 

button0.tag = 0; 

[button0 addTarget:self action:@selector(ButtonPressed:) forControlEvents:UIControlEventTouchUpInside]; 



[tabBarView addSubview:button0]; 



UIButton* button1 = [UIButton buttonWithType:UIButtonTypeCustom]; 

[button1 setTitle:@"邀请"forState:UIControlStateNormal]; 

[button1 setBackgroundImage:[Utility getImageByName:@"tk_03-l":@"png"] forState:UIControlStateNormal]; 

button1.frame = CGRectMake(160, 0, 160, 48); 

button1.tag = 1; 

[button1 addTarget:self action:@selector(ButtonPressed:) forControlEvents:UIControlEventTouchUpInside]; 

[tabBarView addSubview:button1]; 



ChannelViewController *channel = [[[ChannelViewController alloc]init]autorelease]; 

InvitationsViewController *invitation = [[[InvitationsViewController alloc]init]autorelease]; 



UINavigationController *navigationController= [[[UINavigationController alloc] initWithRootViewController:invitation]autorelease]; 



[navigationController viewDidAppear:YES]; 

[navigationController viewWillAppear:YES]; 



//把所有的viewcontroller添加至tabbar中 

self.viewControllers = [[[NSMutableArray alloc]initWithObjects:channel,navigationController, nil]autorelease]; 



} 



returnself; 

} 



-(void) dealloc 

{ 

[super dealloc]; 

DLog(@"dealloc"); 

} 



-(void)ButtonPressed:(id)buttonID 

{ 

//点击不同的按钮进入不同的ViewController 

UIButton *button = (UIButton *)buttonID; 

self.selectedIndex =button.tag; 

} 



-(void)viewWillAppear:(BOOL)animated 

{ 

[super viewWillAppear:animated]; 

[self.navigationController setNavigationBarHidden:YES animated:NO]; 

} 



<strong>所谓自定义Tabbar原理就是自定义按钮，点击按钮后切换tabbar指向的viewcontroller即可。</strong>

接着再说说Tabbar界面切换的特殊情况，正常情况切换界面是在当前ViewController中完成的，可是UITabViewController都是集成了好几个子ViewController，如果切换界面的触发事件在这些子ViewController中的话，就需要在子ViewController中通知父UITabViewController然后在去切换。不然的话TabBar的按钮是不会消失的。

 
    1  [self.tabBarController.navigationController pushViewController:[[[ECardViewController alloc]init] autorelease] animated:YES];

三、自定义UITableViewCell

Three20研究院之自定义TableView列表详解（二）这是之前我写过的一篇文章，但是在Three20中我是按这种方式实现自定义UITableViewCell，这里我只写如何在IOS源生下实现。

在UITableViewController的全局定义一个自定义Cell的数据源，以数组的形式保存着每一个cell的数据。

NSMutableArray*_dataSourses;

下面这段代码我上面提到的那篇文章中copy的。

 
#import <Three20/Three20.h> 



@interface TableItem : TTTableLinkedItem { 

//列表元素的文字 

NSString *_title; 

//列表元素的贴图 

UIImage *_image; 

//列表元素的背景颜色 

UIColor *_backcolor; 

} 



@property (nonatomic, copy) NSString *title; 

@property (nonatomic, copy) UIImage *image; 

@property (nonatomic, copy) UIColor *backcolor; 



//初始化赋值 

+ (id)itemWithTitle:(NSString *)title 

image:(UIImage *)image backcolor:(UIColor *) backcolor; 



@end

 
#import "TableItem.h" 



@implementation TableItem 



@synthesize title = _title,image = _image, backcolor = _backcolor; 



+ (id)itemWithTitle:(NSString *)title 

image:(UIImage *)image backcolor:(UIColor *) backcolor { 

//初始化 

TableItem *item = [[[self alloc] init] autorelease]; 

item.title = title; 

item.image = image; 

item.backcolor = backcolor; 

returnitem; 

} 



- (id)init 

{ 

if(self = [super init]) 

{ 

_title = nil; 

_image = nil; 

_backcolor = nil; 

} 



returnself; 

} 



- (void)dealloc 

{ 

[super dealloc]; 

TT_RELEASE_SAFELY(_title); 

TT_RELEASE_SAFELY(_image); 

TT_RELEASE_SAFELY(_backcolor); 



} 



@end

TableItem.h就是每一个Cell需要用到的对象，这里我们先把

@interface TableItem:TTTableLinkedItem修改成

@interface TableItem:NSObject

接着是Cell

 
#import <Three20/Three20.h> 



@interface TableItemCell : TTTableLinkedItemCell { 

//元素的名称 

UILabel *_titleLabel; 

//元素的贴图 

UIImageView *_imageview; 



} 



@end

 
#import "TableItemCell.h" 

#import "TableItem.h" 

@implementation TableItemCell 



+ (CGFloat)tableView:(UITableView*)tableView rowHeightForObject:(id)item 

{ 

//每个列表元素的高度 

return80.0; 

} 



- (id)initWithStyle:(UITableViewCellStyle)style 

reuseIdentifier:(NSString*)identifier 

{ 

//初始化列表 

if(self = [super initWithStyle:UITableViewCellStyleValue2 

reuseIdentifier:identifier]) 

{ 

_item = nil; 



_titleLabel = [[UILabel alloc] initWithFrame:CGRectZero]; 

//将文本框加入窗口 

[self.contentView addSubview:_titleLabel]; 



_imageview = [[UIImageView alloc] initWithFrame:CGRectZero]; 

//将图片视图加入窗口 

[self.contentView addSubview:_imageview]; 



} 



returnself; 

} 



- (void)dealloc 

{ 

TT_RELEASE_SAFELY(_titleLabel); 

TT_RELEASE_SAFELY(_imageview); 

[super dealloc]; 

} 



- (void)layoutSubviews { 

[super layoutSubviews]; 



//设置列表中的组件，并且组件的绘制区域 

[_imageview setFrame:CGRectMake(5,5,70,70)]; 



[_titleLabel setFrame:CGRectMake(100,0,100,20)]; 



} 



- (id)object 

{ 

return_item; 

} 



- (void)setObject:(id)object { 

if(_item != object) { 

[super setObject:object]; 

//拿到列表中的数据 

TableItem *item = object; 

//绘制在屏幕中 

[_titleLabel setText:item.title]; 

[_titleLabel setBackgroundColor:item.backcolor]; 



[_imageview setImage:item.image]; 

[_imageview setBackgroundColor:item.backcolor]; 

//设置列表的背景颜色 

self.contentView.backgroundColor = item.backcolor; 

//设置列表的选中颜色 

self.selectionStyle=UITableViewCellSelectionStyleBlue; 



} 

} 

@end

TableItemCell.h就是每一个Cell对象，自定义的布局就是在这里完成。

@interfaceTableItemCell:TTTableLinkedItemCell

修改成

@interfaceTableItemCell:UITableViewCell

此时，自定义Cell的布局我们有了，每一个Cell布局需要的对象我们也有了，下面我们要让UITbaleViewController来将这些Cell绘制出来。

UITbaleViewController中加入代码

 
-(CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 

{ 

//绘制每一个Cell的高度，我们的项目需要用到自定义高度，大家可根据自己的情况来设置cell的高度 

//_dataSourses就是我们需要维持的全局cell数据源数组， 

//这么写的意思就是拿到每一个数据源数组中的高度数据。 

TimeLineTableItem *item = [_dataSourses objectAtIndex:indexPath.row]; 



returnitem.itemHeight; 

}

 
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 

{ 

//cell的数量 

return[_dataSourses count]; 

}

 
-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 

{ 

//绘制cell 

staticNSString *CellTableIdentifier = @"TimeLineTabeIndentifier"; 

//查看cell是否复用 

TimeLineTableItemCell *cell = [tableView dequeueReusableCellWithIdentifier:CellTableIdentifier]; 

if(cell == nil) 

{ 

//cell没有复用时候创建 

cell = [[[TimeLineTableItemCell alloc]initWithStyle:UITableViewCellStyleDefault :CellTableIdentifier ]autorelease]; 

//在这里将数据源传递进cell中通知cell绘制 

[cell drawCell:[_dataSourses objectAtIndex:indexPath.row]]; 

}else 

{ 

//cell复用了，这里就不用创建新的cell 

//直接将数据源传递进cell中通知cell绘制 

[cell drawCell:[_dataSourses objectAtIndex:indexPath.row]]; 

} 



returncell; 



}