首页 > 【Three20研究院之应用开发】 > Three20研究院之快速将Three20框架从IOS工程中移除（十）
2012
10-30

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

       前段时间心情很郁闷，所以很久都没有更新博客了。今天突然想写点东西，就写点把。IOS6的发布 facebook决定放弃使用Three2o这套框架，Three20的官网已经很久没有更新了，目前只有GitHub上在维护，所以决定将现在工程中的Three2o框架移除。本篇文章MOMO就写写我在移除Three20框架的一些经验以及教训。

一.界面切换

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

1
2
3
4
5
6
7
8
 
    if (![navigator restoreViewControllers])
    {
        //打开上面设置的url
        [navigator openURLAction:[TTURLAction actionWithURLPath:@"tt://Tab"]];
 
    }
 

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

1
2
3
4
5
6
7
 
    UINavigationController *navController = [[[UINavigationController alloc]initWithRootViewController:[[[LoginViewController alloc]init] autorelease]]autorelease];
 
    self.window.rootViewController = navController;
 
    [self.window makeKeyAndVisible];
 

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

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

1
2
3
4
5
6
 
//常用的三种视图类型
[map from:@"tt://Schedule" toModalViewController:[ScheduleViewController class]];
[map from:@"tt://Schedule" toModalViewController:[ScheduleViewController class]];
[map from:@"tt://Schedule" toSharedViewController:[ScheduleViewController class]];
 

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

1.向右推出一个新ViewController

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

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

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

1
2
3
 
[self.navigationController popViewControllerAnimated:YES];
 

 2.向上覆盖一个新ViewController

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

1
2
3
4
 
  UINavigationController *viewNavController = [[UINavigationController alloc] initWithRootViewController:[[[newViewController alloc]init]autorelease]];
  [self presentViewController:viewNavController animated:YES completion:^{/* done */}];
 

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

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

 

二、自定义TabBar

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

.h文件

1
2
3
4
5
6
7
8
9
10
11
12
 
#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文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
#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];
 
    }
 
    return self;
}
 
-(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>
 

 

Three20研究院之快速将Three20框架从IOS工程中移除（十） - 雨松MOMO程序研究院 - 1

 

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

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

三、自定义UITableViewCell

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

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

NSMutableArray *_dataSourses; 

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

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
#import &lt;Three20/Three20.h&gt;
 
@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
 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
#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;
return item;
}
 
- (id)init
{
if (self = [super init])
    {
_title = nil;
        _image = nil;
        _backcolor = nil;
}
 
return self;
}
 
- (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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#import &lt;Three20/Three20.h&gt;
 
@interface TableItemCell : TTTableLinkedItemCell {
//元素的名称
    UILabel *_titleLabel;
    //元素的贴图
    UIImageView *_imageview;  
 
}
 
@end
 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
#import "TableItemCell.h"
#import "TableItem.h"
@implementation TableItemCell
 
+ (CGFloat)tableView:(UITableView*)tableView rowHeightForObject:(id)item
{
    //每个列表元素的高度
return 80.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];
 
}
 
return self;
}
 
- (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对象，自定义的布局就是在这里完成。

@interface TableItemCell:TTTableLinkedItemCell

修改成

@interface TableItemCell:UITableViewCell

此时，自定义Cell的布局我们有了，每一个Cell布局需要的对象我们也有了，下面我们要让UITbaleViewController来将这些Cell绘制出来。
UITbaleViewController中加入代码
1
2
3
4
5
6
7
8
9
10
11
 
-(CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //绘制每一个Cell的高度，我们的项目需要用到自定义高度，大家可根据自己的情况来设置cell的高度
    //_dataSourses就是我们需要维持的全局cell数据源数组，
    //这么写的意思就是拿到每一个数据源数组中的高度数据。
    TimeLineTableItem *item  = [_dataSourses objectAtIndex:indexPath.row];
 
    return item.itemHeight;
}
 

 
1
2
3
4
5
6
7
 
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    //cell的数量
    return [_dataSourses count];
}
 

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
   //绘制cell
    static NSString *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]];
    }
 
    return cell;
 
}
 

 

注：TimeLineTableItem、TimeLineTableItemCell 是我项目中用到的对象，大家不必拘泥于名子如何来起，原理白即可。

 

另外cell还具有一个刷新的功能，当数据源_dataSourses发生改变后手动调用如下方法即可刷新Cell。程序会重新执行上述三个方法来刷新Cell。

1
2
3
 
[self.tableView reloadData];
 

 

一般在Three20工程中将这三部做完剩下的就是一些琐碎的活，在将工程中所有TT开头的对象引用全部去掉，谁都不愿理干体力活，可是脏活累活还是得干，呵呵！ 仔细一下很快就把Three20框架移除了。

如下图所示，这里的thrr20路径一定要删除，不然还是会有诡异的错误，呵呵、

Three20研究院之快速将Three20框架从IOS工程中移除（十） - 雨松MOMO程序研究院 - 2

 

最后在fromwork中将所有three20的framwork全部删除，运行一下祝你成功喔，嘿嘿！

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《Three20研究院之快速将Three20框架从IOS工程中移除（十）》有 4 条评论

  2. 酷_莫名简单 说：
    2012 年 10 月 31 日上午 12:19

    大清早的，跑来支持下，加油！加油！

    回复

留下一个回复

你的email不会被公开。