IOS实现多个View的切换

来源：互联网发布：淘宝的服务中心在哪里编辑：程序博客网时间：2024/05/18 13:04

1.通过ChildViewController实现view的切换

viewControlle中可以添加多个subView，在需要的时候显示出来；另一种方法是通过向parentViewController中可以添加多个childCiewController;来控制页面中的subView，降低代码耦合度；通过切换子视图控制器，可以显示不同的view；，替代之前的addSubView的管理。

本节通过类似百度新闻模块切换的界面来演示ChileViewController的应用：

文档结构：

代码演示：

view sourceprint?
#import "MainViewController.h"
#import "FirstViewController.h"
#import "SecondViewController.h"
#import "ThirdViewController.h"
@interface MainViewController ()
@property (nonatomic, strong) FirstViewController *firstVC;
@property (nonatomic, strong) SecondViewController *secondVC;
@property (nonatomic, strong) ThirdViewController *thirdVC;
@property (nonatomic, strong) UIViewController *currentVC;
 
@property (nonatomic, strong) UIScrollView *headScrollView;
@property (nonatomic, strong) NSMutableArray *itemArray;
@property (nonatomic, strong) UIView *contentView;
@end
 
@implementation MainViewController
- (void)loadView{
[super loadView];
[self initialization];
}
 
- (void)viewDidLoad {
[super viewDidLoad];
[self loadBaseUI];
}
 
- (void)initialization{
_itemArray = [NSMutableArray arrayWithObjects:@"头条",@"今日",@"焦点", nil];
}
 
- (void)loadBaseUI{
self.title = @"首页";
_headScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width,44)];
_headScrollView.backgroundColor = [UIColor colorWithWhite:0.902 alpha:1.000];
for (int i = 0; i<_itemArray.count; i++) {
UIButton *itemButton = [[UIButton alloc]initWithFrame:CGRectMake(i*([UIScreen mainScreen].bounds.size.width/_itemArray.count), 0, [UIScreen mainScreen].bounds.size.width/_itemArray.count, 44)];
itemButton.tag = 100+i;
itemButton.backgroundColor = [UIColor clearColor];
NSDictionary *dic = @{NSForegroundColorAttributeName:[UIColor purpleColor],NSFontAttributeName:[UIFont systemFontOfSize:14.0f]};
[itemButton setAttributedTitle:[[NSAttributedString alloc]initWithString:_itemArray[i] attributes:dic] forState:UIControlStateNormal];
[itemButton addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];
[_headScrollView addSubview:itemButton];
}
[_headScrollView setContentSize:CGSizeMake([UIScreen mainScreen].bounds.size.width, 44)];
_headScrollView.showsHorizontalScrollIndicator = NO;
_headScrollView.showsVerticalScrollIndicator = NO;
[self.view addSubview:_headScrollView];
 
_contentView = [[UIView alloc]initWithFrame:CGRectMake(0, 44, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height - 44 - 64)];
_contentView.backgroundColor = [UIColor clearColor];
[self.view addSubview:_contentView];
 
[self addSubControllers];
}
 
#pragma mark - privatemethods
- (void)addSubControllers{
_firstVC = [[FirstViewController alloc]initWithNibName:@"FirstViewController" bundle:nil];
[self addChildViewController:_firstVC];
 
_secondVC = [[SecondViewController alloc]initWithNibName:@"SecondViewController" bundle:nil];
[self addChildViewController:_secondVC];
 
_thirdVC = [[ThirdViewController alloc]initWithNibName:@"ThirdViewController" bundle:nil];
[self addChildViewController:_thirdVC];
 
//调整子视图控制器的Frame已适应容器View
[self fitFrameForChildViewController:_firstVC];
//设置默认显示在容器View的内容
[self.contentView addSubview:_firstVC.view];
 
NSLog(@"%@",NSStringFromCGRect(self.contentView.frame));
NSLog(@"%@",NSStringFromCGRect(_firstVC.view.frame));
 
_currentVC = _firstVC;
}
 
