zoukankan      html  css  js  c++  java
  • 分段控制器UISegmentedControl的使用、同一个控制器中实现多个View的切换、addChildViewController等方法的使用

    本文先讲解简单的分段控制器UISegmentedControl的使用,然后具体讲解它最常使用的场景:同一个控制器中实现多个View的切换。


     文章构思:

    1、先直接讲解一张UI效果图的四种实现方式。

    2、对UISegmentedControl类的各种属性和各种方法的讲解。


    UISegmentedControl控件的很大的使用场景基本像下面这张图显示的一样,在同一个控制器中实现多个View的切换。

    结合这张图,我先讲解下产品的要求。导航栏上面放置一个UISegmentedControl控件,可以切换“空间”数据、“活动”数据。并且空间数据的展示界面和活动数据的展示界面是不一样的UI布局。

    当然,如果这多个界面的UI布局是一样的,不同的只是数据,那肯定就采用同一个控制器、同UI界面,赋予不同的数据,然后刷新就好了。

    为了实现这样的效果,一般市面上有四种实现方案,我比较偏向使用第三种。第四种也就是将前面两种方法结合起来使用。


     

    第一种方式:如上图所示,实现的思路就是使用UIScrollView控件,将ViewA和ViewB都放置在UIScrollView中,然后当点击UISegmentedControl控件时,使用UIScrollView对象的内容偏移的方式,达到所需效果。

    好处:两个View是放置在ScrollView上面的,View切换过程中,比较顺畅、可以同时存在ViewA的右半部分、ViewB的左半部分。

    坏处:ViewA和ViewB都是由VCA这样一个控制器控制的。包括ViewA和ViewB上面数据的请求、数据的处理、界面交互的处理等等事宜,都是由VCA控制器来处理。这样的话,势必造成VCA代码比较混乱,不方便管理。


    第二种方式:如上图所示,让ViewA有自己的控制器VCA、ViewB也有自己的控制器VCB,让ViewB放置在ViewA上面就行了。只是在这个过程中,不能简单的只调用addSubView:方法,还有使用addChildViewController:方法。

    苹果官方的解释:

    苹果新的API增加了addChildViewController方法,并且希望我们在使用addSubview时,同时调用[self addChildViewController:child]方法将subview对应的viewController也加到当前ViewController的管理中。

    对于那些当前暂时不需要显示的subview,只通过addChildViewController把subViewController加进去;需要显示时再调用transitionFromViewController方法。将其添加进入底层的ViewController中。

    这样做的好处:

    1.无疑,对页面中的逻辑更加分明了。相应的View对应相应的ViewController。

    2.当某个子View没有显示时,将不会被Load,减少了内存的使用。

    3.当内存紧张时,没有Load的View将被首先释放,优化了程序的内存释放机制。

    然后这里就涉及到addChildViewController等方法的使用,网上对它的介绍内容比较繁多,总结起来其实也就是下面这个代码,使用的时候照搬即可:

    if (添加controller控制器) {
        [self addChildViewController:controller];
        [controller didMoveToParentViewController:self];
    } else {// 删除controller控制器
        [controller willMoveToParentViewController:nil];
        [controller removeFromParentViewController];
    }

     现在直接给出,完成项目要求的相关代码:(不能直接使用,主要是看方法)

    @property (nonatomic, strong) UISegmentedControl *segmentedControl;
    @property (nonatomic, strong) WSFShopActivityListVC *shopActivityListVC;
    
    - (UISegmentedControl *)segmentedControl {
        if (!_segmentedControl) {
            _segmentedControl = [[UISegmentedControl alloc] initWithItems:@[@"空间",@"活动"]];
            _segmentedControl.frame = CGRectMake(0, 0, 140, 32);
            _segmentedControl.selectedSegmentIndex = 0;
            _segmentedControl.tintColor = [UIColor whiteColor];
            _segmentedControl.layer.cornerRadius = 16;
            _segmentedControl.layer.masksToBounds = YES;
            _segmentedControl.layer.borderWidth = 1;
            _segmentedControl.layer.borderColor = [UIColor whiteColor].CGColor;
            [_segmentedControl addTarget:self action:@selector(indexDidChangeForSegmentedControl:)
    forControlEvents:UIControlEventValueChanged];
        }
        return _segmentedControl;
    }
    - (WSFShopActivityListVC *)shopActivityListVC {
        if (!_shopActivityListVC) {
            _shopActivityListVC = [[WSFShopActivityListVC alloc] init];
        }
        return _shopActivityListVC;
    }
    
    #pragma mark - UISegmentedControl协议方法
    - (void)indexDidChangeForSegmentedControl:(UISegmentedControl *)sender {
        switch(sender.selectedSegmentIndex){
            case 0:
                sender.selectedSegmentIndex = 0;
                
                [self.shopActivityListVC.view removeFromSuperview];
                [self.shopActivityListVC willMoveToParentViewController:nil];
                [self.shopActivityListVC removeFromParentViewController];
                
                break;
            case 1:
                sender.selectedSegmentIndex = 1;
                
                [self.view addSubview:self.shopActivityListVC.view];
                [self addChildViewController:self.shopActivityListVC];
                [self.shopActivityListVC didMoveToParentViewController:self];
                
                break;
                
            default:
                break;
        }
    }

     

    第三种实现方式:如上图所示,VCC专门作为一个控制器容器,轮流着将ViewA和ViewB添加到ViewC上面。


     当然,还可以将前面两种思路综合起来使用,思路如下图:

    第四种方式:如上如所示,使用了另外一个“专门的ViewController容器”VCC。结合第一种、第二种的思路应该是很好理解上图的,这里就不多说了。 


     使用注意事项:

    1、对于SKStoreProductViewController这类控制器,设计者只允许将它模态跳转出来。此时使用addChildViewController是会报错的。

    具体使用可以参看这片文章【https://www.cnblogs.com/cchHers/p/9099421.html】。

    最后对于 UISegmentedControl控件的各种属性、各种方法的说明,我就先不往下写了。以后有时间在更新~

    ~暂时就这么多内容了。

  • 相关阅读:
    python pop()
    二年为限,看到自己的改变
    Android layout布局属性、标签属性总结大全
    js判断PC端和移动端
    JS简易模拟滚动条
    (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
    手机尺寸和平板电脑的屏幕分辨率
    【整理笔记】手机端html页面制作需要了解的东西集合
    JS获取浏览器版本号及获取IE版本提示并关闭
    CSS DIV垂直居中
  • 原文地址:https://www.cnblogs.com/cchHers/p/9026302.html
Copyright © 2011-2022 走看看