猫猫学iOS（四十七）之网易彩票帮助界面UIWebView的运用

猫猫分享，必须精品

原创文章，欢迎转载。转载请注明：翟乃玉的博客
地址：http://blog.csdn.net/u013357243?viewmode=contents

效果：

制作过程

首先是帮助按钮那个地方的点击。

这里是用点击跳转的用的是 NJSettingArrowItem，前面的设置的，从字典通过模型转过来的。

  // 分享
    NJSettingArrowItem *share = [[NJSettingArrowItem alloc ]initWithIcon:@"MoreShare" title:@"分享" destClass:[NJShareViewController class]];

帮助界面

帮助界面其实是一个tableView，然后字典转模型，运用模型helps来设置cell

代码：

@interface NJHelpViewController ()
/**
 *   保存所有的json对象
 */
@property (nonatomic, strong) NSArray *helps;
@end

@implementation NJHelpViewController

#pragma mark - 懒加载
- (NSArray *)helps
{
    if (_helps == nil) {

        NSString *path = [[NSBundle mainBundle] pathForResource:@"help.json" ofType:nil];

        NSData *data = [NSData dataWithContentsOfFile:path];

        NSArray *dictArray = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:NULL];

        NSMutableArray *models = [[NSMutableArray alloc] initWithCapacity:dictArray.count];

        for (NSDictionary *dict in dictArray) {
            NJHelp *help = [NJHelp helpWithDict:dict];
            [models addObject:help];
        }
        _helps = models;
    }
    return  _helps;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    // 定义数组保存创建好的item模型
    NSMutableArray *items = [NSMutableArray arrayWithCapacity:self.helps.count];

    // 根据我们通过json创建的对象创建item
    for (NJHelp *help  in self.helps) {
        NJSettingItem *item = [[NJSettingArrowItem alloc]initWithIcon:nil title:help.title destClass:nil];
        [items addObject:item];
    }
    // 创建分组
    NJSettingGroup *group = [[NJSettingGroup alloc] init];
    // 将所有的item赋值给分组items
    group.items = items;
    [self.datas addObject:group];

}

// 条目点击事件
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 1.创建目标控制器
    NJHtmlViewController *htmlVc = [[NJHtmlViewController alloc] init];
    // 1.2传递要显示的html的名称
//    htmlVc.html = [self.helps[indexPath.row] html];
    htmlVc.helpModel = self.helps[indexPath.row];
    UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:htmlVc];

    // 2.以模态的形式展示目标控制器
    [self presentViewController:nav animated:YES completion:^{

    }];
}

@end

进入时展示的内容

这里其实是根据上一步的点击事件

条目点击事件
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

来确定用哪一个html网页文件。

点击条目跳转 到固定问题

这里用到了javascript的一点小代码，当点击时候自己跳转

网页加载完毕之后调用这个代码其中self.helpModel.tagId是我们定义的模型中的id，也就是想要跳转到得标签的id。

//设置代理
webView.delegate = self;
#pragma mark - UIWebViewDelegate
// 网页加载完毕之后调用
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
//    NSLog(@"webViewDidFinishLoad");
    // 当网页加载完毕之后执行javascript代码,跳转到对应的位置

    // 1.生成对应的javascript代码
    NSString *jsStr = [NSString stringWithFormat:@"window.location.href = ‘#%@‘;", self.helpModel.tagId];
    [webView stringByEvaluatingJavaScriptFromString:jsStr];
}

设置标题和关闭按钮

// -1 设置标题
    self.title = self.helpModel.title;

    // 0. 添加关闭按钮
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"关闭" style:UIBarButtonItemStylePlain target:self action:@selector(closeVc)];

UIWebView的使用

self.helpModel是我们自己的模型
而使用UIWebView主要就是这几部了

1.获得网页的全路径:

 NSString *path = [[NSBundle mainBundle] pathForResource:(NSString *) ofType:(NSString *)]  

2.根据全路径创建url:

NSString *path = [[NSBundle mainBundle] pathForResource:(NSString *) ofType:(NSString *)]

3.根据url创建request :

NSURLRequest *request = [[NSURLRequest alloc] initWithURL:(NSURL *)];

4.加载本地的网页 :

 [webView loadRequest:(NSURLRequest *)];

    // 利用自定义的webview加载网页
    UIWebView *webView = (UIWebView *)self.view;

    // 1.获得网页的全路径
    NSString *path = [[NSBundle mainBundle] pathForResource:self.helpModel.html ofType:nil];
    // 2.根据全路径创建url
    NSURL *url = [[NSURL alloc] initFileURLWithPath:path];
    // 3.根据url创建request
    NSURLRequest *request = [[NSURLRequest alloc] initWithURL:url];
    // 4.加载本地的网页
    [webView loadRequest:request];