material-components_materia.../components/Buttons/examples/ButtonsTypicalUseExampleViewController.m
Randall Li 1d692a8ab2 [Buttons] Added a11y minimum touch target size to Accessibility section in readme. (#4386)
* Added a11y minimum touch target size to Accessibility section in readme.
Catalog: added minimum size a11y to button example.

* Update README.md

* nit changes
2018-06-15 10:58:28 -04:00

205 lines
7.9 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 "MaterialButtons.h"
#import "MaterialButtons+ButtonThemer.h"
#import "MaterialButtons+ColorThemer.h"
#import "MaterialButtons+TypographyThemer.h"
#import "MaterialTypography.h"
#import "MDCTextButtonThemer.h"
#import "supplemental/ButtonsTypicalUseSupplemental.h"
const CGFloat kMinimumAccessibleButtonHeight = 48.0;
@interface ButtonsTypicalUseExampleViewController ()
@property(nonatomic, strong) MDCFloatingButton *floatingButton;
@end
@implementation ButtonsTypicalUseExampleViewController
- (id)init {
self = [super init];
if (self) {
self.colorScheme = [[MDCSemanticColorScheme alloc] init];
self.typographyScheme = [[MDCTypographyScheme alloc] init];
}
return self;
}
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
MDCButtonScheme *buttonScheme = [[MDCButtonScheme alloc] init];
buttonScheme.colorScheme = self.colorScheme;
buttonScheme.typographyScheme = self.typographyScheme;
// Contained button
MDCButton *containedButton = [[MDCButton alloc] init];
[containedButton setTitle:@"Button" forState:UIControlStateNormal];
[MDCContainedButtonThemer applyScheme:buttonScheme toButton:containedButton];
[containedButton sizeToFit];
CGFloat containedButtonVerticalInset =
MIN(0, -(kMinimumAccessibleButtonHeight - CGRectGetHeight(containedButton.frame)) / 2);
containedButton.hitAreaInsets =
UIEdgeInsetsMake(containedButtonVerticalInset, 0, containedButtonVerticalInset, 0);
[containedButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:containedButton];
// Disabled contained button
MDCButton *disabledContainedButton = [[MDCButton alloc] init];
[disabledContainedButton setTitle:@"Button" forState:UIControlStateNormal];
[MDCContainedButtonThemer applyScheme:buttonScheme toButton:disabledContainedButton];
[disabledContainedButton sizeToFit];
[disabledContainedButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
[disabledContainedButton setEnabled:NO];
[self.view addSubview:disabledContainedButton];
// Text button
MDCButton *textButton = [[MDCButton alloc] init];
[MDCTextButtonThemer applyScheme:buttonScheme toButton:textButton];
[textButton setTitle:@"Button" forState:UIControlStateNormal];
[textButton sizeToFit];
CGFloat textButtonVerticalInset = MIN(0, -(kMinimumAccessibleButtonHeight - CGRectGetHeight(textButton.frame)) / 2);
textButton.hitAreaInsets =
UIEdgeInsetsMake(textButtonVerticalInset, 0, textButtonVerticalInset, 0);
[textButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:textButton];
// Disabled Text button
MDCButton *disabledTextButton = [[MDCButton alloc] init];
[disabledTextButton setTitle:@"Button" forState:UIControlStateNormal];
[MDCTextButtonThemer applyScheme:buttonScheme toButton:disabledTextButton];
[disabledTextButton sizeToFit];
[disabledTextButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
[disabledTextButton setEnabled:NO];
[self.view addSubview:disabledTextButton];
// Outlined button
MDCButton *outlinedButton = [[MDCButton alloc] init];
[outlinedButton setTitle:@"Button" forState:UIControlStateNormal];
[MDCOutlinedButtonThemer applyScheme:buttonScheme toButton:outlinedButton];
[outlinedButton sizeToFit];
CGFloat outlineButtonVerticalInset =
MIN(0, -(kMinimumAccessibleButtonHeight - CGRectGetHeight(outlinedButton.frame)) / 2);
outlinedButton.hitAreaInsets =
UIEdgeInsetsMake(outlineButtonVerticalInset, 0, outlineButtonVerticalInset, 0);
[outlinedButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:outlinedButton];
// Disabled outlined button
MDCButton *disabledOutlinedButton = [[MDCButton alloc] init];
[disabledOutlinedButton setTitle:@"Button" forState:UIControlStateNormal];
[MDCOutlinedButtonThemer applyScheme:buttonScheme toButton:disabledOutlinedButton];
[disabledOutlinedButton sizeToFit];
[disabledOutlinedButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
[disabledOutlinedButton setEnabled:NO];
[self.view addSubview:disabledOutlinedButton];
// Floating action button
self.floatingButton = [[MDCFloatingButton alloc] init];
[self.floatingButton sizeToFit];
[self.floatingButton addTarget:self
action:@selector(didTap:)
forControlEvents:UIControlEventTouchUpInside];
UIImage *plusImage =
[[UIImage imageNamed:@"Plus"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
[self.floatingButton setImage:plusImage forState:UIControlStateNormal];
[MDCFloatingActionButtonThemer applyScheme:buttonScheme toButton:self.floatingButton];
CGFloat floatingActionButtonVerticalInset =
MIN(0, -(kMinimumAccessibleButtonHeight - CGRectGetHeight(self.floatingButton.frame)) / 2);
UIEdgeInsets touchInsets =
UIEdgeInsetsMake(floatingActionButtonVerticalInset, 0, floatingActionButtonVerticalInset, 0);
[self.floatingButton setHitAreaInsets:touchInsets
forShape:MDCFloatingButtonShapeDefault
inMode:MDCFloatingButtonModeNormal];
[self.view addSubview:self.floatingButton];
self.buttons = @[
containedButton, disabledContainedButton, textButton, disabledTextButton, outlinedButton,
disabledOutlinedButton,self.floatingButton
];
[self setupExampleViews];
}
- (void)setupExampleViews {
UILabel *containedButtonLabel = [self addLabelWithText:@"Contained"];
UILabel *disabledContainedButtonLabel = [self addLabelWithText:@"Disabled Contained"];
UILabel *textButtonLabel = [self addLabelWithText:@"Text button"];
UILabel *disabledTextButtonLabel = [self addLabelWithText:@"Disabled text button"];
UILabel *outlinedButtonLabel = [self addLabelWithText:@"Outlined"];
UILabel *disabledOutlinedButtonLabel = [self addLabelWithText:@"Disabled Outlined"];
UILabel *floatingButtonLabel = [self addLabelWithText:@"Floating Action"];
self.labels = @[
containedButtonLabel, disabledContainedButtonLabel, textButtonLabel, disabledTextButtonLabel,
outlinedButtonLabel, disabledOutlinedButtonLabel, floatingButtonLabel
];
}
- (void)didTap:(id)sender {
NSLog(@"%@ was tapped.", NSStringFromClass([sender class]));
if (sender == self.floatingButton) {
[self.floatingButton
collapse:YES
completion:^{
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)),
dispatch_get_main_queue(), ^{
[self.floatingButton expand:YES completion:nil];
});
}];
}
}
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
if (animated) {
[self.floatingButton collapse:NO completion:nil];
}
}
- (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
if (animated) {
[self.floatingButton expand:YES completion:nil];
}
}
@end