1. 程式人生 > >多控制器切換(帶滑動動畫)

多控制器切換(帶滑動動畫)

主控制器 ,管理控制器 .h檔案

//巨集
#define kScreenWidth  [UIScreen mainScreen].bounds.size.width
#define kScreenHeight  [UIScreen mainScreen].bounds.size.height

#import "MYMainViewController.h"
#import "MYFirstViewController.h"
#import "MYSecondViewController.h"
#import "MYThirdViewController.h"

@interface MYMainViewController
()<UIScrollViewDelegate>
//控制器名 @property (nonatomic, strong) NSArray *VcNames; //選擇欄 @property(nonatomic, strong) UIView *clickBar; //底部容器scrollView @property (strong, nonatomic) UIScrollView *containerScrollerView; @end

. m 檔案
底部scrollView , 用於滑動

@implementation MYMainViewController

- (UIScrollView
*)containerScrollerView { if (!_containerScrollerView) { _containerScrollerView = [[UIScrollView alloc]init]; _containerScrollerView.pagingEnabled = YES; _containerScrollerView.showsVerticalScrollIndicator = NO; _containerScrollerView.showsHorizontalScrollIndicator
= NO; _containerScrollerView.contentSize = CGSizeMake(kScreenWidth *self.VcNames.count,kScreenHeight); _containerScrollerView.backgroundColor = [UIColor whiteColor]; _containerScrollerView.delegate = self; } return _containerScrollerView; }

初始化頂部選擇欄

//三個子控制器
- (NSArray *)VcNames
{
    if (!_VcNames) {
        _VcNames = @[@"控制器一",@"控制器二",@"控制器三"];
    }
    return _VcNames;
}

//點選選擇欄
- (UIView *)clickBar
{
    if (!_clickBar) {
        _clickBar = [[UIView alloc]init];
        _clickBar.backgroundColor = [UIColor lightGrayColor];

        CGFloat width = kScreenWidth / 3;
        CGFloat height = 44;
        //初始化按鈕
        for (NSInteger index = 0; index < 3; index++) {

            UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
            [button setTitle:self.VcNames[index] forState:UIControlStateNormal];
            [button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
            button.frame = (CGRect){width *index,0,width,height};
            [button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];

            //繫結tag值
            button.tag = index;
            [_clickBar addSubview:button];
        }
    }
    return _clickBar;
}

viewDidLoad

- (void)viewDidLoad {
    [super viewDidLoad];

    self.edgesForExtendedLayout = 0;
    //初始化選擇欄
    [self initClickBar];

    //初始化底部scrollView容器
    [self initScrollViewContainer];

    //初始化子控制器
    [self addChildControllers];

}

新增子控制器 , 初始化UI

//按鈕選擇欄
- (void)initClickBar
{
    [self.view addSubview:self.clickBar];
    self.clickBar.frame = (CGRect){0,0,[UIScreen mainScreen].bounds.size.width,44};
}

//初始化滑動容器
- (void)initScrollViewContainer
{
    [self.view addSubview:self.containerScrollerView];
    self.containerScrollerView.frame = CGRectMake(0,44,kScreenWidth, kScreenHeight );
}

//新增子控制器
- (void)addChildControllers
{
    //為了方便直觀 , 在此處設定背景色  (實際開發中,不能在這裡設定 , 原因是這裡只要呼叫到了控制器的view屬性 , 該控制器將會執行viewDidLoad方法 , 相當於直接一開始就將三個控制器的所有UI和網路請求全載入完了 , 負荷會相當重)
    MYFirstViewController *firstVc = [[MYFirstViewController alloc]init];
    firstVc.view.backgroundColor = [UIColor redColor];
    [self addChildViewController:firstVc];

    MYSecondViewController *secondVc = [[MYSecondViewController alloc]init];
    secondVc.view.backgroundColor = [UIColor blueColor];
    [self addChildViewController:secondVc];

    MYThirdViewController *thirdVc = [[MYThirdViewController alloc]init];
    thirdVc.view.backgroundColor = [UIColor yellowColor];
    [self addChildViewController:thirdVc];

    //預設展示第一個子控制器
    [self scrollViewDidEndDecelerating:self.containerScrollerView];
}

按鈕點選事件實現 , 代理方法實現

//選擇欄按鈕點選事件
- (void)buttonClick:(UIButton *)button
{
    [self.containerScrollerView setContentOffset:CGPointMake(button.tag *kScreenWidth, 0) animated:YES];
}

//滑動減速時呼叫
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    //獲取contentOffset
    CGPoint currentOffset = scrollView.contentOffset;

    NSInteger page = currentOffset.x / kScreenWidth;

    //取出對應控制器
    UIViewController *viewController = self.childViewControllers[page];

    //新增到scrollView容器
    //    if (![viewController isViewLoaded]) {

    [self.containerScrollerView addSubview:viewController.view];
    viewController.view.frame = CGRectMake(page *kScreenWidth, 0,kScreenWidth, kScreenHeight);
    //    }

}

目錄
這裡寫圖片描述

效果

這裡寫圖片描述