效果圖：

因為注釋很詳細(xì) 就不再單獨講，直接放上代碼。

NewsViewController.m中：
#import "NewsViewController.h"
#import "TopLineViewController.h"
#import "HotViewController.h"
#import "SocietyViewController.h"
#import "VedioViewController.h"
#import "ReaderViewController.h"
#import "ScienceViewController.h"

static  CGFloat const labelw = 100;
static  CGFloat  const radio = 1.3;
#define WIDTH [UIScreen mainScreen].bounds.size.width
#define HEIGHT [UIScreen mainScreen].bounds.size.height
@interface NewsViewController ()<UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *titleScrollView;
@property (nonatomic,weak)UILabel *selectedLabel;
@property (weak, nonatomic) IBOutlet UIScrollView *contentScrollView;

@property (strong,nonatomic)NSMutableArray *titleLabels;
@end

@implementation NewsViewController
-(NSMutableArray *)titleLabels{
    if(!_titleLabels){
        _titleLabels = [NSMutableArray array];
    }
    return _titleLabels;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    //添加所有子控制器
    [self setUpAllChildViewController];
    //添加所有子控制器對應(yīng)的標(biāo)題
    [self setUpTitleLabel];
    //iOS7會給導(dǎo)航試圖控制器下所有的UIScorllView頂部添加額外的滾動區(qū)域  不需要  所以設(shè)置成NO
    self.automaticallyAdjustsScrollViewInsets = NO;
    //初始化UIScrollView
    [self setUpScrollView];
}

-(void)setUpScrollView{
    NSUInteger count = self.childViewControllers.count;
    //設(shè)置標(biāo)題滾動條
    self.titleScrollView.contentSize = CGSizeMake(count*labelw, 0);
    self.titleScrollView.showsHorizontalScrollIndicator = NO;
    //設(shè)置內(nèi)容滾動條
    self.contentScrollView.contentSize = CGSizeMake(count*WIDTH, 0);
    //開啟分頁
    self.contentScrollView.pagingEnabled = YES;
    //去掉彈簧效果
    self.contentScrollView.bounces = NO;
    //隱藏水平滾動條
    self.contentScrollView.showsHorizontalScrollIndicator = NO;
    //設(shè)置代理
    self.contentScrollView.delegate = self;
    
}

-(void)setUpAllChildViewController{
    TopLineViewController *topLine = [[TopLineViewController alloc]init];
    topLine.title = @"頭條";
    [self addChildViewController:topLine];
    
    HotViewController *hot = [[HotViewController alloc]init];
    hot.title = @"熱點";
    [self addChildViewController:hot];
    
    SocietyViewController *society = [[SocietyViewController alloc]init];
    society.title = @"社會";
    [self addChildViewController:society];
    
    VedioViewController *vedio = [[VedioViewController alloc]init];
    vedio.title = @"視頻";
    [self addChildViewController:vedio];
    
    ReaderViewController*reader = [[ReaderViewController alloc]init];
    reader.title = @"閱讀";
    [self addChildViewController:reader];
    
    ScienceViewController *science = [[ScienceViewController alloc]init];
    science.title = @"科技";
    [self addChildViewController:science];
}

-(void)setUpTitleLabel{
    NSUInteger count = self.childViewControllers.count;
    CGFloat labelX = 0;
    CGFloat labelY = 0;
    CGFloat labelH = 44;
    for(int i = 0; i < count; i++){
        UIViewController *vc = self.childViewControllers[i];
        UILabel *label = [[UILabel alloc]init];
        //添加到titleLabels數(shù)組中
        [self.titleLabels addObject:label];
        labelX = i * labelw;
        //設(shè)置尺寸
        label.frame = CGRectMake(labelX, labelY, labelw, labelH);
        //設(shè)置label的文字
        label.text = vc.title;
        //設(shè)置用戶交互
        label.userInteractionEnabled = YES;
        //設(shè)置高亮文字顏色
        label.highlightedTextColor = [UIColor redColor];
        //設(shè)置label的tag
        label.tag = i;
        //設(shè)置label文字居中
        label.textAlignment = NSTextAlignmentCenter;
        //為label添加點擊手勢
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(titleClick:)];
                //默認(rèn)選中第0個label
        if(i==0){
            [self titleClick:tap];
        }
        [label addGestureRecognizer:tap];
        [self.titleScrollView addSubview:label];
        
    }
}
//使標(biāo)題滾動 點擊時居中
//設(shè)置標(biāo)題居中
-(void)setUpTitleCenter:(UILabel *)centerLabel{
    //計算偏移量
    CGFloat offsetX = centerLabel.center.x - WIDTH*0.5;
    if(offsetX < 0)offsetX = 0;//防止最左邊滾動出現(xiàn)空余
    //獲取最大的滾動范圍
    CGFloat maxOffsetX = self.titleScrollView.contentSize.width - WIDTH;
    if(offsetX > maxOffsetX) offsetX = maxOffsetX;//防止最右邊出現(xiàn)空余  到最右邊就不在滾動
    //滾動標(biāo)題滾動條
    [self.titleScrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];
}

