Files
firebase-ios-sdk/Firebase/InAppMessagingDisplay/ImageOnly/FIDImageOnlyViewController.m
T
christibbs 4a33b267d9 Support card template display in FIAM iOS SDK (#2947)
* Add card scene to storyboard, use IBDesignable rounded corners view

* Use IBdesignable rounded corners view for modal message

* Add card message type

* Parse card message type, add new fields for secondary actions and landscape URLs to view model classes

* Display a really basic card message

* Naive landscape image loading (needs error handling)

* Quick bug fix

* Wire up Display to show cards

* Wire up Display to show cards

* Fix tablet width

* Pick right image for orientation

* Remove placeholder image sizing constraints at build time

* Add more test functionality

* Better image sizes

* Size message image out

* Switch to body text view rather than body label

* Make the body text view scrollable. Set correct text color on button.

* Hook up buttons and text color

* Include action URL in messageClicked callback

* Fix action URL

* Update pod specs

* Update message clicked delegate to pass an action object, not just the actionURL

* Change podspec versions back, hook up background color

* Don't animate scroll to top on scroll view

* Fix text scrolling bug

* Fix portrait and landscape fetching code. Fix background color bug

* Flesh out FIRIAMMessageContentDataWithImageURLTests

* Fix up FIRIAMFetchFlowTests

* Fix up FIRIAMMessageClientCacheTests

* Fix up FIRIAMMessageDisplayForTesting

* Fix fetching in FIRIAMMessageContentDataWithImageURL

* Tests for message parsing

* Fix up view controllers for banner, modal, image only. Add a view controller for testing card

* Add required vertical compression resistance for primary and secondary action button

* Add UI tests for card view controller

* Add back deprecated messageClicked: method, call it if the newer method isn't implemented. Make all display delegate methods optional.

* Run scripts/styles.sh

* Documentation cleanup

* Fix style in FIRIAMMessageContentDataWithImageURLTests.m

* Add missing copyright notices

* Bump versions of both FIAM SDKS

* Remove default.profraw

* Address some logging punctuation nits. Cancel landscape image load if portrait image load fails.

* Add missing error flow in image fetch. A few comment nits.

* Shorten up init method for CardDisplayMessage

* Documentation updates

* Deintegrate cocoa pods

* Include landscape image data in test image load class

* Fix Swift naming for InAppMessagingAction in UItests

* Remove card message initializer from public API, place into a private header

* Mark some properties on the card object as readonly that should've been already, Find a way to initialize a card message in the UI tests.

* Bump dependency on InAppMessaging given changes

* Bump versions in podspecs for both SDKs

* Make all view model properties for message subclasses readonly

* Revert changes to other message subclasses

* Make card view model properties readonly

* Run styles.sh
2019-05-24 18:31:16 -04:00

181 lines
7.1 KiB
Objective-C

/*
* Copyright 2018 Google
*
* 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 "FIDImageOnlyViewController.h"
#import "FIRCore+InAppMessagingDisplay.h"
@interface FIDImageOnlyViewController ()
@property(nonatomic, readwrite) FIRInAppMessagingImageOnlyDisplay *imageOnlyMessage;
@property(weak, nonatomic) IBOutlet UIImageView *imageView;
@property(weak, nonatomic) IBOutlet UIButton *closeButton;
@property(nonatomic, assign) CGSize imageOriginalSize;
@end
@implementation FIDImageOnlyViewController
+ (FIDImageOnlyViewController *)
instantiateViewControllerWithResourceBundle:(NSBundle *)resourceBundle
displayMessage:
(FIRInAppMessagingImageOnlyDisplay *)imageOnlyMessage
displayDelegate:
(id<FIRInAppMessagingDisplayDelegate>)displayDelegate
timeFetcher:(id<FIDTimeFetcher>)timeFetcher {
UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"FIRInAppMessageDisplayStoryboard"
bundle:resourceBundle];
if (storyboard == nil) {
FIRLogError(kFIRLoggerInAppMessagingDisplay, @"I-FID300002",
@"Storyboard '"
"FIRInAppMessageDisplayStoryboard' not found in bundle %@",
resourceBundle);
return nil;
}
FIDImageOnlyViewController *imageOnlyVC = (FIDImageOnlyViewController *)[storyboard
instantiateViewControllerWithIdentifier:@"image-only-vc"];
imageOnlyVC.displayDelegate = displayDelegate;
imageOnlyVC.imageOnlyMessage = imageOnlyMessage;
imageOnlyVC.timeFetcher = timeFetcher;
return imageOnlyVC;
}
- (FIRInAppMessagingDisplayMessage *)inAppMessage {
return self.imageOnlyMessage;
}
- (IBAction)closeButtonClicked:(id)sender {
[self dismissView:FIRInAppMessagingDismissTypeUserTapClose];
}
- (void)setupRecognizers {
UITapGestureRecognizer *tapGestureRecognizer =
[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(messageTapped:)];
tapGestureRecognizer.delaysTouchesBegan = YES;
tapGestureRecognizer.numberOfTapsRequired = 1;
self.imageView.userInteractionEnabled = YES;
[self.imageView addGestureRecognizer:tapGestureRecognizer];
}
- (void)messageTapped:(UITapGestureRecognizer *)recognizer {
FIRInAppMessagingAction *action =
[[FIRInAppMessagingAction alloc] initWithActionText:nil
actionURL:self.imageOnlyMessage.actionURL];
[self followAction:action];
}
- (void)viewDidLoad {
[super viewDidLoad];
[self.view setBackgroundColor:[UIColor.grayColor colorWithAlphaComponent:0.5]];
if (self.imageOnlyMessage.imageData) {
UIImage *image = [UIImage imageWithData:self.imageOnlyMessage.imageData.imageRawData];
self.imageOriginalSize = image.size;
[self.imageView setImage:image];
self.imageView.contentMode = UIViewContentModeScaleAspectFit;
}
[self setupRecognizers];
}
- (void)viewDidLayoutSubviews {
[super viewDidLayoutSubviews];
if (!self.imageOnlyMessage.imageData) {
return;
}
// do the calculation in viewDidLayoutSubViews since self.view.window.frame is only
// reliable at this time
// Calculate the size of the image view under the constraints:
// 1 Retain the image ratio
// 2 Have at least 30 point of margines around four sides of the image view
CGFloat minimalMargine = 30; // 30 points
CGFloat maxImageViewWidth = self.view.window.frame.size.width - minimalMargine * 2;
CGFloat maxImageViewHeight = self.view.window.frame.size.height - minimalMargine * 2;
CGFloat adjustedImageViewHeight = self.imageOriginalSize.height;
CGFloat adjustedImageViewWidth = self.imageOriginalSize.width;
if (adjustedImageViewWidth > maxImageViewWidth || adjustedImageViewHeight > maxImageViewHeight) {
if (maxImageViewHeight / maxImageViewWidth >
self.imageOriginalSize.height / self.imageOriginalSize.width) {
// the image is relatively too wide compared against displayable area
adjustedImageViewWidth = maxImageViewWidth;
adjustedImageViewHeight =
adjustedImageViewWidth * self.imageOriginalSize.height / self.imageOriginalSize.width;
FIRLogDebug(kFIRLoggerInAppMessagingDisplay, @"I-FID110002",
@"Use max available image display width as %lf", adjustedImageViewWidth);
} else {
// the image is relatively too narrow compared against displayable area
adjustedImageViewHeight = maxImageViewHeight;
adjustedImageViewWidth =
adjustedImageViewHeight * self.imageOriginalSize.width / self.imageOriginalSize.height;
FIRLogDebug(kFIRLoggerInAppMessagingDisplay, @"I-FID110003",
@"Use max avilable image display height as %lf", adjustedImageViewHeight);
}
} else {
// image can be rendered fully at its original size
FIRLogDebug(kFIRLoggerInAppMessagingDisplay, @"I-FID110001",
@"Image can be fully displayed in image only mode");
}
CGRect rect = CGRectMake(0, 0, adjustedImageViewWidth, adjustedImageViewHeight);
self.imageView.frame = rect;
self.imageView.center = self.view.center;
CGFloat closeButtonCenterX = CGRectGetMaxX(self.imageView.frame);
CGFloat closeButtonCenterY = CGRectGetMinY(self.imageView.frame);
self.closeButton.center = CGPointMake(closeButtonCenterX, closeButtonCenterY);
[self.view bringSubviewToFront:self.closeButton];
}
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
// close any potential keyboard, which would conflict with the modal in-app messagine view
[[UIApplication sharedApplication] sendAction:@selector(resignFirstResponder)
to:nil
from:nil
forEvent:nil];
if (self.imageOnlyMessage.campaignInfo.renderAsTestMessage) {
FIRLogDebug(kFIRLoggerInAppMessagingDisplay, @"I-FID110004",
@"Flashing the close button since this is a test message.");
[self flashCloseButton:self.closeButton];
}
}
- (void)flashCloseButton:(UIButton *)closeButton {
closeButton.alpha = 1.0f;
[UIView animateWithDuration:2.0
delay:0.0
options:UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionRepeat |
UIViewAnimationOptionAutoreverse |
UIViewAnimationOptionAllowUserInteraction
animations:^{
closeButton.alpha = 0.1f;
}
completion:^(BOOL finished){
// Do nothing
}];
}
@end