连带滑块效果图

//
//  ViewController.m
//  连带滑动效果图
//
//  Created by apple on 16/8/20.
//  Copyright © 2016年 apple. All rights reserved.
//

#import "ViewController.h"
#define kScreenWidth [UIScreen mainScreen].bounds.size.width
#define kScreenHeight [UIScreen mainScreen].bounds.size.height
@interface ViewController ()<UIScrollViewDelegate>
{
    bool isNo[7];
}
@property (strong,nonatomic)NSArray *colorarr;
@property (strong,nonatomic)NSArray *colorname;
@property (strong,nonatomic)UIScrollView *huaview;
@property (strong,nonatomic)UIScrollView *colorview;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.automaticallyAdjustsScrollViewInsets=NO;
    
    self.view.backgroundColor=[UIColor whiteColor];
    _colorname=[[NSArray alloc]initWithObjects:@"橙黄色",@"绿色",@"青色",@"白色",@"红色",@"蓝色",@"黄色", nil];
    _colorarr=[[NSArray alloc]initWithObjects:[UIColor orangeColor],[UIColor greenColor],[UIColor cyanColor],[UIColor whiteColor],[UIColor redColor],[UIColor blueColor],[UIColor yellowColor], nil];
    [self huakuaiview];
}
-(void)huakuaiview{
    _huaview=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, 60)];
    _huaview.backgroundColor=[UIColor blackColor];
    [self.view addSubview:_huaview];
    _huaview.contentSize=CGSizeMake(7*kScreenWidth/5, 0);
    _huaview.pagingEnabled=YES;
    _huaview.delegate=self;
    for (int i=0; i<7; i++) {
        UIButton *namebutton=[[UIButton alloc]initWithFrame:CGRectMake(i*kScreenWidth/5, 0, kScreenWidth/5, 60)];
        [namebutton setTitle:_colorname[i] forState:UIControlStateNormal];
        [namebutton setTitleColor:[UIColor yellowColor] forState:UIControlStateNormal];
        [namebutton setTitleColor:[UIColor redColor] forState:UIControlStateSelected];
        namebutton.titleLabel.textAlignment=NSTextAlignmentCenter;
        namebutton.titleLabel.font=[UIFont systemFontOfSize:22];
        [_huaview addSubview:namebutton];
        namebutton.tag=100+i;
        [namebutton addTarget:self action:@selector(colorview:) forControlEvents:UIControlEventTouchUpInside];
    }
    
    _colorview=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 60, kScreenWidth, kScreenHeight-60)];
    [self.view addSubview:_colorview];
    _colorview.pagingEnabled=YES;
    _colorview.delegate=self;
    _colorview.contentSize=CGSizeMake(7*kScreenWidth, 0);
    for (int k=0; k<7; k++) {
        UIView *view=[[UIView alloc]initWithFrame:CGRectMake(k*kScreenWidth, 0, kScreenWidth, kScreenHeight-60)];
        view.backgroundColor=_colorarr[k];
        [_colorview addSubview:view];
    }
}
-(void)colorview:(UIButton*)senden{
    UIButton *button=[_huaview viewWithTag:senden.tag];
    CGRect rect=button.frame;
    NSInteger pagenum=rect.origin.x/(kScreenWidth/5);
    CGFloat contentOffsetX=pagenum*kScreenWidth;
    [_colorview setContentOffset:CGPointMake(contentOffsetX, 0) animated:YES];
    //防止多次点击
    isNo[senden.tag-100]=NO;
    //实现单次选中
    for (int k=100; k<107; k++) {
        if(k==senden.tag){
       button.selected=!isNo[senden.tag-100];
        isNo[senden.tag-100]=!isNo[senden.tag-100];
        }
        else{
          UIButton *button1=[_huaview viewWithTag:k];
            if(isNo[k-100]==YES){
                 isNo[k-100]=NO;
                button1.selected=isNo[k-100];
            }else
            button1.selected=isNo[k-100];
            }
    }

    if (contentOffsetX>=kScreenWidth*5)
        [_huaview setContentOffset:CGPointMake(kScreenWidth/5*2, 0) animated:NO];
}
-(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{
    CGPoint point = *targetContentOffset;
    NSInteger pageNum = point.x / kScreenWidth;
    UIButton *button=[_huaview viewWithTag:pageNum+100];
    isNo[pageNum]=NO;
    for (int k=0; k<7; k++) {
        if(k==pageNum){
             button.selected=!isNo[pageNum];
            isNo[pageNum]=!isNo[pageNum];
        }
        else{
            UIButton *button1=[_huaview viewWithTag:k+100];
            if(isNo[k]==YES){
                isNo[k]=NO;
                button1.selected=isNo[k];
            }else
                button1.selected=isNo[k];
        }
    }
    if (pageNum>4)
        [_huaview setContentOffset:CGPointMake(kScreenWidth/5*2, 0) animated:NO];
    if (pageNum<2)
        [_huaview setContentOffset:CGPointMake(0, 0) animated:NO];
}


@end