实现滑动菜单栏demo

开发过程中，很多界面都会涉及到滑动菜单的需求， 最近忙里偷闲，写了一个小demo ，仅供参考！话不多说，上代码， ~~~

LXQScrollerView.h

- (instancetype)initWithFrame:(CGRect)frame           titleArray:(NSArray *)array;

LXQScrollerView.m

#define kWidth  [UIScreen mainScreen].bounds.size.width#define kHeight [UIScreen mainScreen].bounds.size.height@interface LXQScrollerView ()<UIScrollViewDelegate>@property (nonatomic, strong) UIScrollView  *bigScrollerView;@property (nonatomic, strong) UIView        *line;@property (nonatomic, strong) UIView        *topView;@property (nonatomic, assign) NSInteger     selectIndex;@property (nonatomic, strong) NSArray       *titleArray;@property (nonatomic, assign) NSInteger     count;@end@implementation LXQScrollerView- (instancetype)initWithFrame:(CGRect)frame           titleArray:(NSArray *)array{    self = [super initWithFrame:frame];    if (self) {        self.selectIndex = 0;        self.titleArray = array;        self.count = array.count;        [self prepareTopUI];        [self prepareScrollerViewUI];    }    return self;}- (void)prepareTopUI{    self.line  = [[UIView alloc] initWithFrame:CGRectMake(0, 49, kWidth / self.count, 1)];    self.line.backgroundColor = [UIColor redColor];    self.topView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kWidth, 50)];    self.topView.backgroundColor = [UIColor whiteColor];    for (NSInteger i = 0; i < self.count; i++) {        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];        button.frame = CGRectMake(kWidth / self.count * i, 0, kWidth / self.count, 49);        [button setTitle:_titleArray[i] forState:UIControlStateNormal];        [button addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];        button.tag = i;        [self.topView addSubview:button];    }    [self.topView addSubview:self.line];    [self addSubview:self.topView];    [self changeButtonTextColor];}- (void)prepareScrollerViewUI{    self.bigScrollerView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 50, kWidth, self.frame.size.height - 50)];    self.bigScrollerView.contentSize = CGSizeMake(kWidth * self.count, self.frame.size.height - 50);    self.bigScrollerView.scrollEnabled = YES;    self.bigScrollerView.pagingEnabled = YES;    self.bigScrollerView.delegate = self;    [self addSubview:self.bigScrollerView];    NSArray *array = @[[UIColor redColor], [UIColor yellowColor], [UIColor grayColor]];    for (NSInteger i = 0; i < self.count; i++) {        UIView *view = [[UIView alloc] initWithFrame:CGRectMake(kWidth * i, 0, kWidth, kHeight - 64 - 50)];        view.backgroundColor = array[i];        [self.bigScrollerView addSubview:view];    }}- (void)buttonAction:(UIButton *)button{    self.selectIndex = button.tag;    [self changeButtonTextColor];    [self changeLinePlaceWithIndex:button.tag];    [self changeScrollerViewPlace];}//改变滚动视图位置- (void)changeScrollerViewPlace{    [UIView animateWithDuration:0.5 animations:^{        CGPoint offset = self.bigScrollerView.contentOffset;        offset.x = kWidth * self.selectIndex;        self.bigScrollerView.contentOffset = offset;    }];}//改变选中字体颜色- (void)changeButtonTextColor{    for (UIView *view in [self.topView subviews]) {        if ([view isKindOfClass:[UIButton class]]) {            UIButton *button = (UIButton *)view;            if (button.tag == self.selectIndex) {                [button setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];            }else{                [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];            }        }    }}//改变line位置- (void)changeLinePlaceWithIndex:(NSInteger)index{    [UIView animateWithDuration:0.5 animations:^{        CGRect frame = self.line.frame;        frame.origin.x = kWidth / self.count * index;        self.line.frame = frame;    }];}#pragma mark - UIScrollViewDelegate- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    CGFloat x = scrollView.contentOffset.x;    self.selectIndex = x / kWidth;    [self changeButtonTextColor];    [self changeLinePlaceWithIndex:self.selectIndex];}

以上是自定义的view， 下面简单列举一下其使用方法:
用法很简答， 只需要引入 #import “LXQScrollerView.h”即可

self.scrollerView = [[LXQScrollerView alloc] initWithFrame:CGRectMake(0, 64, kWidth, kHeight - 64) titleArray:@[@"手机", @"电脑", @"微波炉"]];    [self.view addSubview:self.scrollerView];

这样就能展示相应的滑动菜单了！