ios-滚动导航条页面

//  ViewController.m

#import "ViewController.h"
#import "ScrollSliderView.h"
@interface ViewController ()
{
    NSArray *titleArray;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
     NSArray *arr = @[@"家电",@"生鲜",@"小饰品",@"Apple全场",@"水果",@"疯狂折扣中",@"Hot美味零食",@"分期优惠",@"特卖专柜衣服",@"日常用品大集合",@"母婴海外"];
    self.view.backgroundColor=[UIColor orangeColor];
    self.automaticallyAdjustsScrollViewInsets=NO;
    ScrollSliderView *scrollSliderView = [[ScrollSliderView alloc]initWithController:self withTitleArray:arr];
    [self.view addSubview:scrollSliderView];
}

 

//
//  ScrollSliderView.h

#import <UIKit/UIKit.h>

@interface ScrollSliderView : UIView<UIScrollViewDelegate>
#define VIEWWIDTH [UIScreen mainScreen].bounds.size.width
#define VIEWHEIGHT [UIScreen mainScreen].bounds.size.height
#define RAN_COLOR(CUS_RGB) [UIColor colorWithRed:((float)((CUS_RGB & 0xFF0000) >> 16))/255.0 green:((float)((CUS_RGB & 0xFF00) >> 8))/255.0 blue:((float)(CUS_RGB & 0xFF))/255.0 alpha:1.0f]
/*
 *
 *初始化数据
 */
-(id)initWithController:(UIViewController *)controller withTitleArray:(NSArray *)titleArray;
/*
 *底部ScrollView
 */
@property (nonatomic,strong)UIScrollView *mainScrollView;
/*
 *滑块ScrollView
 */
@property (nonatomic,strong)UIScrollView *sliderScrollView;
/*
 *存放title的数组
 */
@property (nonatomic,copy)NSArray *dataArray;
/*
 *点击或滑动后选中的位置
 */
@property (nonatomic, assign) NSInteger selectIndex;
/*
 *所在的控制器
 */
@property (nonatomic,weak)UIViewController *fatherController;
@end

 

//
//  ScrollSliderView.m
#import "ScrollSliderView.h"
#import "SubViewController.h"
#import "Cache.h"

@implementation ScrollSliderView
{
    Cache *cache;
}
/*
 *初始化底部ScrollView
 */
-(UIScrollView *)mainScrollView{
    
    if (!_mainScrollView) {
        _mainScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 100, VIEWWIDTH, VIEWHEIGHT-100)];
        _mainScrollView.bounces = NO;
        _mainScrollView.showsVerticalScrollIndicator = NO;
        _mainScrollView.showsHorizontalScrollIndicator = NO;
        _mainScrollView.pagingEnabled = YES;
        _mainScrollView.backgroundColor = [UIColor lightGrayColor];
        _mainScrollView.delegate = self;
    }
    
    return _mainScrollView;
}
/*
 *初始化self所有的控件
 */
-(id)initWithController:(UIViewController *)controller withTitleArray:(NSArray *)titleArray
{
    if (self = [super initWithFrame:[UIScreen mainScreen].bounds]) {
        cache = [[Cache alloc]init];
        _dataArray = [NSArray arrayWithArray:titleArray];
        _fatherController = controller;

        [self mainScrollView];
        [self addSubview:_mainScrollView];
        
        [self creatSliderScrollView:titleArray];
        _mainScrollView.contentSize = CGSizeMake(titleArray.count*VIEWWIDTH, VIEWHEIGHT - 64 - 36);
        SubViewController *subVC = [SubViewController new];
        subVC.index = 0;
        subVC.tilte = _dataArray[0];
        subVC.view.frame = CGRectMake(0,0, VIEWWIDTH,_mainScrollView.frame.size.height);
        subVC.view.backgroundColor = [UIColor colorWithHue:(arc4random() % 256 / 256.0) saturation:(arc4random() % 128 / 256.0) + 0.5 brightness:(arc4random() % 128) + 0.5 alpha:1];
        [_mainScrollView addSubview:subVC.view];
        [controller addChildViewController:subVC];
        [cache addCacheSelectIndex:0];
    }
    return self;

}
/*
 *创建滑块
 */
