iOS 多个视图在同一个controller上面的滑动

滑动视图.gif

实现这样的效果，
代码如下。
两个文件。

SlidingHeadView.h

#import <UIKit/UIKit.h>

@interface SlidingHeadView : UIView<UIScrollViewDelegate>

@property (nonatomic ,copy) NSArray * titlesArr;

-(void) setSlideHeadView;

-(void) addChildrenViewController:(UIViewController *)childrenVC;

@end

SlidingHeadView.m

#import "SlidingHeadView.h"
#import "BaseViewController.h"

@interface SlidingHeadView ()

@property(nonatomic,strong) UIButton *currentSeletedButton;
@property(nonatomic,strong) UIView *titlesView;
@property(nonatomic,strong) UIView *lineView;
@property(nonatomic,strong) UIScrollView *contentScrollView;

@end

@implementation SlidingHeadView

-(void) setSlideHeadView {
    [self setupTopTitlesViews];
    [self setupScrollV];
}

-(void) addChildrenViewController:(UIViewController *)childrenVC {
    BaseViewController *superVC = [self findViewController:self];
    [superVC addChildViewController:childrenVC];
}

-(void) setupTopTitlesViews {
    self.titlesView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.width, 50 *SCALE_WIDTH)];
    self.titlesView.backgroundColor = [UIColor whiteColor];
    [self addSubview:self.titlesView];
    
    UIView *lineV = [[UIView alloc] init];
    lineV.backgroundColor = GREEN_COLOR;
    lineV.height = 2 *SCALE_WIDTH;
    
    lineV.y = 48 *SCALE_WIDTH;
    [self.titlesView addSubview:lineV];
    self.lineView = lineV;
    
    for (NSInteger i = 0; i < _titlesArr.count; i++) {
        
        UIButton *btn = [[UIButton alloc] init];
        btn.frame = CGRectMake(i*self.width/_titlesArr.count, 0, self.width/_titlesArr.count, 48 *SCALE_WIDTH);
        btn.tag = i;
        [btn setTitle:_titlesArr[i] forState:UIControlStateNormal];
        [btn setTitleColor:DARK_FONT_COLOR forState:UIControlStateNormal];
        [btn setTitleColor:GREEN_COLOR forState:UIControlStateDisabled];
        btn.titleLabel.font = [UIFont systemFontOfSize:13.0f];
        [btn addTarget:self action:@selector(titleClick:) forControlEvents:UIControlEventTouchUpInside];
        [self.titlesView addSubview:btn];
        
        if (i == 0) {
            btn.enabled = NO;
            self.currentSeletedButton = btn;
            [btn.titleLabel sizeToFit];
            self.lineView.width = 30 *SCALE_WIDTH;
            self.lineView.centerX = btn.centerX;
        }
    }
    
    UILabel *smallLab = [[UILabel alloc] initWithFrame:CGRectMake(0, 2, self.width, 0.1)];
    [self addSubview:smallLab];
    [self.titlesView addSubview:lineV];
    
}

-(void) setupScrollV {
    self.contentScrollView = [[UIScrollView alloc] init];
    
    if (KISIPHONEX) {
        _contentScrollView.frame = CGRectMake(0, 50 *SCALE_WIDTH, self.width, self.height - (50 + 61 + 50) *SCALE_WIDTH);
    } else {
        _contentScrollView.frame = CGRectMake(0, 50 *SCALE_WIDTH, self.width, self.height - (50 + 61) *SCALE_WIDTH);
    }

    self.contentScrollView.contentSize = CGSizeMake(_titlesArr.count * self.width, 0);
    self.contentScrollView.contentOffset = CGPointMake(0, 0);
    self.contentScrollView.showsHorizontalScrollIndicator  = NO;
    self.contentScrollView.pagingEnabled = YES;
    self.contentScrollView.delegate = self;
    self.contentScrollView.bounces = NO;
    [self scrollViewDidEndScrollingAnimation:self.contentScrollView];
    self.contentScrollView.backgroundColor = BACKGROUND_COLOR;
    [self addSubview:self.contentScrollView];
}

-(void)titleClick:(UIButton *)button {
    self.currentSeletedButton.enabled = YES;
    button.enabled = NO;
    self.currentSeletedButton = button;
    
    [UIView animateWithDuration:0.25 animations:^{
        self.lineView.width = 30 *SCALE_WIDTH;
        self.lineView.centerX = button.centerX;
    }];
    
    CGPoint offset = self.contentScrollView.contentOffset;
    offset.x = button.tag *self.contentScrollView.width;
    [self.contentScrollView setContentOffset:offset animated:YES];
}

-(void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {
    
    NSInteger index = scrollView.contentOffset.x/scrollView.width;
    BaseViewController *superVC = [self findViewController:self];
    BaseViewController *vc = superVC. childViewControllers[index];
    vc.view.x = scrollView.contentOffset.x;
    vc.view.y = 0;
    vc.view.height = scrollView.height;
    vc.view.width = scrollView.width;
    [scrollView addSubview:vc.view];
}

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    [self scrollViewDidEndScrollingAnimation:scrollView];
    NSInteger index = scrollView.contentOffset.x / scrollView.width;
    [self titleClick:self.titlesView.subviews[index]];
}