- (void)buttonClick:(UIButton *)sender{
if ((sender.tag == 100 && _currentVC == _firstVC) || (sender.tag == 101 && _currentVC == _secondVC) || (sender.tag == 102 && _currentVC == _thirdVC)) {
return;
}
switch (sender.tag) {
case 100:{
[self fitFrameForChildViewController:_firstVC];
[self transitionFromOldViewController:_currentVC toNewViewController:_firstVC];
}
break;
case 101:{
[self fitFrameForChildViewController:_secondVC];
[self transitionFromOldViewController:_currentVC toNewViewController:_secondVC];
}
break;
case 102:{
[self fitFrameForChildViewController:_thirdVC];
[self transitionFromOldViewController:_currentVC toNewViewController:_thirdVC];
}
break;
}
}
 
- (void)fitFrameForChildViewController:(UIViewController *)chileViewController{
CGRect frame = self.contentView.frame;
frame.origin.y = 0;
chileViewController.view.frame = frame;
}
 
//转换子视图控制器
- (void)transitionFromOldViewController:(UIViewController *)oldViewControllertoNewViewController:(UIViewController *)newViewController{
[self transitionFromViewController:oldViewController toViewController:newViewController duration:0.3options:UIViewAnimationOptionTransitionCrossDissolve animations:nil completion:^(BOOL finished) {
if (finished) {
[newViewController didMoveToParentViewController:self];
_currentVC = newViewController;
}else{
_currentVC = oldViewController;
}
}];
}
 
//移除所有子视图控制器
- (void)removeAllChildViewControllers{
for (UIViewController *vc in self.childViewControllers) {
[vc willMoveToParentViewController:nil];
[vc removeFromParentViewController];
}
}
 
/**
*  方法说明：
*  1、addChildViewController:向父VC中添加子VC，添加之后自动调用willMoveToParentViewController:父VC
*  2、removeFromParentViewController:将子VC从父VC中移除，移除之后自动调用
didMoveToParentViewController:nil
*  3、willMoveToParentViewController:  当向父VC添加子VC之后，该方法会自动调用。若要从父VC移除子VC，需要在移除之前调用该方法，传入参数nil。
*  4、didMoveToParentViewController:  当向父VC添加子VC之后，该方法不会被自动调用，需要显示调用告诉编译器已经完成添加（事实上不调用该方法也不会有问题，不太明白）; 从父VC移除子VC之后，该方法会自动调用，传入的参数为nil,所以不需要显示调用。
*/
 
/**
*  注意点：
要想切换子视图控制器a/b,a/b必须均已添加到父视图控制器中，不然会报错
*/
@end

最终效果：(实现了3个视图之间的切换)

iOS开发剖析网易新闻标签栏视图切换(addChildViewController属性介绍)

时间 2014-06-25 21:45:21 CSDN博客

原文 http://blog.csdn.net/hmt20130412/article/details/34523235

主题 iOS开发

本来只是打算介绍一下addChildViewController这个方法的,正好今天朋友去换工作面试问到网易新闻标签栏效果的实现,就结合它,用个小Demo实例介绍一下:(具体解释都写在了Demo里面的注释)

