iOS - 给WKWebView添加头、尾视图

xtayqria

于 2021-04-15 17:58:18 发布

阅读量801

点赞数

分类专栏： iOS开发文章标签： webview ios

本文链接：https://blog.youkuaiyun.com/Q_Q33757152/article/details/115733049

版权

iOS开发专栏收录该内容

55 篇文章

订阅专栏

本文详细介绍了如何在iOS应用中，使用WKWebView组件时，为网页加载过程添加自定义的头部和底部视图。通过设置WKWebView的配置和布局，实现内容与自定义视图的无缝结合，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#import "ViewController.h"
#import <WebKit/WebKit.h>

@interface ViewController ()

/// web
@property (nonatomic, strong) WKWebView *webView;

/// view
@property (nonatomic, strong) UIView *bottomView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self creatWebView];
}

- (UIView *)bottomView {
    if (!_bottomView) {
        _bottomView = [[UIView alloc] init];
        _bottomView.backgroundColor = [UIColor yellowColor];
    }
    return _bottomView;
}

// MARK: - 注释
- (void)creatWebView {
    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
    self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) configuration:config];
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://www.apple.com"]];
    [_webView loadRequest:request];
    [self.view addSubview:_webView];
    // 添加通知，监测scrollView的内容长度
    [_webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil];
}

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{
    if ([keyPath isEqualToString:@"contentSize"]) {
        CGSize size = [[change objectForKey:@"new"] CGSizeValue];
        NSLog(@"%f", size.height);
        [self otherSettings];
    }
}

// MARK: - 注释
- (void)otherSettings {
    self.webView.scrollView.contentInset = UIEdgeInsetsMake(0, 0, 200, 0);
    CGFloat y = self.webView.scrollView.contentSize.height;
    [self.webView.scrollView addSubview:self.bottomView];
    self.bottomView.frame = CGRectMake(0, y, self.view.frame.size.width, 200);
}

- (void)dealloc
{
    [_webView.scrollView removeObserver:self forKeyPath:@"contentSize"];
}