examples/SpritedAnimationViewTypicalUseViewController.m

/*
 Copyright 2015-present Google Inc. 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 "SpritedAnimationViewTypicalUseViewController.h"

#import "MaterialSpritedAnimationView.h"

static NSString *const kSpriteList = @"sprite_list__grid";
static NSString *const kSpriteGrid = @"sprite_grid__list";

@implementation SpritedAnimationViewTypicalUseViewController {
  MDFSpritedAnimationView *_animationView;
  BOOL _toggle;
}

// TODO: Support other categorizational methods.
+ (NSArray *)catalogBreadcrumbs {
  return @[ @"Sprited Animation View", @"Sprited Animation View" ];
}

+ (NSString *)catalogDescription {
  return @"This control provides an alternative to animating an array of images with an"
          " UIImageView.";
}

+ (BOOL)catalogIsPrimaryDemo {
  return YES;
}

- (void)viewDidLoad {
  [super viewDidLoad];

  self.view.backgroundColor = [UIColor whiteColor];

  NSBundle *bundle = [NSBundle bundleForClass:[self class]];
  UIImage *spriteImage =
      [UIImage imageNamed:kSpriteList inBundle:bundle compatibleWithTraitCollection:nil];
  _animationView = [[MDFSpritedAnimationView alloc] initWithSpriteSheetImage:spriteImage];
  _animationView.frame = CGRectMake(0, 0, 30, 30);
  _animationView.center = self.view.center;
  _animationView.translatesAutoresizingMaskIntoConstraints = NO;
  UIColor *blueColor = [UIColor colorWithRed:0.012 green:0.663 blue:0.957 alpha:1];
  _animationView.tintColor = blueColor;
  [self.view addSubview:_animationView];

  // AnimationView Layout Constraints
  NSLayoutConstraint *animationViewWidthConstraint =
      [NSLayoutConstraint constraintWithItem:_animationView
                                   attribute:NSLayoutAttributeWidth
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:nil
                                   attribute:NSLayoutAttributeNotAnAttribute
                                  multiplier:1.0
                                    constant:30];
  animationViewWidthConstraint.active = true;
  NSLayoutConstraint *animationViewHeightConstraint =
      [NSLayoutConstraint constraintWithItem:_animationView
                                   attribute:NSLayoutAttributeHeight
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:nil
                                   attribute:NSLayoutAttributeNotAnAttribute
                                  multiplier:1.0
                                    constant:30];
  animationViewHeightConstraint.active = true;
  NSLayoutConstraint *animationViewXConstraint =
      [NSLayoutConstraint constraintWithItem:self.view
                                   attribute:NSLayoutAttributeCenterX
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:_animationView
                                   attribute:NSLayoutAttributeCenterX
                                  multiplier:1.0
                                    constant:0.0];
  animationViewXConstraint.active = true;
  NSLayoutConstraint *animationViewYConstraint =
      [NSLayoutConstraint constraintWithItem:self.view
                                   attribute:NSLayoutAttributeCenterY
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:_animationView
                                   attribute:NSLayoutAttributeCenterY
                                  multiplier:1.0
                                    constant:0.0];
  animationViewYConstraint.active = true;

  // Add label with tap instructions.
  UILabel *label = [[UILabel alloc] initWithFrame:CGRectOffset(self.view.bounds, 0, 30)];
  label.translatesAutoresizingMaskIntoConstraints = NO;
  label.text = @"Tap anywhere to animate icon.";
  label.textColor = [UIColor colorWithWhite:0 alpha:0.8];
  label.textAlignment = NSTextAlignmentCenter;
  [self.view addSubview:label];

  // Label Layout Constraints
  NSLayoutConstraint *labelWidthConstraint =
      [NSLayoutConstraint constraintWithItem:label
                                   attribute:NSLayoutAttributeWidth
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:self.view
                                   attribute:NSLayoutAttributeWidth
                                  multiplier:1.0
                                    constant:0.0];
  labelWidthConstraint.active = true;
  NSLayoutConstraint *labelHeightConstraint =
      [NSLayoutConstraint constraintWithItem:label
                                   attribute:NSLayoutAttributeHeight
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:self.view
                                   attribute:NSLayoutAttributeHeight
                                  multiplier:1.0
                                    constant:0.0];
  labelHeightConstraint.active = true;
  NSLayoutConstraint *labelXConstraint =
      [NSLayoutConstraint constraintWithItem:label
                                   attribute:NSLayoutAttributeCenterX
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:self.view
                                   attribute:NSLayoutAttributeCenterX
                                  multiplier:1.0
                                    constant:0.0];
  labelXConstraint.active = true;
  NSLayoutConstraint *labelYConstraint =
      [NSLayoutConstraint constraintWithItem:label
                                   attribute:NSLayoutAttributeCenterY
                                   relatedBy:NSLayoutRelationEqual
                                      toItem:self.view
                                   attribute:NSLayoutAttributeCenterY
                                  multiplier:1.0
                                    constant:30.0];
  labelYConstraint.active = true;

  // Add tap gesture to view.
  UITapGestureRecognizer *tapGesture =
      [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(didTap:)];
  [self.view addGestureRecognizer:tapGesture];
}

- (void)didTap:(UITapGestureRecognizer *)recognizer {
  recognizer.enabled = NO;

  // Animate the sprited view.
  [_animationView startAnimatingWithCompletion:^(BOOL finished) {

    // When animation completes, toggle image.
    _toggle = !_toggle;
    NSBundle *bundle = [NSBundle bundleForClass:[self class]];
    UIImage *spriteImage = [UIImage imageNamed:_toggle ? kSpriteGrid : kSpriteList
                                      inBundle:bundle
                 compatibleWithTraitCollection:nil];
    _animationView.spriteSheetImage = spriteImage;

    recognizer.enabled = YES;
  }];
}

@end