////  HMTMainViewController.m//  UIScrollView////  Created by HMT on 14-6-25.//  Copyright (c) 2014年 humingtao. All rights reserved.//#import "HMTMainViewController.h"#import "HMTFirstViewController.h"#import "HMTSecondViewController.h"#import "HMTThirdViewController.h"@interface HMTMainViewController () <UIScrollViewDelegate>@property (nonatomic ,strong) HMTThirdViewController  *thirdVC;@property (nonatomic ,strong) HMTFirstViewController  *firstVC;@property (nonatomic ,strong) HMTSecondViewController *secondVC;@property (nonatomic ,strong) UIViewController *currentVC;@property (nonatomic ,strong) UIScrollView *headScrollView;  //  顶部滚动视图@property (nonatomic ,strong) NSArray *headArray;@end@implementation HMTMainViewController- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{  self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];  if (self) {    // Custom initialization  }  return self;}- (void)viewDidLoad{  [super viewDidLoad];  // Do any additional setup after loading the view.     self.navigationItem.title = @"网易新闻Demo";    self.headArray = @[@"头条",@"娱乐",@"体育",@"财经",@"科技",@"NBA",@"手机"];  /**   *   automaticallyAdjustsScrollViewInsets   又被这个属性坑了   *   我"UI高级"里面一篇文章着重讲了它,大家可以去看看   */  self.automaticallyAdjustsScrollViewInsets = NO;  self.headScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 64, 320, 40)];  self.headScrollView.backgroundColor = [UIColor purpleColor];  self.headScrollView.contentSize = CGSizeMake(560, 0);  self.headScrollView.bounces = NO;  self.headScrollView.pagingEnabled = YES;  [self.view addSubview:self.headScrollView];  for (int i = 0; i < [self.headArray count]; i++) {        UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];    button.frame = CGRectMake(0 + i*80, 0, 80, 40);    [button setTitle:[self.headArray objectAtIndex:i] forState:UIControlStateNormal];    button.tag = i + 100;    [button addTarget:self action:@selector(didClickHeadButtonAction:) forControlEvents:UIControlEventTouchUpInside];    [self.headScrollView addSubview:button];      }    /*   苹果新的API增加了addChildViewController方法，并且希望我们在使用addSubview时，同时调用[self addChildViewController:child]方法将sub view对应的viewController也加到当前ViewController的管理中。   对于那些当前暂时不需要显示的subview，只通过addChildViewController把subViewController加进去；需要显示时再调用transitionFromViewController方法。将其添加进入底层的ViewController中。   这样做的好处：      1.无疑，对页面中的逻辑更加分明了。相应的View对应相应的ViewController。   2.当某个子View没有显示时，将不会被Load，减少了内存的使用。   3.当内存紧张时，没有Load的View将被首先释放，优化了程序的内存释放机制。   */    /**   *  在iOS5中，ViewController中新添加了下面几个方法：   *  addChildViewController:   *  removeFromParentViewController   *  transitionFromViewController:toViewController:duration:options:animations:completion:   *  willMoveToParentViewController:   *  didMoveToParentViewController:   */  self.firstVC = [[HMTFirstViewController alloc] init];  [self.firstVC.view setFrame:CGRectMake(0, 104, 320, 464)];  [self addChildViewController:_firstVC];    self.secondVC = [[HMTSecondViewController alloc] init];  [self.secondVC.view setFrame:CGRectMake(0, 104, 320, 464)];    self.thirdVC = [[HMTThirdViewController alloc] init];  [self.thirdVC.view setFrame:CGRectMake(0, 104, 320, 464)];    //  默认,第一个视图(你会发现,全程就这一个用了addSubview)  [self.view addSubview:self.firstVC.view];  self.currentVC = self.firstVC;  }- (void)didClickHeadButtonAction:(UIButton *)button{  //  点击处于当前页面的按钮,直接跳出  if ((self.currentVC == self.firstVC && button.tag == 100)||(self.currentVC == self.secondVC && button.tag == 101.)) {    return;  }else{      //  展示2个,其余一样,自行补全噢    switch (button.tag) {      case 100:        [self replaceController:self.currentVC newController:self.firstVC];        break;      case 101:        [self replaceController:self.currentVC newController:self.secondVC];        break;      case 102:        //.......        break;      case 103:        //.......        break;      case 104:        //.......        break;      case 105:        //.......        break;      case 106:        //.......        break;        //.......      default:        break;    }  }}//  切换各个标签内容- (void)replaceController:(UIViewController *)oldController newController:(UIViewController *)newController{  /**   *着重介绍一下它   *  transitionFromViewController:toViewController:duration:options:animations:completion:   *  fromViewController  当前显示在父视图控制器中的子视图控制器   *  toViewController将要显示的姿势图控制器   *  duration动画时间(这个属性,old friend 了 O(∩_∩)O)   *  options 动画效果(渐变,从下往上等等,具体查看API)   *  animations  转换过程中得动画   *  completion  转换完成   */    [self addChildViewController:newController];  [self transitionFromViewController:oldController toViewController:newController duration:2.0 options:UIViewAnimationOptionTransitionCrossDissolve animations:nil completion:^(BOOL finished) {            if (finished) {                [newController didMoveToParentViewController:self];      [oldController willMoveToParentViewController:nil];      [oldController removeFromParentViewController];      self.currentVC = newController;            }else{                self.currentVC = oldController;            }  }];}

0 0

IOS实现多个View的切换

1.通过ChildViewController实现view的切换

iOS开发 剖析网易新闻标签栏视图切换(addChildViewController属性介绍)

iOS开发剖析网易新闻标签栏视图切换(addChildViewController属性介绍)