iOS应用中使用Toolbar工具栏方式切换视图的方法详解剖析.docx

1、iOS应用中使用Toolbar工具栏方式切换视图的方法详解剖析iOS应用中使用Toolbar工具栏方式切换视图的方法详解这篇文章主要介绍了iOS应用中使用Toolbar工具栏方式切换视图的方法,文中讲解了UIToolbar的相关编写以及使用xib方式创建可切换视图程序的例子,需要的朋友可以参考下关于UIToolbarToolBar工具栏是视图View的属性,可以在工具栏上添加工具栏按钮Bar Button Item(可以是自定义的Custom、也可以是系统自带的BarButtonSystemItem )，视图控制器可以通过工具栏项对视图中内容进行操作。注意事项：在导航栏控制器中会有一个UITo

2、olBar实例,但默认是隐藏的，如果需要显示，需要通过这个方法将其打开：在这里需要注意的是，与UINavigationBar类似,导航控制器拥有且只拥有一个UIToolBar实例,但UIToolBar拥有的UIBarButtonItem实例，是由视图控制器进行管理的，如下所示：工具栏风格：123456typedef NS_ENUM(NSInteger, UIBarStyle) UIBarStyleDefault = 0, /默认风格，蓝色文字UIBarStyleBlack = 1, /黑色背景，褐色文字UIBarStyleBlackOpaque = 1, / 纯黑色背景,白色文字UIBarSt

3、yleBlackTranslucent = 2, / 透明黑色背景,白色文字;属性：12345property(nonatomic) UIBarStyle barStyle; /工具栏风格，默认为蓝色property(nonatomic,copy) NSArray *items; /工具栏中的按钮单元,UIBarButtonItemproperty(nonatomic,assign,getter=isTranslucent) BOOL translucent /是否透明property(nonatomic,retain) UIColor *tintColor; /按钮颜色property(no

4、natomic,retain) UIColor *barTintColor； /工具栏颜色方法：设置工具栏中的按钮单元1- (void)setItems:(NSArray *)items animated:(BOOL)animated; 设置工具栏的背景图像复制代码 代码如下:- (void)setBackgroundImage:(UIImage *)backgroundImage forToolbarPosition:(UIBarPosition)topOrBottom barMetrics:(UIBarMetrics)barMetrics;获取工具栏的背景图像复制代码 代码如下:- (UI

5、Image *)backgroundImageForToolbarPosition:(UIBarPosition)topOrBottom barMetrics:(UIBarMetrics)barMetrics;设置工具栏的阴影图像复制代码 代码如下:- (void)setShadowImage:(UIImage *)shadowImage forToolbarPosition:(UIBarPosition)topOrBottom;获取工具栏的阴影图像复制代码 代码如下:- (UIImage *)shadowImageForToolbarPosition:(UIBarPosition)topOr

6、Bottom ;Tool Bar方式切换视图1、创建工程：运行Xcode，新建一个Empty Application，名称为MultiView，其他设置如下图：2、创建3个View Controller：依次选择File New New File，打开如下窗口：找到UIViewController subclass并单击Next，打开下面的窗口：输入名称RootViewController，并且保证Subclass of选择UIViewController，下面的两个选框都不选；按照同样的步骤新建两个View Controller，名称分别是FirstViewController和Second

7、ViewController。建好后，在Project Navigation中显示文件如下：3、为三个View Controller创建.xib文件：依次选择File New New File，打开如下窗口：在左边选User Interface，右边选View，单击Next，在新窗口中的Device Family中选择iPhone，单击Next，打开如下窗口：输入名称RootView，单击Create，创建了一个.xib文件。用同样的方法再创建两个.xib，名称分别是FirstView和SecondView。4、修改App Delegate：4.1 单击AppDelegate.h，在其中添加代

8、码，在interface之前添加class RootViewController;在end之前添加property (strong, nonatomic) RootViewController *rootViewController;添加之后的代码如下：123456#import class RootViewController;interface AppDelegate : UIResponder property (strong, nonatomic) UIWindow *window;property (strong, nonatomic) RootViewController *roo

9、tViewController;end4.2 单击AppDelegate.m，修改其代码。在implementation之前添加#import RootViewController.h，在implementation之后添加synthesize rootViewController;然后修改didFinishLaunchingWithOptions方法如下：1234567891011121314- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launch

10、Optionsself.window = UIWindow alloc initWithFrame:UIScreen mainScreen bounds;/ Override point for customization after application launch.self.rootViewController = RootViewController alloc initWithNibName:RootView bundle:nil; UIView *rootView = self.rootViewController.view; CGRect rootViewFrame = roo

11、tView.frame; rootViewFrame.origin.y += UIApplication sharedApplication.statusBarFrame.size.height; rootView.frame = rootViewFrame; self.window addSubview:rootView; self.window.backgroundColor = UIColor whiteColor;self.window makeKeyAndVisible;return YES; 复制代码 代码如下:self.rootViewController = RootViewC

