mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-20 08:27:32 +08:00
5a05ff9f9b
* [Typography] Add FontThemer & FontScheme to FeatureHighlight * Add Themer Example * Remove TODO * Cleanup / Feedback * Migrate to new type hierarchy
278 lines
8.7 KiB
Objective-C
278 lines
8.7 KiB
Objective-C
/*
|
|
Copyright 2016-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 "FeatureHighlightExampleSupplemental.h"
|
|
|
|
#import "MaterialButtons.h"
|
|
#import "MaterialMath.h"
|
|
#import "MaterialPalettes.h"
|
|
#import "MaterialTypography.h"
|
|
|
|
static NSString *const reuseIdentifier = @"Cell";
|
|
|
|
@implementation FeatureHighlightTypicalUseViewController (CatalogByConvention)
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
|
|
self.view.backgroundColor = [UIColor whiteColor];
|
|
|
|
self.infoLabel = [[UILabel alloc] initWithFrame:CGRectZero];
|
|
self.infoLabel.text = @"Tap anywhere to move the button.";
|
|
self.infoLabel.font = [MDCTypography subheadFont];
|
|
self.infoLabel.textColor =
|
|
[self.infoLabel.textColor colorWithAlphaComponent:[MDCTypography captionFontOpacity]];
|
|
[self.view addSubview:self.infoLabel];
|
|
|
|
self.button = [[MDCRaisedButton alloc] init];
|
|
[self.button setBackgroundColor:[UIColor colorWithWhite:0.1f alpha:1]];
|
|
[self.button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
|
|
[self.button setTitle:@"Action" forState:UIControlStateNormal];
|
|
[self.button sizeToFit];
|
|
[self.button addTarget:self
|
|
action:@selector(didTapButton:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
[self.view addSubview:self.button];
|
|
|
|
UITapGestureRecognizer *tapRecognizer =
|
|
[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(didTapBackground:)];
|
|
[self.view addGestureRecognizer:tapRecognizer];
|
|
}
|
|
|
|
- (void)viewDidLayoutSubviews {
|
|
[super viewDidLayoutSubviews];
|
|
|
|
[self.button sizeToFit];
|
|
CGRect frame = self.button.frame;
|
|
frame.origin.x = self.view.frame.size.width / 2 - frame.size.width / 2;
|
|
frame.origin.y = self.view.frame.size.height / 2 - frame.size.height / 2;
|
|
self.button.frame = frame;
|
|
|
|
CGSize labelSize = [self.infoLabel sizeThatFits:self.view.frame.size];
|
|
self.infoLabel.frame =
|
|
MDCRectAlignToScale(CGRectMake(self.view.frame.size.width / 2 - labelSize.width / 2, 20,
|
|
labelSize.width, labelSize.height),
|
|
[UIScreen mainScreen].scale);
|
|
}
|
|
|
|
- (void)didTapBackground:(UITapGestureRecognizer *)recognizer {
|
|
CGPoint location = [recognizer locationInView:recognizer.view];
|
|
location.x -= self.button.frame.size.width / 2;
|
|
location.y -= self.button.frame.size.height / 2;
|
|
self.button.frame = (CGRect){location, self.button.frame.size};
|
|
}
|
|
|
|
#pragma mark - CatalogByConvention
|
|
|
|
+ (NSArray *)catalogBreadcrumbs {
|
|
return @[ @"Feature Highlight", @"Feature Highlight" ];
|
|
}
|
|
|
|
+ (NSString *)catalogDescription {
|
|
return @"The Feature Highlight component is used to introduce users to new features and"
|
|
" functionality at contextually relevant moments.";
|
|
}
|
|
|
|
+ (BOOL)catalogIsPrimaryDemo {
|
|
return YES;
|
|
}
|
|
|
|
+ (BOOL)catalogIsPresentable {
|
|
return YES;
|
|
}
|
|
|
|
@end
|
|
|
|
@implementation FeatureHighlightColorExample (CatalogByConvention)
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
|
|
[self.collectionView registerClass:[MDCCollectionViewTextCell class]
|
|
forCellWithReuseIdentifier:reuseIdentifier];
|
|
|
|
self.colors = @[
|
|
MDCPalette.redPalette.tint500, MDCPalette.pinkPalette.tint500,
|
|
MDCPalette.purplePalette.tint500, MDCPalette.deepPurplePalette.tint500,
|
|
MDCPalette.indigoPalette.tint500, MDCPalette.bluePalette.tint500,
|
|
MDCPalette.lightBluePalette.tint500, MDCPalette.cyanPalette.tint500,
|
|
MDCPalette.tealPalette.tint500, MDCPalette.greenPalette.tint500,
|
|
MDCPalette.lightGreenPalette.tint500, MDCPalette.limePalette.tint500,
|
|
MDCPalette.yellowPalette.tint500, MDCPalette.amberPalette.tint500,
|
|
MDCPalette.orangePalette.tint500, MDCPalette.deepOrangePalette.tint500,
|
|
MDCPalette.brownPalette.tint500, MDCPalette.greyPalette.tint500,
|
|
MDCPalette.blueGreyPalette.tint500,
|
|
];
|
|
}
|
|
|
|
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
|
|
return 1;
|
|
}
|
|
|
|
- (NSInteger)collectionView:(UICollectionView *)collectionView
|
|
numberOfItemsInSection:(NSInteger)section {
|
|
return self.colors.count;
|
|
}
|
|
|
|
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView
|
|
cellForItemAtIndexPath:(NSIndexPath *)indexPath {
|
|
MDCCollectionViewTextCell *cell =
|
|
[collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier
|
|
forIndexPath:indexPath];
|
|
|
|
UIView *accessory = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
|
|
accessory.backgroundColor = self.colors[indexPath.row];
|
|
cell.accessoryView = accessory;
|
|
|
|
return cell;
|
|
}
|
|
|
|
#pragma mark - CatalogByConvention
|
|
|
|
+ (NSArray *)catalogBreadcrumbs {
|
|
return @[ @"Feature Highlight", @"Colors" ];
|
|
}
|
|
|
|
+ (BOOL)catalogIsPrimaryDemo {
|
|
return NO;
|
|
}
|
|
|
|
+ (BOOL)catalogIsPresentable {
|
|
return YES;
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
@implementation FeatureHighlightCustomFontsExample (CatalogByConvention)
|
|
|
|
- (void)viewDidLayoutSubviews {
|
|
[super viewDidLayoutSubviews];
|
|
|
|
[self.button sizeToFit];
|
|
CGRect frame = self.button.frame;
|
|
frame.origin.x = self.view.frame.size.width / 2 - frame.size.width / 2;
|
|
frame.origin.y = self.view.frame.size.height / 2 - frame.size.height / 2;
|
|
self.button.frame = frame;
|
|
|
|
CGSize labelSize = [self.infoLabel sizeThatFits:self.view.frame.size];
|
|
self.infoLabel.frame =
|
|
MDCRectAlignToScale(CGRectMake(self.view.frame.size.width / 2 - labelSize.width / 2, 20,
|
|
labelSize.width, labelSize.height),
|
|
[UIScreen mainScreen].scale);
|
|
}
|
|
|
|
#pragma mark - CatalogByConvention
|
|
|
|
+ (NSArray *)catalogBreadcrumbs {
|
|
return @[ @"Feature Highlight", @"Custom Fonts" ];
|
|
}
|
|
|
|
+ (BOOL)catalogIsPrimaryDemo {
|
|
return NO;
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
@implementation FeatureHighlightThemerExample (CatalogByConvention)
|
|
|
|
- (void)viewDidLayoutSubviews {
|
|
[super viewDidLayoutSubviews];
|
|
|
|
[self.button sizeToFit];
|
|
CGRect frame = self.button.frame;
|
|
frame.origin.x = self.view.frame.size.width / 2 - frame.size.width / 2;
|
|
frame.origin.y = self.view.frame.size.height / 2 - frame.size.height / 2;
|
|
self.button.frame = frame;
|
|
|
|
CGSize labelSize = [self.infoLabel sizeThatFits:self.view.frame.size];
|
|
self.infoLabel.frame =
|
|
MDCRectAlignToScale(CGRectMake(self.view.frame.size.width / 2 - labelSize.width / 2, 20,
|
|
labelSize.width, labelSize.height),
|
|
[UIScreen mainScreen].scale);
|
|
}
|
|
|
|
#pragma mark - CatalogByConvention
|
|
|
|
+ (NSArray *)catalogBreadcrumbs {
|
|
return @[ @"Feature Highlight", @"Themers" ];
|
|
}
|
|
|
|
+ (BOOL)catalogIsPrimaryDemo {
|
|
return NO;
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
@implementation FeatureHighlightShownViewExample (CatalogByConvention)
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
|
|
self.view.backgroundColor = [UIColor whiteColor];
|
|
|
|
self.infoLabel = [[UILabel alloc] initWithFrame:CGRectZero];
|
|
self.infoLabel.text = @"Tap on the button below.";
|
|
self.infoLabel.font = [MDCTypography subheadFont];
|
|
self.infoLabel.textColor =
|
|
[self.infoLabel.textColor colorWithAlphaComponent:[MDCTypography captionFontOpacity]];
|
|
[self.view addSubview:self.infoLabel];
|
|
|
|
self.button = [[MDCRaisedButton alloc] init];
|
|
[self.button setBackgroundColor:[UIColor colorWithWhite:0.1f alpha:1]];
|
|
[self.button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
|
|
[self.button setTitle:@"Action" forState:UIControlStateNormal];
|
|
[self.button sizeToFit];
|
|
[self.button addTarget:self
|
|
action:@selector(didTapButton:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
[self.view addSubview:self.button];
|
|
}
|
|
|
|
- (void)viewDidLayoutSubviews {
|
|
[super viewDidLayoutSubviews];
|
|
|
|
[self.button sizeToFit];
|
|
CGRect frame = self.button.frame;
|
|
frame.origin.x = self.view.frame.size.width / 2 - frame.size.width / 2;
|
|
frame.origin.y = self.view.frame.size.height / 2 - frame.size.height / 2;
|
|
self.button.frame = frame;
|
|
|
|
CGSize labelSize = [self.infoLabel sizeThatFits:self.view.frame.size];
|
|
self.infoLabel.frame =
|
|
MDCRectAlignToScale(CGRectMake(self.view.frame.size.width / 2 - labelSize.width / 2, 20,
|
|
labelSize.width, labelSize.height),
|
|
[UIScreen mainScreen].scale);
|
|
}
|
|
|
|
#pragma mark - CatalogByConvention
|
|
|
|
+ (NSArray *)catalogBreadcrumbs {
|
|
return @[ @"Feature Highlight", @"Shown Views" ];
|
|
}
|
|
|
|
+ (BOOL)catalogIsPrimaryDemo {
|
|
return NO;
|
|
}
|
|
|
|
+ (BOOL)catalogIsPresentable {
|
|
return YES;
|
|
}
|
|
|
|
@end
|