iOS應(yīng)用中使用Toolbar工具欄方式切換視圖的方法詳解
關(guān)于UIToolbar
ToolBar工具欄是視圖View的屬性,可以在工具欄上添加工具欄按鈕Bar Button Item(可以是自定義的Custom、也可以是系統(tǒng)自帶的BarButtonSystemItem )，視圖控制器可以通過(guò)工具欄項(xiàng)對(duì)視圖中內(nèi)容進(jìn)行操作。
注意事項(xiàng)：
在導(dǎo)航欄控制器中會(huì)有一個(gè)UIToolBar實(shí)例,但默認(rèn)是隱藏的，如果需要顯示，需要通過(guò)這個(gè)方法將其打開(kāi)：
在這里需要注意的是，與UINavigationBar類(lèi)似,導(dǎo)航控制器擁有且只擁有一個(gè)UIToolBar實(shí)例,但UIToolBar擁有的UIBarButtonItem實(shí)例，是由視圖控制器進(jìn)行管理的，如下所示：
工具欄風(fēng)格：
typedef NS_ENUM(NSInteger, UIBarStyle) {
UIBarStyleDefault = 0, //默認(rèn)風(fēng)格，藍(lán)色文字
UIBarStyleBlack = 1, //黑色背景，褐色文字
UIBarStyleBlackOpaque = 1, // 純黑色背景,白色文字
UIBarStyleBlackTranslucent = 2, // 透明黑色背景,白色文字
};
屬性：
@property(nonatomic) UIBarStyle barStyle; //工具欄風(fēng)格，默認(rèn)為藍(lán)色 @property(nonatomic,copy) NSArray *items; //工具欄中的按鈕單元,UIBarButtonItem @property(nonatomic,assign,getter=isTranslucent) BOOL translucent //是否透明 @property(nonatomic,retain) UIColor *tintColor; //按鈕顏色 @property(nonatomic,retain) UIColor *barTintColor； //工具欄顏色
方法：
※設(shè)置工具欄中的按鈕單元
- (void)setItems:(NSArray *)items animated:(BOOL)animated;
※設(shè)置工具欄的背景圖像
- (void)setBackgroundImage:(UIImage *)backgroundImage forToolbarPosition:(UIBarPosition)topOrBottom barMetrics:(UIBarMetrics)barMetrics;
- (UIImage *)backgroundImageForToolbarPosition:(UIBarPosition)topOrBottom barMetrics:(UIBarMetrics)barMetrics;
※設(shè)置工具欄的陰影圖像
- (void)setShadowImage:(UIImage *)shadowImage forToolbarPosition:(UIBarPosition)topOrBottom;
※獲取工具欄的陰影圖像
- (UIImage *)shadowImageForToolbarPosition:(UIBarPosition)topOrBottom ;
Tool Bar方式切換視圖
1、創(chuàng)建工程：
運(yùn)行Xcode，新建一個(gè)Empty Application，名稱(chēng)為MultiView，其他設(shè)置如下圖：
2、創(chuàng)建3個(gè)View Controller：
依次選擇File — New — New File，打開(kāi)如下窗口：
找到UIViewController subclass并單擊Next，打開(kāi)下面的窗口：
輸入名稱(chēng)RootViewController，并且保證Subclass of選擇UIViewController，下面的兩個(gè)選框都不選；按照同樣的步驟新建兩個(gè)View Controller，名稱(chēng)分別是FirstViewController和SecondViewController。建好后，在Project Navigation中顯示文件如下：
3、為三個(gè)View Controller創(chuàng)建.xib文件：
依次選擇File — New — New File，打開(kāi)如下窗口：
在左邊選User Interface，右邊選View，單擊Next，在新窗口中的Device Family中選擇iPhone，單擊Next，打開(kāi)如下窗口：
輸入名稱(chēng)RootView，單擊Create，創(chuàng)建了一個(gè).xib文件。用同樣的方法再創(chuàng)建兩個(gè).xib，名稱(chēng)分別是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;
}
①
這行代碼用于從RootView.xib文件中初始化rootViewController，注意initWithNibName:@"RootView"中不要后綴名.xib
②
使得RootViewController的視圖不會(huì)被狀態(tài)欄擋住
5、修改RootViewController.h：
單擊RootViewController.h，在其中添加兩個(gè)屬性和一個(gè)方法，如下：
#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、打開(kāi)RootView.xib，在坐邊選擇File's Owner，在右邊打開(kāi)Identity Inspector，在Class下拉菜單選擇RootViewController：
這樣，我們
就可以從RootView.xib文件向RootViewController創(chuàng)建Outlet和Action了。
7、為RootView.xib添加工具欄：打開(kāi)RootView.xib，拖一個(gè)Tool Bar到視圖上，雙擊Tool Bar上的按鈕，修改其名稱(chēng)為Switch Views：
8、添加Action映射：
選中Switch Views按鈕，按住Control，拖到File's Owner，松開(kāi)鼠標(biāo)后選擇switchViews方法：
9、選擇File's Owner，按住Control鍵，拖到View，松開(kāi)鼠標(biāo)，選擇view：
10、修改RootViewController.m：
打開(kāi)RootViewController.m文件，在@implementation之前添加代碼：
#import "FirstViewController.h" #import "SecondViewController.h"
在@implementation之后添加代碼：
@synthesize firstViewController; @synthesize secondViewController;
接下來(lái)修改viewDidLoad方法，這個(gè)方法默認(rèn)是被注釋掉的，先去掉其周?chē)淖⑨尫缓笮薷钠浯a如下：
- (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、打開(kāi)FirstView.xib文件，選擇左邊的File's Owner，然后在Identity Inspector中選擇Class為FirstViewController；然后按住Control鍵從File's Owner圖標(biāo)拖到View，在彈出的菜單選擇view。為SecondView.xib進(jìn)行同樣的操作，不過(guò)Class選擇為SecondViewController。
12、打開(kāi)FirstView.xib文件，選擇View，打開(kāi)Attribute Inspector，進(jìn)行如下設(shè)置：
對(duì)SecondView.xib進(jìn)行同樣設(shè)置，不過(guò)背景顏色設(shè)成紅色。
13、此時(shí)運(yùn)行程序，你會(huì)看見(jiàn)剛啟動(dòng)的時(shí)候，程序顯示的綠色背景，輕觸Switch Views按鈕后，背景變成了紅色。不斷輕觸按鈕，背景不斷變換。
14、添加切換背景的動(dòng)畫(huà)效果：
打開(kāi)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];
}
注意四個(gè)表示切換效果的常量：
UIViewAnimationTransitionFlipFromLeft UIViewAnimationTransitionFlipFromRight UIViewAnimationTransitionCurlDown UIViewAnimationTransitionCurlUp
分別表示從左翻轉(zhuǎn)、從右翻轉(zhuǎn)、向下卷、向上卷。
運(yùn)行后翻頁(yè)效果如下：
- iOS開(kāi)發(fā)中的ViewController轉(zhuǎn)場(chǎng)切換效果實(shí)現(xiàn)簡(jiǎn)介
- 比較IOS開(kāi)發(fā)中常用視圖的四種切換方式
- 一步一步實(shí)現(xiàn)iOS主題皮膚切換效果
- iOS圖片界面翻頁(yè)切換效果
- 淺析iOS多視圖滑動(dòng)點(diǎn)擊切換的集成
- iOS AVPlayer切換播放源實(shí)現(xiàn)連續(xù)播放和全屏切換的方法
- iOS自定義鍵盤(pán)切換效果
- iOS 頁(yè)面滑動(dòng)與標(biāo)題切換顏色漸變的聯(lián)動(dòng)效果實(shí)例
- Unity iOS混合開(kāi)發(fā)界面切換思路解析
- iOS開(kāi)發(fā)tips-UINavigationBar的切換效果
相關(guān)文章
iOS指紋驗(yàn)證TouchID應(yīng)用學(xué)習(xí)教程2
這篇文章主要為大家詳細(xì)iOS指紋驗(yàn)證TouchID應(yīng)用學(xué)習(xí)教程的第一篇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了IOS中UITableView滾動(dòng)到指定位置的實(shí)現(xiàn)方法,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
談?wù)刬OS開(kāi)發(fā)之JSON格式數(shù)據(jù)的生成與解析
JSON格式取代了xml給網(wǎng)絡(luò)傳輸帶來(lái)了很大的便利,本篇文章主要介紹了iOS開(kāi)發(fā)：對(duì)象直接轉(zhuǎn)化成JSON詳解，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-01-01
將多個(gè)字符串高亮顯示之TTTAttributedLabel
本文介紹了將多個(gè)字符串高亮顯示之TTTAttributedLabel。在此需要對(duì)每個(gè)字符串進(jìn)行匹配，可以研究下kmp和bm算法，在這里應(yīng)用了oc自帶的NSRegularExpression 來(lái)進(jìn)行正則表達(dá)式匹配，算是比較簡(jiǎn)單的方法,需要的朋友可以參考下2015-07-07
iOS開(kāi)發(fā)之如何給View添加指定位置的邊框線詳解
這篇文章主要給大家介紹了iOS開(kāi)發(fā)之如何給View添加指定位置的邊框線的相關(guān)資料，給view加邊框很容易，重點(diǎn)是如何給指定邊框加邊框，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-10-10
iOS 9 更新之Safari廣告攔截器（Content Blocker）開(kāi)發(fā)教程
這篇文章主要介紹了iOS 9 更新之Safari廣告攔截器（Content Blocker）開(kāi)發(fā)教程的相關(guān)資料,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)圓環(huán)比例圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
UIMenuController在Cell內(nèi)部無(wú)法顯示的解決辦法（iOS9.2）
這篇文章主要為大家詳細(xì)介紹了UIMenuController在Cell內(nèi)部無(wú)法顯示的解決辦法，感興趣的小伙伴們可以參考一下2016-08-08
IOS開(kāi)發(fā)筆記之禁用手勢(shì)滑動(dòng)返回功能的示例
本篇文章主要介紹了IOS開(kāi)發(fā)筆記之禁用手勢(shì)滑動(dòng)返回功能的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了詳解IOS宏define與常量const的使用方法，適合IOS程序員參考，一起來(lái)學(xué)習(xí)下。2017-12-12