先上几个小图，看看效果

图片.png

图片.png

图片.png

源码

设置根视图

#import "AppDelegate.h"
#import "ViewController.h"

@interface AppDelegate ()

@end

@implementation AppDelegate


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    [self.window makeKeyAndVisible];
    
    ViewController *viewController = [[ViewController alloc] init];
    UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:viewController];
    
    self.window.rootViewController = navigationController;
    
    return YES;
}

一级视图

#import <UIKit/UIKit.h>
@interface ViewController : UITableViewController
@end

#import "ViewController.h"
#import "CitiesViewController.h"

@interface ViewController ()
//用于获取plist数据
@property (strong, nonatomic) NSDictionary *dictData;
//此Table中展示的数据
@property (nonatomic, strong) NSArray *listData;
@end

@implementation ViewController
//懒加载数据
- (NSDictionary *)dictData{
    if (!_dictData) {
        NSBundle *bundle = [NSBundle mainBundle];
        NSString *path = [bundle pathForResource:@"provinces_cities" ofType:@"plist"];
        _dictData = [[NSDictionary alloc] initWithContentsOfFile:path];
    }
    return _dictData;
}
//获取数据字典中的所有键值作为此视图展示的数据
- (NSArray *)listData{
    if (!_listData) {
        _listData = [self.dictData allKeys];
    }
    return _listData;
}

- (void)viewDidLoad {
    [super viewDidLoad];
  //  UITableViewController遵守了两个相关协议，此处可以省略
//    self.tableView.delegate = self;
//    self.tableView.dataSource = self;
    
    self.title = @"省份信息"; 
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark --实现表视图数据源方法
//此demo中只有一组，返回总行数就可以，如果分组，则要同时考虑组和每组行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return [self.listData count];
}
//cell，为单元格提供数据，必须实现
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *cellIdentifier = @"CellIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
    }
    
    NSInteger row = [indexPath row];
    cell.textLabel.text = self.listData[row];
    //cell的扩展类型为扩展指示器，触摸该图标切换到下级视图
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    
    return cell;
}

#pragma mark - 实现表视图委托方法
//响应选择单元格时调用的方法
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    NSInteger selectedIndex = [indexPath row];
   //表样式为普通表视图 
    CitiesViewController *citiesViewController = [[CitiesViewController alloc] initWithStyle:UITableViewStylePlain];
    NSString *selectedName = self.listData[selectedIndex];
    citiesViewController.title = selectedName;
    citiesViewController.listData = self.dictData[selectedName];
    
    [self.navigationController pushViewController:citiesViewController animated:true];
    
}
@end

二级视图

#import <UIKit/UIKit.h>

@interface CitiesViewController : UITableViewController
@property (nonatomic, weak) NSArray *listData;
@end

#import "CitiesViewController.h"
#import "DetailViewController.h"

@interface CitiesViewController ()
@end

@implementation CitiesViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark --实现表视图数据源方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return [self.listData count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *cellIdentifier = @"CellIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
    }
    
    NSInteger row = [indexPath row];
    NSDictionary *dict = self.listData[row];
    cell.textLabel.text = dict[@"name"];
    //细节展示按钮
    cell.accessoryType = UITableViewCellAccessoryDetailButton;
    
    return cell;
}

#pragma mark --实现表示图委托协议方法
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    NSInteger selectedIndex = [indexPath row];
    NSDictionary *dict = self.listData[selectedIndex];
    
    DetailViewController *detailViewController = [[DetailViewController alloc] init];
    detailViewController.title = dict[@"name"];
    detailViewController.url = dict[@"url"];
    
    [self.navigationController pushViewController:detailViewController animated:true];    
}

@end

三级视图

#import <UIKit/UIKit.h>

@interface DetailViewController : UIViewController
@property (weak, nonatomic) NSString *url;
@end

#import "DetailViewController.h"
#import "WebKit/WebKit.h"

@interface DetailViewController ()<WKNavigationDelegate>
@property (nonatomic, strong) WKWebView *webView;
@property (nonatomic, strong) UIActivityIndicatorView *activityIndicatorView;
@end

@implementation DetailViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    
    self.webView = [[WKWebView alloc] initWithFrame:self.view.frame];
    
    [self.view addSubview:self.webView];
    self.webView.navigationDelegate = self;
    
    NSURL *url = [NSURL URLWithString:self.url];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [self.webView loadRequest:request];
    
    [self addActivityIndicatorView];
    
}
//添加一个活动指示器，网页未载入时，给用户反馈，也可以使用开源的如MBProgressHUB
- (void)addActivityIndicatorView{
    self.activityIndicatorView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
    CGRect activityIndicatorViewFrame = self.activityIndicatorView.frame;
    CGRect screen = [[UIScreen mainScreen] bounds];
    activityIndicatorViewFrame.origin = CGPointMake((screen.size.width-activityIndicatorViewFrame.size.width)/2,200);
//为了是指示器看的清楚，加个背景
    self.activityIndicatorView.backgroundColor = [UIColor grayColor];
    self.activityIndicatorView.frame = activityIndicatorViewFrame;
    self.activityIndicatorView.hidesWhenStopped = true;
    [self.view addSubview:self.activityIndicatorView];
//    [self.activityIndicatorView startAnimating];
}

//在二级过渡到三级视图时，活动指示器出现的感觉有点早，不是很完美，试图在控制器的生命周期上解决，但还是感觉不够完美
- (void)viewWillAppear:(BOOL)animated{
    NSLog(@"View 即将出现");
//    [self.activityIndicatorView startAnimating];
}

- (void)viewDidAppear:(BOOL)animated{
    NSLog(@"View 出现");
    [self.activityIndicatorView startAnimating];
}

- (void)viewDidDisappear:(BOOL)animated{
    NSLog(@"View 消失");
}

- (void)dealloc{
    NSLog(@"死亡");
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark --实现WKNavigationDelegate委托方法
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{
    NSLog(@"开始加载");
}

- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation{
    NSLog(@"内容开始返回");
    [self.activityIndicatorView stopAnimating];
}

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
    NSLog(@"加载完成");
}

- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation withError:(NSError *)error{
    NSLog(@"加载失败 error :  %@", error.description);
}
@end

** 调试图**

图片.png

** plist 文件**

图片.png