UI基础 - UIWebView | 已弃用 |

■ 简言

1. UIWebView 是开发中最常用的控件，它是内置的浏览器控件，可以用来浏览网页、打开文档等等，如 html、pdf、doc、ppt、txt、mp4..... 它在 iOS 12 之后弃用，取而代之的是 WKWebview。其内部会管理浏览器的导航动作

[webView goBack];     // 回退
[webView goForward];  // 前进
[webView reload];     //重载
[webView stopLoading];//取消载入内容

■ 使用方式

1.  默认展示百度网，并为导航栏添加了搜索框，可进行网站查询

#import "ViewController.h"
@interface ViewController ()<UIWebViewDelegate,UITextFieldDelegate>

@property (nonatomic, strong) UIWebView *webView;
@property (nonatomic, strong) UIActivityIndicatorView *activityIndicator; // loading 提示

@property (strong, nonatomic) UITextField *aTextField;// 搜索框
@property (strong, nonatomic) NSString *string;       // 搜索内容
@property (strong, nonatomic) UIButton *connectBT;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.navigationController.navigationBar.translucent = NO;
    
    self.webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    _webView.scalesPageToFit = YES;// 自动对页面进行缩放以适应屏幕
    self.webView.delegate = self;  // 代理
    // 链接：百度
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://www.baidu.com"]];
    [self.webView loadRequest:request];
    [self.view addSubview:self.webView];
    
    // 给导航栏添加 UITextField
    self.aTextField = [[UITextField alloc] initWithFrame:CGRectMake(40, 10, 200, 20)];
    _aTextField.borderStyle = UITextBorderStyleRoundedRect;
    _aTextField.clearButtonMode = UITextFieldViewModeWhileEditing;
    self.aTextField.delegate = self;
    [self.navigationController.navigationBar addSubview:_aTextField];
    
    // 给导航栏添加 btn 按钮
    _connectBT = [UIButton buttonWithType:UIButtonTypeSystem];
    _connectBT.frame = CGRectMake(self.view.frame.size.width - 40 - 80, 0, 80, 40);
    [_connectBT setTitle:@"Connect" forState:UIControlStateNormal];
    [self.navigationController.navigationBar addSubview:_connectBT];
    [_connectBT addTarget:self action:@selector(getConnect) forControlEvents:UIControlEventTouchUpInside];
}

#pragma mark - <UIWebViewDelegate>
// 网页开始加载时触发
-(void)webViewDidStartLoad:(UIWebView *)webView{
    
    self.aTextField.text = [[self.string componentsSeparatedByString:@"//"] lastObject];
    
    // 遮罩
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    [view setBackgroundColor:[UIColor blackColor]];
    [view setAlpha:0.1];
    view.tag = 108;
    [self.view addSubview:view];
    
    // 人见人爱的菊花
    self.activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0, 0, 32, 32)];
    [_activityIndicator setCenter:view.center];
    [_activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];
    [view addSubview:_activityIndicator];
    [_activityIndicator startAnimating];
}

// 网页加载完成时调用
-(void)webViewDidFinishLoad:(UIWebView *)webView{
    [self removeShadeView];
}

// 网页加载错误的时触发
-(void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error{
    NSLog(@"__error：%@",error);
    [self removeShadeView];
}

#pragma mark - <UITextFieldDelegate>
// 键盘回收
- (BOOL)textFieldShouldReturn:(UITextField *)textField{
    
    [textField resignFirstResponder];
    return YES;
}

#pragma mark - self_difined_methods
// 移除遮罩
-(void)removeShadeView{
    [_activityIndicator stopAnimating];// 停止
    UIView *view = (UIView *)[self.view viewWithTag:108];
    [view removeFromSuperview];// 移除遮罩
}

-(void)getConnect{
    
    self.string = [NSString stringWithFormat:@"https://%@",_aTextField.text];
    NSURL *url = [NSURL URLWithString:_string];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [_webView loadRequest:request];
}

@end

 

运行效果：初始化百度 | 搜索框知乎

      |     

2. 加载 PDF

#import "ViewController.h"
@interface ViewController ()<UIWebViewDelegate,UITextFieldDelegate>
@property (nonatomic, strong) UIWebView *webView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    
    self.webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    _webView.scalesPageToFit = YES;    // 自动对页面进行缩放以适应屏幕
    _webView.detectsPhoneNumbers = YES;// 自动检测网页上的电话号码：单击可以拨打
    self.webView.delegate = self;  // 代理
    [self.view addSubview:self.webView];
    
//    // 方式一
//    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"Demo6P" ofType:@"pdf"];
//    NSURL *url = [NSURL fileURLWithPath:filePath];
//    NSURLRequest *request = [NSURLRequest requestWithURL:url];
//    [self.webView loadRequest:request];
    
    // 方式二
    NSString *filePathB = [[NSBundle mainBundle] pathForResource:@"Demo6P" ofType:@"pdf"];
    NSData *pdfData = [NSData dataWithContentsOfFile:filePathB];
    [self.webView loadData:pdfData MIMEType:@"application/pdf" textEncodingName:@"utf-8" baseURL:nil];
    
}

运行效果

MIMETYPE 如图所示