components/Typography/examples/TypographyMaterialScalableStylesViewController.m

// Copyright 2019-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 "MaterialTypography.h"
#import "MaterialTypographyScheme.h"

@interface TypographyMaterialScalableStyleViewController : UITableViewController
@end

@implementation TypographyMaterialScalableStyleViewController {
  NSArray<NSString *> *_strings;
  NSArray<NSString *> *_styleNames;
  NSArray<UIFont *> *_styleFonts;
  MDCTypographyScheme *_typography;
}

- (void)viewDidLoad {
  [super viewDidLoad];

  self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

  self.tableView.rowHeight = UITableViewAutomaticDimension;
  self.tableView.estimatedRowHeight = 50.0;

  [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];

  _strings = @[
    @"Material Design Components", @"A quick brown fox jumped over the lazy dog.",
    @"ABCDEFGHIJKLMNOPQRSTUVWXYZ", @"abcdefghijklmnopqrstuvwxyz", @"1234567890",
    @"!@#$%^&*()-=_+[]\\;',./<>?:\""
  ];

  _typography =
      [[MDCTypographyScheme alloc] initWithDefaults:MDCTypographySchemeDefaultsMaterial201902];

  // The following two dictionaries must match UIFont <> Font Name (String)

  _styleFonts = @[
    _typography.body1,     [_typography.body1 mdc_scaledFontForCurrentSizeCategory],
    _typography.body2,     [_typography.body2 mdc_scaledFontForCurrentSizeCategory],
    _typography.caption,   [_typography.caption mdc_scaledFontForCurrentSizeCategory],
    _typography.button,    [_typography.button mdc_scaledFontForCurrentSizeCategory],
    _typography.overline,  [_typography.overline mdc_scaledFontForCurrentSizeCategory],
    _typography.subtitle1, [_typography.subtitle1 mdc_scaledFontForCurrentSizeCategory],
    _typography.subtitle2, [_typography.subtitle2 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline1, [_typography.headline1 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline2, [_typography.headline2 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline3, [_typography.headline3 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline4, [_typography.headline4 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline5, [_typography.headline5 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline6, [_typography.headline6 mdc_scaledFontForCurrentSizeCategory],
  ];

  _styleNames = @[
    // Material Font Styles
    @"Body1",     @"Body1 (Scalable)",     @"Body2",     @"Body2 (Scalable)",
    @"Caption",   @"Caption (Scalable)",   @"Button",    @"Button (Scalable)",
    @"Overline",  @"Overline (Scalable)",  @"Subtitle1", @"Subtitle1 (Scalable)",
    @"Subtitle2", @"Subtitle2 (Scalable)", @"Headline1", @"Headline1 (Scalable)",
    @"Headline2", @"Headline2 (Scalable)", @"Headline3", @"Headline3 (Scalable)",
    @"Headline4", @"Headline4 (Scalable)", @"Headline5", @"Headline5 (Scalable)",
    @"Headline6", @"Headline6 (Scalable)",
  ];

  [[NSNotificationCenter defaultCenter] addObserver:self
                                           selector:@selector(contentSizeCategoryDidChange:)
                                               name:UIContentSizeCategoryDidChangeNotification
                                             object:nil];
}

- (void)contentSizeCategoryDidChange:(NSNotification *)notification {
  NSString *sizeCategory = notification.userInfo[UIContentSizeCategoryNewValueKey];
  NSLog(@"New size category : %@", sizeCategory);

  // Update font array to reflect new size category
  _styleFonts = @[
    _typography.body1,     [_typography.body1 mdc_scaledFontForCurrentSizeCategory],
    _typography.body2,     [_typography.body2 mdc_scaledFontForCurrentSizeCategory],
    _typography.caption,   [_typography.caption mdc_scaledFontForCurrentSizeCategory],
    _typography.button,    [_typography.button mdc_scaledFontForCurrentSizeCategory],
    _typography.overline,  [_typography.overline mdc_scaledFontForCurrentSizeCategory],
    _typography.subtitle1, [_typography.subtitle1 mdc_scaledFontForCurrentSizeCategory],
    _typography.subtitle2, [_typography.subtitle2 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline1, [_typography.headline1 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline2, [_typography.headline2 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline3, [_typography.headline3 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline4, [_typography.headline4 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline5, [_typography.headline5 mdc_scaledFontForCurrentSizeCategory],
    _typography.headline6, [_typography.headline6 mdc_scaledFontForCurrentSizeCategory],
  ];

  [self.tableView reloadData];
}

#pragma mark - UITableViewDataSource

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
  return _strings.count;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
  return _styleNames.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView
         cellForRowAtIndexPath:(NSIndexPath *)indexPath {
  UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:@"cell"];
  cell.textLabel.text = _strings[indexPath.section];
  cell.textLabel.font = _styleFonts[indexPath.row];
  cell.textLabel.numberOfLines = 0;
  cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;

  if (cell.textLabel.font.pointSize > 100 && indexPath.section == 0) {
    cell.textLabel.text = @"MDC";
  }

  NSString *detail = [NSString
      stringWithFormat:@"%@ @ %.0f pt", _styleNames[indexPath.row], cell.textLabel.font.pointSize];
  cell.detailTextLabel.text = detail;
  cell.detailTextLabel.font = [_typography.caption mdc_scaledFontAtDefaultSize];

  cell.selectionStyle = UITableViewCellSelectionStyleNone;

  return cell;
}

#pragma mark - CatalogByConvention

+ (NSDictionary *)catalogMetadata {
  return @{
    @"breadcrumbs" : @[ @"Typography and Fonts", @"Material Scalable Font Styles" ],
    @"primaryDemo" : @NO,
    @"presentable" : @NO,
  };
}

@end