1.概述
用过头条、网易等新闻客户端的用户是不是觉得页面很简洁、好用!那这类应用是如何实现的?有没有可以直接拿来使用的开源模板呢?
本文就提供了一个模板,是由作者整合了网上各类资源后整理出来的,希望对大家有所帮助!
android版新闻类app模板详见:
环境: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