HardBirch

iPhone开发【九】多视图技术总结之二:Tab Bar

时间:12-11-20 栏目:iOS移动应用开发技术 作者:张飞不张,文采横飞 评论:0 点击: 11,856 次

实现的功能:通过Tab Bar,实现多视图切换

关键词:多视图
Tab Bar

1、创建一个Empty Application工程,命名为:MultiView-Tab,如下图

2、选中工程中的Group MultiView-Tab,然后按住CMD(Windows键)+N,新建视图控制器FirstViewController,如下图

3、依照上步操作,新建视图控制器SecondViewController

4、编辑FirstViewController.xib,在Bottom Bar显示出Tab
Bar
,然后添加一个Lable,如下图

5、依照上部操作,设置SecondViewController.xib

6、新建Group,名称为:Images,添加4张png图片


7、万事俱备,开始写代码,首先修改AppDelegate,添加一个UITabBarController类的实例,作为根视图控制器用。

AppDelegate.h修改后如下:

 

//
//  AppDelegate.h
//  MultiView-Tab
//
//  Created by Zhang Yanguang on 12-11-20.
//  Copyright (c) 2012年 MyCompanyName. All rights reserved.
//

#import <UIKit/UIKit.h>
#import "FirstViewController.h"
#import "SecondViewController.h"
@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;
//添加代码
@property(strong,nonatomic) UITabBarController *tabBarController;
@end

AppDelegate.m主要修改didFinishLaunchingWithOptions方法,修改后如下:

 

//
//  AppDelegate.m
//  MultiView-Tab
//
//  Created by Zhang Yanguang on 12-11-20.
//  Copyright (c) 2012年 MyCompanyName. All rights reserved.
//

#import "AppDelegate.h"

@implementation AppDelegate

@synthesize window = _window;
//添加代码
@synthesize tabBarController;
- (void)dealloc
{
    [_window release];
    [super dealloc];
}

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
    // Override point for customization after application launch.
    //添加代码

    //初始化firstViewController
    UIViewController *firstViewController = [[[FirstViewController alloc]initWithNibName:@"FirstViewController" bundle:nil] autorelease];
    //初始化secondViewController
    UIViewController *secondViewController = [[[SecondViewController alloc]initWithNibName:@"SecondViewController" bundle:nil] autorelease];

    self.tabBarController = [[[UITabBarController alloc]init] autorelease];
    self.tabBarController.viewControllers = [NSArray arrayWithObjects:firstViewController,secondViewController, nil];

    //设置tabBarController为根视图控制器
    self.window.rootViewController = tabBarController;
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    return YES;
}

- (void)applicationWillResignActive:(UIApplication *)application
{
    // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
    // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
}

- (void)applicationDidEnterBackground:(UIApplication *)application
{
    // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
    // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
}

- (void)applicationWillEnterForeground:(UIApplication *)application
{
    // Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
}

- (void)applicationDidBecomeActive:(UIApplication *)application
{
    // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
}

- (void)applicationWillTerminate:(UIApplication *)application
{
    // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
}

@end

8、修改FirstViewController.m,初始化时设置tabBarItem的title显示的图片,仅修改方法initWithNibName,如下:

 

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
        self.title = @"First View";
        self.tabBarItem.image = [UIImage imageNamed:@"first"];
    }
    return self;
}

9、依照上步修改SecondViewController.m,如下:

 

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
        self.title = @"Second View";
        self.tabBarItem.image = [UIImage imageNamed:@"second"];
    }
    return self;
}

10、编译、运行,效果如下

总结:1)本文通过手工编写代码模拟了通过Tab Bar实现多视图切换

2)Xcode提供了Tabbed Application模板,如下

基于该模板创建的工程就是Tab Bar实现的多视图应用程序,与本文实现的功能相同

点击下载本文源代码

 

 

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: iPhone开发【九】多视图技术总结之二:Tab Bar

iPhone开发【九】多视图技术总结之二:Tab Bar:等您坐沙发呢!

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