- (BaseViewController *)findViewController:(UIView *)sourceView {
    id target = sourceView;
    while (target) {
        target = ((UIResponder *)target).nextResponder;
        if ([target isKindOfClass:[BaseViewController class]]) {
            break;
        }
    }
    return target;
}

@end

SliderView.h

#import <UIKit/UIKit.h>

@interface SliderView : UIView<UIScrollViewDelegate>

/** 文字scrollView  */
@property (nonatomic, strong) UIScrollView *titleScrollView;
/** 控制器scrollView  */
@property (nonatomic, strong) UIScrollView *contentScrollView;
/** 标签文字  */
@property (nonatomic ,copy) NSArray * titlesArr;
/** 标签按钮  */
@property (nonatomic, strong) NSMutableArray *buttons;
/** 选中的按钮  */
@property (nonatomic ,strong) UIButton * selectedBtn;
/** 选中的按钮背景图  */
@property (nonatomic ,strong) UIImageView * imageBackView;

-(void)setSlideHeadView;

-(void)addChildViewController:(UIViewController *)childVC title:(NSString *)vcTitle;

@end

SliderView.m

#import "SliderView.h"

@implementation SliderView

static CGFloat const titleH = 44;/** 文字高度  */
static CGFloat const MaxScale = 1.2;/** 选中文字放大  */

- (NSMutableArray *)buttons {
    if (!_buttons) {
        _buttons = [NSMutableArray array];
    }
    return _buttons;
}

-(id)init{
    if (self = [super init]) {
        
    }
    return self;
}

-(void)setSlideHeadView{
    
    [_titleScrollView removeFromSuperview];

    [self setTitleScrollView];        /** 添加文字标签  */
    [self setContentScrollView];      /** 添加scrollView  */
    [self setupTitle];                /** 设置标签按钮 文字 背景图  */
    
    self.contentScrollView.contentSize = CGSizeMake(self.titlesArr.count * SCREEN_WIDTH, 0);
    self.contentScrollView.pagingEnabled = YES;
    self.contentScrollView.showsHorizontalScrollIndicator  = NO;
    self.contentScrollView.delegate = self;
    self.contentScrollView.bounces = NO;
    
}

- (UIViewController *)findViewController:(UIView *)sourceView {
    id target = sourceView;
    while (target) {
        target = ((UIResponder *)target).nextResponder;
        if ([target isKindOfClass:[UIViewController class]]) {
            break;
        }
    }
    return target;
}

#pragma mark - PRIVATE
-(void)addChildViewController:(UIViewController *)childVC title:(NSString *)vcTitle{
    UIViewController *superVC = [self findViewController:self];
    childVC.title = vcTitle;
    [superVC addChildViewController:childVC];
}

-(void)setTitleScrollView{
    UIViewController *superVC = [self findViewController:self];
    [self.titleScrollView removeAllSubviews];
    self.titleScrollView = nil;
    CGRect rect  = CGRectMake(0, 0, SCREEN_WIDTH, titleH);
    self.titleScrollView = [[UIScrollView alloc] initWithFrame:rect];
    [superVC.view addSubview:self.titleScrollView];
}

-(void)setContentScrollView{
    
    UIViewController *superVC = [self findViewController:self];
    [self.contentScrollView removeAllSubviews];
    self.contentScrollView = nil;
    CGFloat y  = CGRectGetMaxY(self.titleScrollView.frame);
    CGRect rect  = CGRectMake(0, y, SCREEN_WIDTH, SCREEN_HEIGHT - (titleH + 180) *SCALE_WIDTH);
    if (KISIPHONEX) {
        rect = CGRectMake(0, y, SCREEN_WIDTH, SCREEN_HEIGHT - (titleH + 180+50) *SCALE_WIDTH);
    }
    self.contentScrollView = [[UIScrollView alloc] initWithFrame:rect];
    [superVC.view addSubview:self.contentScrollView];
}

-(void)setupTitle{
    
    UIViewController *superVC = [self findViewController:self];
    NSUInteger count = superVC.childViewControllers.count;
    CGFloat x = 0;
    CGFloat w = _titlesArr.count <= 0 ? SCREEN_WIDTH : (_titlesArr.count > 4 ? SCREEN_WIDTH/4 + 20 *SCALE_WIDTH: (SCREEN_WIDTH/_titlesArr.count) + 20 *SCALE_WIDTH );
    CGFloat h = titleH;
    self.imageBackView  = [[UIImageView alloc] initWithFrame:CGRectMake(0, 5 *SCALE_WIDTH, w, titleH-10 *SCALE_WIDTH)];
    self.imageBackView.userInteractionEnabled = YES;
    [self.titleScrollView addSubview:self.imageBackView];
    self.titleScrollView.backgroundColor = [UIColor whiteColor];
    
    for (int i = 0; i < count; i++) {
        
        x = i * w;
        CGRect rect = CGRectMake(x, 0, w, h);
        UIButton *btn = [[UIButton alloc] initWithFrame:rect];
        UIViewController *vc = superVC.childViewControllers[i];
        btn.tag = i;
        [btn setTitle:vc.title forState:UIControlStateNormal];
        [btn setTitleColor:DARK_FONT_COLOR forState:UIControlStateNormal];
        btn.titleLabel.font = [UIFont systemFontOfSize:13.0];
        [btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchDown];
        [self.buttons addObject:btn];
        [self.titleScrollView addSubview:btn];
        if (i == 0) {
            [self click:btn];
        }
    }
    self.titleScrollView.contentSize = CGSizeMake(count *w, 0);
    self.titleScrollView.showsHorizontalScrollIndicator = NO;
    
}

