blob: c5c859935b563c43f1827ee7c28ab2a03e4b9290 [file] [log] [blame]
// Copyright 2018-present the Material Components for iOS authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
#import <UIKit/UIKit.h>
#import <WebKit/WebKit.h>
#import "MaterialAppBar.h"
#import "MaterialAppBar+ColorThemer.h"
#import "MaterialAppBar+TypographyThemer.h"
// This demonstrates that a WKWebView with large content as the tracking scroll view is able to
// scroll as expected, even with the useAdditionalSafeAreaInsetsForWebKitScrollViews flag enabled.
@interface AppBarWKWebViewLargeContentExample : UIViewController
@property(nonatomic, strong) MDCAppBar *appBar;
@property(nonatomic, strong) MDCSemanticColorScheme *colorScheme;
@property(nonatomic, strong) MDCTypographyScheme *typographyScheme;
@end
@implementation AppBarWKWebViewLargeContentExample
- (void)dealloc {
// Required for pre-iOS 11 devices because we've enabled observesTrackingScrollViewScrollEvents.
self.appBar.headerViewController.headerView.trackingScrollView = nil;
}
- (id)init {
self = [super init];
if (self) {
self.title = @"App Bar";
_appBar = [[MDCAppBar alloc] init];
// Behavioral flags.
_appBar.inferTopSafeAreaInsetFromViewController = YES;
_appBar.headerViewController.topLayoutGuideViewController = self;
_appBar.headerViewController.headerView.minMaxHeightIncludesSafeArea = NO;
_appBar.headerViewController.headerView.observesTrackingScrollViewScrollEvents = YES;
_appBar.headerViewController.useAdditionalSafeAreaInsetsForWebKitScrollViews = YES;
[self addChildViewController:_appBar.headerViewController];
_appBar.navigationBar.inkColor = [UIColor colorWithWhite:(CGFloat)0.9 alpha:(CGFloat)0.1];
self.colorScheme =
[[MDCSemanticColorScheme alloc] initWithDefaults:MDCColorSchemeDefaultsMaterial201804];
self.typographyScheme = [[MDCTypographyScheme alloc] init];
}
return self;
}
- (void)viewDidLoad {
[super viewDidLoad];
[MDCAppBarColorThemer applySemanticColorScheme:self.colorScheme toAppBar:_appBar];
[MDCAppBarTypographyThemer applyTypographyScheme:self.typographyScheme toAppBar:_appBar];
// Need to update the status bar style after applying the theme.
[self setNeedsStatusBarAppearanceUpdate];
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:config];
[self.view addSubview:webView];
NSMutableArray *content = [@[@"<html>\n<head></head><body>"] mutableCopy];
for (NSInteger ix = 0; ix < 500; ++ix) {
[content addObject:@"<p>Hello</p>"];
}
[content addObject:@"</body></html>"];
[webView loadHTMLString:[content componentsJoinedByString:@"\n"] baseURL:nil];
if (@available(iOS 11.0, *)) {
// No need to do anything - additionalSafeAreaInsets will inset our content.
webView.autoresizingMask = (UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight);
} else {
webView.translatesAutoresizingMaskIntoConstraints = NO;
[NSLayoutConstraint activateConstraints:
@[[NSLayoutConstraint constraintWithItem:webView
attribute:NSLayoutAttributeTop
relatedBy:NSLayoutRelationEqual
toItem:self.topLayoutGuide
attribute:NSLayoutAttributeBottom
multiplier:1.0
constant:0],
[NSLayoutConstraint constraintWithItem:webView
attribute:NSLayoutAttributeBottom
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeBottom
multiplier:1.0
constant:0],
[NSLayoutConstraint constraintWithItem:webView
attribute:NSLayoutAttributeLeft
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeLeft
multiplier:1.0
constant:0],
[NSLayoutConstraint constraintWithItem:webView
attribute:NSLayoutAttributeRight
relatedBy:NSLayoutRelationEqual
toItem:self.view
attribute:NSLayoutAttributeRight
multiplier:1.0
constant:0]
]];
}
self.appBar.headerViewController.headerView.trackingScrollView = webView.scrollView;
[self.appBar addSubviewsToParent];
}
- (UIViewController *)childViewControllerForStatusBarHidden {
return self.appBar.headerViewController;
}
- (UIViewController *)childViewControllerForStatusBarStyle {
return self.appBar.headerViewController;
}
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self.navigationController setNavigationBarHidden:YES animated:animated];
}
@end
@implementation AppBarWKWebViewLargeContentExample (CatalogByConvention)
+ (NSDictionary *)catalogMetadata {
return @{
@"breadcrumbs": @[ @"App Bar", @"WKWebView large content" ],
@"primaryDemo": @NO,
@"presentable": @NO,
};
}
- (BOOL)catalogShouldHideNavigation {
return YES;
}
@end