新闻类APP模板详解（iOS版）

1.概述

用过头条、网易等新闻客户端的用户是不是觉得页面很简洁、好用！那这类应用是如何实现的？有没有可以直接拿来使用的开源模板呢？

本文就提供了一个模板，是由作者整合了网上各类资源后整理出来的，希望对大家有所帮助！

android版新闻类app模板详见：

新闻类APP模板详解（android版）

环境：xcode 5.1.1，iOS SDK 7.1

先上图：

 

2.具体实现

要想实现该模板，需要完成以下几个重要组成部分。

（1）主页左右滑动的ViewPager

主页里显示各类新闻专题的页面是一个viewpager，响应用户左右滑动切换专题页。

该部分参考了 ICViewPager，是Code4App上的一个开源工程，效果图如下：

回到本模板！

我们的主视图控制器（GTMainViewController）继承了ICViewPager的ViewPagerController，需要实现一些protocol方法。

其中，ViewPagerDataSource就非提不可了，先看代码：

#pragma mark - ViewPagerDataSource
// Tab数量
- (NSUInteger)numberOfTabsForViewPager:(ViewPagerController *)viewPager {
    return categoryList.count;
}

// “类别-0”、“类别-1”这些Tab内容添加处
- (UIView *)viewPager:(ViewPagerController *)viewPager viewForTabAtIndex:(NSUInteger)index {
    
    GTCategoryItem *item = [categoryList objectAtIndex:index];
    
    UILabel *label = [UILabel new];
    label.backgroundColor = [UIColor clearColor];
    label.font = [UIFont systemFontOfSize:13.0];
    if (item) {
        label.text = item.categoryName;
    }
    label.textAlignment = NSTextAlignmentCenter;
    label.textColor = [UIColor blackColor];
    [label sizeToFit];
    
    return label;
}

// 每个Tab对应的视图控制器（也就是新闻列表页面）
- (UIViewController *)viewPager:(ViewPagerController *)viewPager contentViewControllerForTabAtIndex:(NSUInteger)index {
    
    GTNewsViewController *vCtrl = [self.storyboard instantiateViewControllerWithIdentifier:@"NewsViewController"];
    [vCtrl setPViewCtrl:self];
    return vCtrl;
}

其中，categoryList里存放着多个新闻专题信息的对象，是一个列表。

第一个方法里，categoryList . count返回的就是新闻专题种类，也就是Tab数量。

第二个方法里，创建了每个Tab控件的主体，本例子创建了一个UILabel，内容填充未新闻专题名字（ item. categoryName）。

第三个方法里，创建了每个Tab对应的视图控制器，本例子里每个Tab所属的viewcontroller是GTNewsViewController，是一个UITableViewController，显示具体某类新闻列表。

除此之外，还要实现ViewPagerDelegate协议方法，用于设定一些显示属性，代码如下：

#pragma mark - ViewPagerDelegate
- (CGFloat)viewPager:(ViewPagerController *)v