-(void)click:(UIButton *)sender{
    
    [self selectTitleBtn:sender];
    NSInteger i = sender.tag;
    CGFloat x  = i *SCREEN_WIDTH;
    self.contentScrollView.contentOffset = CGPointMake(x, 0);
    [self setUpOneChildController:i];
    
}

-(void)selectTitleBtn:(UIButton *)btn{
    
    [self.selectedBtn setTitleColor:DARK_FONT_COLOR forState:UIControlStateNormal];
    self.selectedBtn.transform = CGAffineTransformIdentity;
    
    [btn setTitleColor:GREEN_COLOR forState:UIControlStateNormal];
    btn.transform = CGAffineTransformMakeScale(MaxScale, MaxScale);
    self.selectedBtn = btn;
    
    [self setupTitleCenter:btn];
    
}

-(void)setupTitleCenter:(UIButton *)sender {
    
    CGFloat offset = sender.center.x - SCREEN_WIDTH * 0.5;
    if (offset < 0) {
        offset = 0;
    }
    
    CGFloat maxOffset  = self.titleScrollView.contentSize.width - SCREEN_WIDTH;
    if (offset > maxOffset && maxOffset>0) {
        offset = maxOffset;
    }
    
    [self.titleScrollView setContentOffset:CGPointMake(offset, 0) animated:YES];
    
}

-(void)setUpOneChildController:(NSInteger)index{
    UIViewController *superVC = [self findViewController:self];
    
    CGFloat x  = index * SCREEN_WIDTH;
    UIViewController *vc  =  superVC.childViewControllers[index];
    if (vc.view.superview) {
        return;
    }
    vc.view.frame = CGRectMake(x, 0, SCREEN_WIDTH, SCREEN_HEIGHT - self.contentScrollView.frame.origin.y);
    [self.contentScrollView addSubview:vc.view];
    
}

#pragma mark - UIScrollView  delegate
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    NSInteger i  = self.contentScrollView.contentOffset.x / SCREEN_WIDTH;
    [self selectTitleBtn:self.buttons[i]];
    [self setUpOneChildController:i];
}

-(void)scrollViewDidScroll:(UIScrollView *)scrollView {

    CGFloat offsetX  = scrollView.contentOffset.x;
    NSInteger leftIndex  = offsetX / SCREEN_WIDTH;
    NSInteger rightIdex  = leftIndex + 1;
    
    UIButton *leftButton = self.buttons[leftIndex];
    UIButton *rightButton  = nil;
    if (rightIdex < self.buttons.count) {
        rightButton  = self.buttons[rightIdex];
    }
    CGFloat scaleR  = offsetX / SCREEN_WIDTH - leftIndex;
    CGFloat scaleL  = 1 - scaleR;
    CGFloat transScale = MaxScale - 1;
    
    self.imageBackView.transform  = CGAffineTransformMakeTranslation((offsetX*(self.titleScrollView.contentSize.width / self.contentScrollView.contentSize.width)), 0);
    
    leftButton.transform = CGAffineTransformMakeScale(scaleL * transScale + 1, scaleL * transScale + 1);
    rightButton.transform = CGAffineTransformMakeScale(scaleR * transScale + 1, scaleR * transScale + 1);
    
}

@end

使用：在A Controller中，添加B和C两个Controller，或多个

SlidingHeadView *slidingV = [[SlidingHeadView alloc] init];
slidingV.frame = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
slidingV.titlesArr = [NSArray arrayWithObjects:@"公告", @"资讯", nil];
[self.view addSubview:slidingV];
    
BulletinViewController *bulletinVC = [[BulletinViewController alloc] init];
[slidingV addChildrenViewController:bulletinVC];
    
NewsViewController *newsVC = [[NewsViewController alloc] init];
[slidingV addChildrenViewController:newsVC];
    
[slidingV setSlideHeadView];

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 219,490评论 6赞 508
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 93,581评论 3赞 395
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 165,830评论 0赞 356
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,957评论 1赞 295
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,974评论 6赞 393
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,754评论 1赞 307
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,464评论 3赞 420
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 39,357评论 0赞 276
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,847评论 1赞 317
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,995评论 3赞 338
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 40,137评论 1赞 351
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,819评论 5赞 346
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,482评论 3赞 331
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 32,023评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 33,149评论 1赞 272
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 48,409评论 3赞 373
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 45,086评论 2赞 355

iOS 多个视图在同一个controller上面的滑动

推荐阅读更多精彩内容