iOS实现多控制器切换效果

 更新时间:2022年02月15日 15:20:34   作者:coderMy  
这篇文章主要为大家详细介绍了iOS实现多控制器切换效果,带滑动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了iOS实现多控制器切换效果的具体代码,供大家参考,具体内容如下

主控制器 ,管理控制器 .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);
    //    }

}

目录

效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS 简约日历控件EBCalendarView的实现代码

    iOS 简约日历控件EBCalendarView的实现代码

    本篇文章主要介绍了iOS 简约日历控件EBCalendarView的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • iOS音乐播放器实现代码完整版

    iOS音乐播放器实现代码完整版

    这篇文章主要为大家详细介绍了iOS音乐播放器实现代码完整版,包括音频列表、播放器、后台播放、锁屏播放,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • 如何在iOS中高效的加载图片详解

    如何在iOS中高效的加载图片详解

    这篇文章主要给大家介绍了关于如何在iOS中高效的加载图片的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用iOS具有一定的参考学习价值,需要的朋友可以参考下
    2021-10-10
  • IOS 自定义UIPickView详解及实例代码

    IOS 自定义UIPickView详解及实例代码

    这篇文章主要介绍了IOS 自定义UIPickView详解及实例代码的相关资料,这里写个小实例及效果图,附有实例代码,需要的朋友可以参考下
    2016-12-12
  • Flutter CustomPaint自定义绘画示例详解

    Flutter CustomPaint自定义绘画示例详解

    这篇文章主要为大家介绍了Flutter CustomPaint自定义绘画示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 详解iOS视频播放方式

    详解iOS视频播放方式

    本篇文章给大家详细讲述了详解iOS视频播放方式以及第三方开元播放软件的使用,学习下吧。
    2017-12-12
  • iOS实现摄像头实时采集图像

    iOS实现摄像头实时采集图像

    这篇文章主要为大家详细介绍了iOS实现摄像头实时采集图像,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • iOS 9 更新之Safari广告拦截器(Content Blocker)开发教程

    iOS 9 更新之Safari广告拦截器(Content Blocker)开发教程

    这篇文章主要介绍了iOS 9 更新之Safari广告拦截器(Content Blocker)开发教程的相关资料,需要的朋友可以参考下
    2015-08-08
  • IOS代码笔记之下拉选项cell

    IOS代码笔记之下拉选项cell

    这篇文章主要为大家详细介绍了IOS代码笔记之下拉选项cell的相关资料,需要的朋友可以参考下
    2016-07-07
  • iOS实现UITableView左滑删除复制即用功能

    iOS实现UITableView左滑删除复制即用功能

    这篇文章主要介绍了iOS实现UITableView左滑删除复制即用功能,在项目开发中经常会用到这样的需求,下面小编把实现代码分享给大家,需要的朋友可以参考下
    2017-09-09

最新评论