#pragma mark --UIScrollViewDelegate
//監(jiān)聽scrollView的滾動
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    CGFloat curPage = scrollView.contentOffset.x / scrollView.bounds.size.width;
    //左邊label的角標(biāo)
    NSInteger leftIndex = curPage;
    //右邊label的角標(biāo)
    NSInteger rightIndex = leftIndex + 1;
    //獲取左邊的label
    UILabel *leftLabel = self.titleLabels[leftIndex];
    //獲取最右邊
    UILabel *rightLabel;
    if(rightIndex < self.titleLabels.count-1){
        rightLabel = self.titleLabels[rightIndex];
    }
    //計算縮放比例
    CGFloat rightScale = curPage - leftIndex;
    CGFloat leftScale = 1 - rightScale;
    //縮放
    leftLabel.transform = CGAffineTransformMakeScale(leftScale*0.3+1, leftScale*0.3+1);
    rightLabel.transform = CGAffineTransformMakeScale(rightScale*0.3+1, rightScale*0.3+1);
    leftLabel.textColor = [UIColor colorWithRed:leftScale green:0 blue:0 alpha:1];
    rightLabel.textColor = [UIColor colorWithRed:rightScale green:0 blue:0 alpha:1];
}

//滾動完成的時候調(diào)用這個方法
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    //獲取滾動到哪一頁
    NSInteger index = scrollView.contentOffset.x/scrollView.bounds.size.width;
    //顯示對應(yīng)的視圖控制器
    [self showVc:index];
    //把對應(yīng)的label選中
    UILabel *selLabel = self.titleLabels[index];
    [self selectLabel:selLabel];
    //讓選中的標(biāo)題居中
    [self setUpTitleCenter:selLabel];
    
}

-(void)showVc:(NSInteger)index{
    CGFloat offsetX = index * WIDTH;
    //獲取對應(yīng)的子控制器
    UIViewController *vc = self.childViewControllers[index];
    //添加子控制器View
    //如果控制器已經(jīng)創(chuàng)建好了  就直接return不再創(chuàng)建了
    if(vc.isViewLoaded)return;
    vc.view.frame = CGRectMake(offsetX, 0, WIDTH, HEIGHT);
    [self.contentScrollView addSubview:vc.view];
}

-(void)titleClick:(UITapGestureRecognizer*)sender{
    
    UILabel *selLabel = (UILabel*)sender.view;
    [self selectLabel:selLabel];
    
    NSInteger index = selLabel.tag;
    //計算滾動的位置
    CGFloat offsetX = selLabel.tag * WIDTH;
    self.contentScrollView.contentOffset = CGPointMake(offsetX, 0);
    //給對應(yīng)的位置添加控制器
    [self showVc:index];
    //讓標(biāo)題居中
    [self setUpTitleCenter:selLabel];
    
}
//選中按鈕的設(shè)置
-(void)selectLabel:(UILabel *)label{
    
    //取消上一個選中
    _selectedLabel.highlighted = NO;
    //取消形變
    _selectedLabel.transform = CGAffineTransformIdentity;
    _selectedLabel.textColor = [UIColor blackColor];
    label.highlighted = YES;
    label.transform = CGAffineTransformMakeScale(radio, radio);
    _selectedLabel = label;
}

@end