AJ学IOS（47）之网易彩票帮助界面UIWebView的运用

AJ分享，必须精品

效果：

制作过程

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

这里是用点击跳转的用的是 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];