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运行查看，得到如下图效果即开发好了新闻详情页
这里写图片描述