手机
当前位置:查字典教程网 >编程开发 >IOS开发 >iOS应用中使用Toolbar工具栏方式切换视图的方法详解
iOS应用中使用Toolbar工具栏方式切换视图的方法详解
摘要:关于UIToolbarToolBar工具栏是视图View的属性,可以在工具栏上添加工具栏按钮BarButtonItem(可以是自定义的Cus...

关于UIToolbar

ToolBar工具栏是视图View的属性,可以在工具栏上添加工具栏按钮Bar Button Item(可以是自定义的Custom、也可以是系统自带的BarButtonSystemItem ),视图控制器可以通过工具栏项对视图中内容进行操作。

注意事项:

在导航栏控制器中会有一个UIToolBar实例,但默认是隐藏的,如果需要显示,需要通过这个方法将其打开:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解1

在这里需要注意的是,与UINavigationBar类似,导航控制器拥有且只拥有一个UIToolBar实例,但UIToolBar拥有的UIBarButtonItem实例,是由视图控制器进行管理的,如下所示:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解2

工具栏风格:

typedef NS_ENUM(NSInteger, UIBarStyle) { UIBarStyleDefault = 0, //默认风格,蓝色文字 UIBarStyleBlack = 1, //黑色背景,褐色文字 UIBarStyleBlackOpaque = 1, // 纯黑色背景,白色文字 UIBarStyleBlackTranslucent = 2, // 透明黑色背景,白色文字 };

属性:

@property(nonatomic) UIBarStyle barStyle; //工具栏风格,默认为蓝色 @property(nonatomic,copy) NSArray *items; //工具栏中的按钮单元,UIBarButtonItem @property(nonatomic,assign,getter=isTranslucent) BOOL translucent //是否透明 @property(nonatomic,retain) UIColor *tintColor; //按钮颜色 @property(nonatomic,retain) UIColor *barTintColor; //工具栏颜色

方法:

※设置工具栏中的按钮单元

- (void)setItems:(NSArray *)items animated:(BOOL)animated;

※设置工具栏的背景图像

复制代码 代码如下:

- (void)setBackgroundImage:(UIImage *)backgroundImage forToolbarPosition:(UIBarPosition)topOrBottom barMetrics:(UIBarMetrics)barMetrics;

※获取工具栏的背景图像

复制代码 代码如下:

- (UIImage *)backgroundImageForToolbarPosition:(UIBarPosition)topOrBottom barMetrics:(UIBarMetrics)barMetrics;

※设置工具栏的阴影图像

复制代码 代码如下:

- (void)setShadowImage:(UIImage *)shadowImage forToolbarPosition:(UIBarPosition)topOrBottom;

※获取工具栏的阴影图像

复制代码 代码如下:

- (UIImage *)shadowImageForToolbarPosition:(UIBarPosition)topOrBottom ;

Tool Bar方式切换视图

1、创建工程:

运行Xcode,新建一个Empty Application,名称为MultiView,其他设置如下图:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解3

2、创建3个View Controller:

依次选择File — New — New File,打开如下窗口:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解4

找到UIViewController subclass并单击Next,打开下面的窗口:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解5

输入名称RootViewController,并且保证Subclass of选择UIViewController,下面的两个选框都不选;按照同样的步骤新建两个View Controller,名称分别是FirstViewController和SecondViewController。建好后,在Project Navigation中显示文件如下:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解6

3、为三个View Controller创建.xib文件:

依次选择File — New — New File,打开如下窗口:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解7

在左边选User Interface,右边选View,单击Next,在新窗口中的Device Family中选择iPhone,单击Next,打开如下窗口:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解8

输入名称RootView,单击Create,创建了一个.xib文件。用同样的方法再创建两个.xib,名称分别是FirstView和SecondView。

4、修改App Delegate:

4.1 单击AppDelegate.h,在其中添加代码,在@interface之前添加@class RootViewController;在@end之前添加@property (strong, nonatomic) RootViewController *rootViewController;添加之后的代码如下:

#import <UIKit/UIKit.h> @class RootViewController; @interface AppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @property (strong, nonatomic) RootViewController *rootViewController; @end

4.2 单击AppDelegate.m,修改其代码。在@implementation之前添加#import "RootViewController.h",在@implementation之后添加@synthesize rootViewController;然后修改didFinishLaunchingWithOptions方法如下:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.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 = rootView.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 = [[RootViewController alloc] initWithNibName:@"RootView" bundle:nil];

这行代码用于从RootView.xib文件中初始化rootViewController,注意initWithNibName:@"RootView"中不要后缀名.xib

② 复制代码 代码如下:rootViewFrame.origin.y += [UIApplication sharedApplication].statusBarFrame.size.height;

使得RootViewController的视图不会被状态栏挡住

5、修改RootViewController.h:

单击RootViewController.h,在其中添加两个属性和一个方法,如下:

#import <UIKit/UIKit.h> @class FirstViewController; @class SecondViewController; @interface RootViewController : UIViewController @property (strong, nonatomic) FirstViewController *firstViewController; @property (strong, nonatomic) SecondViewController *secondViewController; - (IBAction)switchViews:(id)sender; @end

6、打开RootView.xib,在坐边选择File's Owner,在右边打开Identity Inspector,在Class下拉菜单选择RootViewController:

这样,我们

iOS应用中使用Toolbar工具栏方式切换视图的方法详解9

就可以从RootView.xib文件向RootViewController创建Outlet和Action了。

7、为RootView.xib添加工具栏:打开RootView.xib,拖一个Tool Bar到视图上,双击Tool Bar上的按钮,修改其名称为Switch Views:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解10

8、添加Action映射:

选中Switch Views按钮,按住Control,拖到File's Owner,松开鼠标后选择switchViews方法:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解11

9、选择File's Owner,按住Control键,拖到View,松开鼠标,选择view:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解12

10、修改RootViewController.m:

打开RootViewController.m文件,在@implementation之前添加代码:

#import "FirstViewController.h" #import "SecondViewController.h"

在@implementation之后添加代码:

@synthesize firstViewController; @synthesize secondViewController;

接下来修改viewDidLoad方法,这个方法默认是被注释掉的,先去掉其周围的注释符,然后修改其代码如下:

- (void)viewDidLoad { self.firstViewController = [[FirstViewController alloc] initWithNibName:@"FirstView" bundle:nil]; [self.view insertSubview: firstViewController.view atIndex:0]; [super viewDidLoad]; }

添加switchViews方法:

- (IBAction)switchViews:(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.view 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方法:

- (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; if (self.firstViewController.view.superview == nil) { self.firstViewController = nil; } else { self.secondViewController = nil; } }

11、打开FirstView.xib文件,选择左边的File's Owner,然后在Identity Inspector中选择Class为FirstViewController;然后按住Control键从File's Owner图标拖到View,在弹出的菜单选择view。为SecondView.xib进行同样的操作,不过Class选择为SecondViewController。

12、打开FirstView.xib文件,选择View,打开Attribute Inspector,进行如下设置:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解13

对SecondView.xib进行同样设置,不过背景颜色设成红色。

13、此时运行程序,你会看见刚启动的时候,程序显示的绿色背景,轻触Switch Views按钮后,背景变成了红色。不断轻触按钮,背景不断变换。

14、添加切换背景的动画效果:

打开RootViewController.m,修改其中的switchViews方法如下:

- (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 = [[SecondViewController 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.firstViewController == 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]; }

注意四个表示切换效果的常量:

UIViewAnimationTransitionFlipFromLeft UIViewAnimationTransitionFlipFromRight UIViewAnimationTransitionCurlDown UIViewAnimationTransitionCurlUp

分别表示从左翻转、从右翻转、向下卷、向上卷。

运行后翻页效果如下:

iOS应用中使用Toolbar工具栏方式切换视图的方法详解14

iOS应用中使用Toolbar工具栏方式切换视图的方法详解15

【iOS应用中使用Toolbar工具栏方式切换视图的方法详解】相关文章:

iOS开发中使用Quartz2D绘制上下文栈和矩阵的方法

iOS应用开发中UIView添加边框颜色及设置圆角边框的方法

iOS中定位当前位置坐标及转换为火星坐标的方法

iOS开发中CAlayer层的属性以及自定义层的方法

iOS中使用URL Scheme进行App跳转的教程

iOS应用开发中使UITextField实现placeholder属性的方法

iOS多线程应用开发中使用NSOperation类的基本方法

IOS开发:在Swift中使用JavaScript的方法和技巧

iOS应用开发中使用设计模式中的观察者模式的实例

iOS开发中使用cocos2d添加触摸事件的方法

精品推荐
分类导航