- (void)creatSliderScrollView:(NSArray *)array{
    _sliderScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0,64, VIEWWIDTH, 36)];
    _sliderScrollView.backgroundColor = [UIColor whiteColor];
    _sliderScrollView.bounces = NO;
    _sliderScrollView.showsHorizontalScrollIndicator = NO;
    _sliderScrollView.showsVerticalScrollIndicator = NO;
    [self addSubview:_sliderScrollView];
    CGFloat spaceWidth = 6;
    CGFloat widthContentSize = 0;
    for (NSInteger i = 0; i < array.count; i++) {
        NSString *titleName = self.dataArray[i];
        NSInteger strWidth = [self sizeforWidthWithString:titleName];
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        UIView *sliderSign = [[UIView alloc]initWithFrame:CGRectMake(spaceWidth + widthContentSize,33,strWidth + 10,2)];
        sliderSign.backgroundColor = RAN_COLOR(0xE43494);
        sliderSign.tag = 10000 + i;
        btn.frame = CGRectMake(spaceWidth+widthContentSize,2,strWidth + 10,32);
        [btn setTitle:titleName forState:UIControlStateNormal];
        [btn setTitleColor:RAN_COLOR(0xE43494) forState:UIControlStateSelected];
        [btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        btn.titleLabel.font = [UIFont systemFontOfSize:14];
        [_sliderScrollView addSubview:btn];
        [_sliderScrollView addSubview:sliderSign];
        btn.tag = 20000 + i;
        if (i == 0) {
            btn.selected = YES;
            sliderSign.hidden = NO;
        }else{
            
            sliderSign.hidden = YES;
            
        }
        widthContentSize = strWidth+10+spaceWidth+widthContentSize;
        [btn addTarget:self action:@selector(selectIndexTableViewAndCollectionView:) forControlEvents:UIControlEventTouchUpInside];
    }
    self.sliderScrollView.contentSize = CGSizeMake(widthContentSize + 6, 36);
}
/*
 *计算title的长度
 */
-(NSInteger)sizeforWidthWithString:(NSString *)str
{
    NSDictionary *attribute = @{NSFontAttributeName: [UIFont systemFontOfSize:14]};
    CGSize size = [str boundingRectWithSize:CGSizeMake(VIEWWIDTH - 10, 0) options: NSStringDrawingTruncatesLastVisibleLine | NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:attribute context:nil].size;
    return size.width;
}
/*
 *点击滑块按钮响应事件
 */
- (void)selectIndexTableViewAndCollectionView:(UIButton *)sender{
    //按钮点击 先把所有的按钮都不选中 滑动条View隐藏
    for (NSInteger i = 0; i < _dataArray.count; i++) {
        UIButton *btn = (UIButton *)[self viewWithTag:20000 + i];
        UIView *sliderSign = (UIView *)[self viewWithTag:10000 + i];
        sliderSign.hidden = YES;
        btn.selected = NO;
    }
    NSInteger index = sender.tag - 20000;
    self.selectIndex = index;
    //选中 为选中状态
    sender.selected = YES;
    UIView *View = (UIView *)[self viewWithTag:index + 10000];
    View.hidden = NO;
    
    UIButton *btnRight = [_sliderScrollView viewWithTag:sender.tag + 1];
    UIButton *btnLeft = [_sliderScrollView viewWithTag:sender.tag - 1];
    //分页 显示哪个控制器
    _mainScrollView.contentOffset = CGPointMake(index*VIEWWIDTH,0);
    if ((sender.frame.origin.x + sender.frame.size.width) > VIEWWIDTH - 10){
        if (sender.tag != (20000 + _dataArray.count - 1)) {
            [UIView animateWithDuration:0.3f animations:^{
                self.sliderScrollView.contentOffset = CGPointMake(btnRight.frame.origin.x + btnRight.frame.size.width - VIEWWIDTH, 0);
            }];
        }
    }
    else
    {
        [UIView animateWithDuration:0.3f animations:^{
            self.sliderScrollView.contentOffset = CGPointMake(btnLeft.frame.origin.x, 0);
        }];
    }
    
    if (![cache hasCacheIndex:_selectIndex]) {
        [self addSubController];  
    }   
}
/*
 *创建未创建的滑块对应控制器
 */
