2017.03.26

精华页面基本框架

精华.gif

该页面中间部分为一个view加一个scrollView.view上面添加了五个按钮,点击按钮时,下面的scrollView跟随着滚动.当滚动下面的scrollView的时候,上面的按钮也跟随着变化相应的模式.

/**
 添加子控制器
 */
- (void)setupChildVc {
    
    LXXAllViewController *allVc = [[LXXAllViewController alloc] init];
    [self addChildViewController:allVc];
    
    LXXVedioViewController *vedioVc = [[LXXVedioViewController alloc] init];
    [self addChildViewController:vedioVc];
    
    LXXVoiceViewController *voiceVc = [[LXXVoiceViewController alloc] init];
    [self addChildViewController:voiceVc];
    
    LXXPictureViewController *picVc = [[LXXPictureViewController alloc] init];
    [self addChildViewController:picVc];
    
    LXXWordViewController *wordVc = [[LXXWordViewController alloc] init];
    [self addChildViewController:wordVc];

}

/**
 设置导航栏
 */
- (void)setupNav {
    
    self.navigationItem.titleView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"MainTitle"]];
    
    //设置左上角
    self.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithImage:@"MainTagSubIcon" highImage:@"MainTagSubIconClick" target:self action:@selector(mainTagSubClick)];
    
    self.view.backgroundColor = LXXCommonBgColor;

}

/**
 添加titleView
 */
- (void)setupTitleView {

    //创建titleView
    CGFloat titleViewW = KScreenW;
    CGFloat titleViewH = 35;
    CGFloat titleViewY = 64;
    UIView *titleView = [[UIView alloc] initWithFrame:CGRectMake(0, titleViewY, titleViewW, titleViewH)];
    titleView.backgroundColor = [[UIColor grayColor] colorWithAlphaComponent:0.5];
    self.titleView = titleView;
    [self.view addSubview:titleView];
    
    //创建底部显示view
    CGFloat indicatorViewH = 2;
    UIView *indicatorView = [[UIView alloc] init];
    indicatorView.y = titleViewH - indicatorViewH;
    indicatorView.x = 0;
    indicatorView.tag = -1;
    indicatorView.height = indicatorViewH;
    indicatorView.backgroundColor = [UIColor redColor];
    
    self.indicatorView = indicatorView;
    
    //创建title按钮
    NSArray *titleArr = @[@"全部",@"视频",@"声音",@"图片",@"段子"];
    CGFloat titleBtnY = 0;
    CGFloat titleBtnW = KScreenW / titleArr.count;
    CGFloat titleBtnH = titleViewH;
    for (int i = 0; i < titleArr.count; i++) {
        CGFloat titleBtnX = i * titleBtnW;
        UIButton *titleBtn = [[UIButton alloc] initWithFrame:CGRectMake(titleBtnX, titleBtnY, titleBtnW, titleBtnH)];
        titleBtn.tag = i;
        titleBtn.titleLabel.font = [UIFont systemFontOfSize:14];
        [titleBtn setTitle:titleArr[i] forState:UIControlStateNormal];
        [titleBtn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
        [titleBtn setTitleColor:[UIColor redColor] forState:UIControlStateDisabled];
        [titleBtn addTarget:self action:@selector(titleBtnClick:) forControlEvents:UIControlEventTouchUpInside];
        [titleView addSubview:titleBtn];
        
        if (i == 0) {//加载时默认选中第一个按钮
            
            titleBtn.enabled = NO;
            self.selectedBtn = titleBtn;
            [titleBtn.titleLabel sizeToFit];
            self.indicatorView.width = titleBtn.titleLabel.width;
            self.indicatorView.centerX = titleBtn.centerX;
        }
    }
    [titleView addSubview:indicatorView];
}

/**
 监听title按钮的点击

 @param btn 点击的按钮
 */
- (void)titleBtnClick:(UIButton *)btn {

    self.selectedBtn.enabled = YES;
    btn.enabled = NO;
    self.selectedBtn = btn;
    
    [UIView animateWithDuration:0.25 animations:^{
        
        self.indicatorView.width = btn.titleLabel.width;
        self.indicatorView.centerX = btn.centerX;
        
    }];
    
    // 中间内容滚动
    CGPoint offset = self.contentView.contentOffset;
    offset.x = btn.tag * self.contentView.width;
    [self.contentView setContentOffset:offset animated:YES];
    
}

/**
 设置中间的内容的view
 */
- (void)setupContentView {
    
    // 不要自动调整inset
    self.automaticallyAdjustsScrollViewInsets = NO;
    
    UIScrollView *contentView = [[UIScrollView alloc] init];
    contentView.frame = self.view.bounds;
    contentView.delegate = self;
    contentView.pagingEnabled = YES;
    contentView.contentSize = CGSizeMake(contentView.width * self.childViewControllers.count, 0);
    self.contentView = contentView;
    [self.view insertSubview:contentView atIndex:0];
    
    // 添加第一个控制器的view
    [self scrollViewDidEndScrollingAnimation:contentView];

}

#pragma mark - scrollView代理方法

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

    // 当前的索引
    NSInteger index = scrollView.contentOffset.x / scrollView.width;
    
    // 取出子控制器
    UITableViewController *vc = self.childViewControllers[index];
    vc.view.x = scrollView.contentOffset.x;
    vc.view.y = 0;
    vc.view.height = scrollView.height;
    
    // 设置内边距
    CGFloat bottom = self.tabBarController.tabBar.height;
    CGFloat top = CGRectGetMaxY(self.titleView.frame);
    vc.tableView.contentInset = UIEdgeInsetsMake(top, 0, bottom, 0);
    
    // 设置滚动条的内边距
    vc.tableView.scrollIndicatorInsets = vc.tableView.contentInset;
    [scrollView addSubview:vc.view];

}


- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    [self scrollViewDidEndScrollingAnimation:scrollView];
    
    // 点击按钮
    NSInteger index = scrollView.contentOffset.x / scrollView.width;
    
    [self titleBtnClick:self.titleView.subviews[index]];
}