12、ontroller alloc initWithNibName:RootView bundle:nil; 这行代码用于从RootView.xib文件中初始化rootViewController，注意initWithNibName:RootView中不要后缀名.xib 复制代码 代码如下:rootViewFrame.origin.y += UIApplication sharedApplication.statusBarFrame.size.height; 使得RootViewController的视图不会被状态栏挡住5、修改RootViewController.h：单击RootViewCont

13、roller.h，在其中添加两个属性和一个方法，如下：12345678#import class FirstViewController;class SecondViewController;interface RootViewController : UIViewControllerproperty (strong, nonatomic) FirstViewController *firstViewController;property (strong, nonatomic) SecondViewController *secondViewController;- (IBAction)swi

14、tchViews:(id)sender;end6、打开RootView.xib，在坐边选择Files Owner，在右边打开Identity Inspector，在Class下拉菜单选择RootViewController：这样，我们就可以从RootView.xib文件向RootViewController创建Outlet和Action了。7、为RootView.xib添加工具栏：打开RootView.xib，拖一个Tool Bar到视图上，双击Tool Bar上的按钮，修改其名称为Switch Views：8、添加Action映射：选中Switch Views按钮，按住Control，拖到F

15、iles Owner，松开鼠标后选择switchViews方法：9、选择Files Owner，按住Control键，拖到View，松开鼠标，选择view：10、修改RootViewController.m：打开RootViewController.m文件，在implementation之前添加代码：12#import FirstViewController.h#import SecondViewController.h在implementation之后添加代码：12synthesize firstViewController;synthesize secondViewController;接

16、下来修改viewDidLoad方法，这个方法默认是被注释掉的，先去掉其周围的注释符，然后修改其代码如下：123456- (void)viewDidLoadself.firstViewController = FirstViewController alloc initWithNibName:FirstView bundle:nil;self.view insertSubview: firstViewController.view atIndex:0;super viewDidLoad;添加switchViews方法：12345678910111213141516- (IBAction)swit

17、chViews:(id)sender if (self.secondViewController.view.superview = nil) if (self.secondViewController = nil) self.secondViewController = SecondViewController alloc initWithNibName:SecondView bundle:nil; firstViewController.view removeFromSuperview; self.view insertSubview:self.secondViewController.vi

18、ew atIndex:0; else if (self.firstViewController = nil) self.firstViewController = FirstViewController alloc initWithNibName:FirstView bundle:nil; secondViewController.view removeFromSuperview; self.view insertSubview:self.firstViewController.view atIndex:0; 修改didReceiveMemoryWarning方法：123456789- (vo

19、id)didReceiveMemoryWarningsuper didReceiveMemoryWarning;if (self.firstViewCsuperview = nil) self.firstViewController = nil; else self.secondViewController = nil; 11、打开FirstView.xib文件，选择左边的Files Owner，然后在Identity Inspector中选择Class为FirstViewController；然后按住Control键从Files Owner图标拖到View，在弹出的菜单选择view。为Sec

20、ondView.xib进行同样的操作，不过Class选择为SecondViewController。12、打开FirstView.xib文件，选择View，打开Attribute Inspector，进行如下设置：对SecondView.xib进行同样设置，不过背景颜色设成红色。13、此时运行程序，你会看见刚启动的时候，程序显示的绿色背景，轻触Switch Views按钮后，背景变成了红色。不断轻触按钮，背景不断变换。14、添加切换背景的动画效果：打开RootViewController.m，修改其中的switchViews方法如下：123456789101112131415161718192

21、021- (IBAction)switchViews:(id)sender UIView beginAnimations:View Flip context:nil; UIView setAnimationDuration:1.25; UIView setAnimationCurve:UIViewAnimationCurveEaseInOut;if (self.secondViewController.view.superview = nil) if (self.secondViewController = nil) self.secondViewController = SecondView

22、Controller alloc initWithNibName:SecondView bundle:nil; UIView setAnimationTransition: UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES; self.firstViewController.view removeFromSuperview; self.view insertSubview:self.secondViewController.view atIndex:0; else if (self.firstViewContr

23、oller = nil) self.firstViewController = FirstViewController alloc initWithNibName:FirstView bundle:nil; UIView setAnimationTransition: UIViewAnimationTransitionCurlUp forView:self.view cache:YES; self.secondViewController.view removeFromSuperview; self.view insertSubview:self.firstViewController.view atIndex:0; UIView commitAnimations; 注意四个表示切换效果的常量：1234UIViewAnimationTransitionFlipFromLeftUIViewAnimationTransitionFlipFromRightUIViewAnimationTransitionCurlDownUIViewAnimationTransitionCurlUp分别表示从左翻转、从右翻转、向下卷、向上卷。运行后翻页效果如下：