iOS新闻客户端开发教程8-加载更多和新闻详情

今天介绍下iOS新闻客户端App的2个功能点的开发：新闻列表加载更多 和 新闻详情页。

新闻列表加载更多

1.新建加载更多的单元格Cell，NewsMoreCell.xib
拖拽Label和Loading框，设置约束，如下图：

2.新建NewsMoreCell类

//NewsMoreCell.h#import "BaseCell.h"@interface NewsMoreCell : BaseCell@end

//NewsMoreCell.m#import "NewsMoreCell.h"@implementation NewsMoreCell-(void)initCell{    [super initCell];}@end    

3.修改NewsMoreCell.xib的类Class为NewsMoreCell
4.新闻列表加载更多实现
修改NewsControll.m

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{NSString *cellIdentifier = nil;BaseInfo *info = nil;if (indexPath.row < self.listData.count) {    cellIdentifier = self.cellIdentifier;    info = [self.listData objectAtIndex:indexPath.row];}else {    cellIdentifier = @"NewsMoreCell";    [self requestNextPageServerOp];}BaseCell *cell = (BaseCell*)[tableView dequeueReusableCellWithIdentifier:cellIdentifier];if (cell == nil) {    NSArray* Objects = [[NSBundle mainBundle] loadNibNamed:cellIdentifier owner:tableView options:nil];    cell = [Objects objectAtIndex:0];    [cell initCell];}[cell setCellData:info];return cell;}

//加载更多
cellIdentifier = @”NewsMoreCell”;
[self requestNextPageServerOp];

5.Command+R运行，得到如下图效果便实现了加载更多的功能

新闻详情页

1.新闻详情页是基于HTML5模板引擎开发的静态页面
新建视图DetailPage.xib，拖拽WebView组件到布局上，如下图

2.新建DetailPage类

//DetailPage.h#import "WebViewController.h"#import "NewsInfo.h"@interface DetailPage : WebViewController@property(nonatomic, strong) NewsInfo   *newsInfo;@end

//DetailPage.m#import "DetailPage.h"#import "ContentInfo.h"#import "GetContent.h"#import "ContentImageInfo.h"@implementation DetailPage-(void)viewDidLoad{   [super viewDidLoad];   self.barBackgroudImage = @"NavBarWhite";}-(void)viewWillAppear:(BOOL)animated{   [super viewWillAppear:animated];   [self setNavigationLeft:@"NavigationBackBlack.png"                       sel:@selector(doBack:)];   [self setStatusBarStyle:UIStatusBarStyleDefault];}- (void)loadHtml{   [self showIndicator:LoadingTip autoHide:NO afterDelay:NO];   [self executeContentOp];}- (void)executeContentOp{   NSString *url = [NSString stringWithFormat:DetailURLFmt, _newsInfo.ID];   NSDictionary *dictInfo = @{@"url":url,                              @"aid":_newsInfo.ID                              };   _operation = [[GetContent alloc] initWithDelegate:self opInfo:dictInfo];   [_operation executeOp];}- (void)opSuccess:(ContentInfo *)info{   _operation = nil;   NSString *urlString = [[NSBundle mainBundle] pathForResource:@"content_template2" ofType:@"html"];   NSString *htmlString = [self htmlConvert:info];   [_webView loadHTMLString:htmlString baseURL:[NSURL URLWithString:urlString]];}- (NSString *)htmlConvert:(ContentInfo *)info{   NSString *file = [[NSBundle mainBundle] pathForResource:@"content_template2" ofType:@"html"];   NSString *html = [[NSString alloc] initWithContentsOfFile:file encoding:NSUTF8StringEncoding error:nil];   html = [html stringByReplacingOccurrencesOfString:HtmlBody withString:info.body];   html = [html stringByReplacingOccurrencesOfString:HtmlTitle withString:info.title];   html = [html stringByReplacingOccurrencesOfString:HtmlSource withString:info.source];   html = [html stringByReplacingOccurrencesOfString:HtmlPTime withString:info.ptime];   html = [html stringByReplacingOccurrencesOfString:HtmlDigest withString:info.digest];   html = [html stringByReplacingOccurrencesOfString:HtmlSourceURL withString:info.sourceurl];   if (info.images.count > 0) {       NSString *img = nil;       for (ContentImageInfo *imageInfo in info.images) {           img = [NSString stringWithFormat:HtmlImage, imageInfo.src];           html = [html stringByReplacingOccurrencesOfString:imageInfo.ref withString:img];       }   }   return html;}@end

3.增加新闻列表单元格点击事件

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    DetailPage *page = [[DetailPage alloc] init];    page.newsInfo = [self.listData objectAtIndex:indexPath.row];    page.hidesBottomBarWhenPushed = YES;    UIViewController *owner =  self.owner;    [owner.navigationController pushViewController:page animated:YES];}

4.Command+R运行查看，得到如下图效果即开发好了新闻详情页

github源码：https://github.com/tangthis/NewsReader
个人技术分享微信公众号，欢迎关注一起交流