-(void)addSubController
{
    SubViewController *subVC = [SubViewController new];
    subVC.index = _selectIndex;
    subVC.tilte = _dataArray[_selectIndex];
    [_mainScrollView addSubview:subVC.view];
    subVC.view.frame = CGRectMake(_selectIndex*VIEWWIDTH,0, VIEWWIDTH,_mainScrollView.frame.size.height);
    subVC.view.backgroundColor = [UIColor colorWithHue:(arc4random() % 256 / 256.0) saturation:(arc4random() % 128 / 256.0) + 0.5 brightness:(arc4random() % 128) + 0.5 alpha:1];
    [_mainScrollView addSubview:subVC.view];
    
    [_fatherController addChildViewController:subVC];
}
/*
 *UIScrollViewDelegate，控制滑动后变化
 */
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    NSInteger index = scrollView.contentOffset.x/VIEWWIDTH;
    _selectIndex = index;
    for (NSInteger i = 0; i < _dataArray.count; i++) {
        UIButton *btn = (UIButton *)[self viewWithTag:20000 + i];
        UIView *downSliderView = (UIView *)[self viewWithTag:10000 + i];
        if (index == i) {
            downSliderView.hidden = NO;
            btn.selected = YES;
            
        }else{
            
            downSliderView.hidden = YES;
            btn.selected = NO;
        }
        
    }
    UIButton *btnRight = [_sliderScrollView viewWithTag:index + 1 + 20000];
    UIButton *btnCenter = [_sliderScrollView viewWithTag:index + 20000];
    UIButton *btnLeft = [_sliderScrollView viewWithTag:index - 1 + 20000];
    //分页 显示哪个控制器
    _mainScrollView.contentOffset = CGPointMake(index * VIEWWIDTH,0);
    if ((btnCenter.frame.origin.x + btnCenter.frame.size.width) > VIEWWIDTH - 10){
        if (btnCenter.tag != (20000 + _dataArray.count - 1)) {
            [UIView animateWithDuration:0.3f animations:^{
                _sliderScrollView.contentOffset = CGPointMake(btnRight.frame.origin.x + btnRight.frame.size.width - VIEWWIDTH, 0);
            }];
        }  
    }
    else
    {
        [UIView animateWithDuration:0.3f animations:^{
            _sliderScrollView.contentOffset = CGPointMake(btnLeft.frame.origin.x, 0);
        }];
    }
    
    if (![cache hasCacheIndex:_selectIndex]) {
        [self addSubController];
        
    }  
}

@end

 

//  Cache.h

#import <Foundation/Foundation.h>

@interface Cache : NSObject
@property(nonatomic ,strong)NSMutableArray *cacheArray;
- (instancetype)init;
-(void)addCacheSelectIndex:(NSInteger)index;
-(BOOL)hasCacheIndex:(NSInteger)index;

@end

//
//  Cache.m

#import "Cache.h"

@implementation Cache

- (instancetype)init
{
    self = [super init];
    if (self) {
        _cacheArray = [[NSMutableArray alloc]init];
    }
    return self;
}
-(void)addCacheSelectIndex:(NSInteger)index
{
    [_cacheArray addObject:[NSString stringWithFormat:@"%ld",index]];
}

-(BOOL)hasCacheIndex:(NSInteger)index
{
    BOOL hasIndex = [_cacheArray containsObject:[NSString stringWithFormat:@"%ld",index]];
    if (!hasIndex) {
        [self addCacheSelectIndex:index];
    }
    
    return hasIndex;
}

@end

//
//  SubViewController.h

#import <UIKit/UIKit.h>

@interface SubViewController : UIViewController
@property(nonatomic,assign)NSInteger index;
@property(nonatomic,strong)NSString *tilte;

@end

 

//
//  SubViewController.m
#import "SubViewController.h"
#define VIEWWIDTH [UIScreen mainScreen].bounds.size.width
#define VIEWHEIGHT [UIScreen mainScreen].bounds.size.height
#define RAN_COLOR(CUS_RGB) [UIColor colorWithRed:((float)((CUS_RGB & 0xFF0000) >> 16))/255.0 green:((float)((CUS_RGB & 0xFF00) >> 8))/255.0 blue:((float)(CUS_RGB & 0xFF))/255.0 alpha:1.0f]

@interface SubViewController ()

@end

@implementation SubViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    
    
    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 200, 50)];
    label.layer.borderColor = [UIColor whiteColor].CGColor;
    label.layer.borderWidth = 1;
    label.text = [NSString stringWithFormat:@"%ld:%@",_index,_tilte];
    label.center = self.view.center;
    label.textColor = [UIColor orangeColor];
    label.font = [UIFont systemFontOfSize:16];
    label.textAlignment = NSTextAlignmentCenter;
    [self.view addSubview:label];
  
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end