mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-03 16:33:57 +08:00
96a741b315
Adds a new scheme that vends fonts with an associated scaling curve.
This is a BREAKING CHANGE due to a new, required property in the MDCTypographyScheming protocol.
To easily migrate, clients can add the following method to their custom implementations of MDCTypographyScheming.
- (BOOL)mdc_adjustsFontForContentSizeCategory {
return NO;
}
149 lines
6.4 KiB
Objective-C
149 lines
6.4 KiB
Objective-C
// 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
|