mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-01-24 00:11:47 +08:00
260 lines
11 KiB
Objective-C
260 lines
11 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+Theming.h"
|
|
#import "MaterialColorScheme.h"
|
|
#import "MaterialContainerScheme.h"
|
|
|
|
#import "supplemental/ButtonsTypicalUseSupplemental.h"
|
|
#import "MaterialShapeScheme.h"
|
|
#import "MaterialTypographyScheme.h"
|
|
|
|
static const CGSize kMinimumAccessibleButtonSize = {64.0, 48.0};
|
|
|
|
@interface ButtonsTypicalUseExample ()
|
|
@property(nonatomic, strong) MDCButton *containedButton;
|
|
@property(nonatomic, strong) MDCButton *disabledContainedButton;
|
|
@property(nonatomic, strong) MDCButton *textButton;
|
|
@property(nonatomic, strong) MDCButton *disabledTextButton;
|
|
@property(nonatomic, strong) MDCButton *outlinedButton;
|
|
@property(nonatomic, strong) MDCButton *disabledOutlinedButton;
|
|
@property(nonatomic, strong) MDCFloatingButton *floatingButton;
|
|
@end
|
|
|
|
@implementation ButtonsTypicalUseExample
|
|
|
|
- (id)init {
|
|
self = [super init];
|
|
if (self) {
|
|
self.colorScheme =
|
|
[[MDCSemanticColorScheme alloc] initWithDefaults:MDCColorSchemeDefaultsMaterial201804];
|
|
self.shapeScheme =
|
|
[[MDCShapeScheme alloc] initWithDefaults:MDCShapeSchemeDefaultsMaterial201809];
|
|
self.typographyScheme =
|
|
[[MDCTypographyScheme alloc] initWithDefaults:MDCTypographySchemeDefaultsMaterial201804];
|
|
self.containerScheme = [[MDCContainerScheme alloc] init];
|
|
self.containerScheme.colorScheme = self.colorScheme;
|
|
self.containerScheme.shapeScheme = self.shapeScheme;
|
|
self.containerScheme.typographyScheme = self.typographyScheme;
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
|
|
self.view.backgroundColor = [UIColor whiteColor];
|
|
|
|
// Contained button
|
|
|
|
MDCButton *containedButton = [[MDCButton alloc] init];
|
|
[containedButton setTitle:@"Button" forState:UIControlStateNormal];
|
|
[containedButton applyContainedThemeWithScheme:self.containerScheme];
|
|
CGSize containedButtonSize = [containedButton sizeThatFits:CGSizeZero];
|
|
CGFloat containedButtonHeight =
|
|
MAX(kMinimumAccessibleButtonSize.height, containedButtonSize.height);
|
|
CGFloat containedButtonWidth = MAX(kMinimumAccessibleButtonSize.width, containedButtonSize.width);
|
|
containedButton.frame = CGRectMake(0, 0, containedButtonWidth, containedButtonHeight);
|
|
containedButton.centerVisibleArea = YES;
|
|
[containedButton addTarget:self
|
|
action:@selector(didTap:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
self.containedButton = containedButton;
|
|
[self.view addSubview:containedButton];
|
|
|
|
// Disabled contained button
|
|
|
|
MDCButton *disabledContainedButton = [[MDCButton alloc] init];
|
|
[disabledContainedButton setTitle:@"Button" forState:UIControlStateNormal];
|
|
[disabledContainedButton applyContainedThemeWithScheme:self.containerScheme];
|
|
[disabledContainedButton sizeToFit];
|
|
[disabledContainedButton addTarget:self
|
|
action:@selector(didTap:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
[disabledContainedButton setEnabled:NO];
|
|
self.disabledContainedButton = disabledContainedButton;
|
|
[self.view addSubview:disabledContainedButton];
|
|
|
|
// Text button
|
|
|
|
MDCButton *textButton = [[MDCButton alloc] init];
|
|
[textButton applyTextThemeWithScheme:self.containerScheme];
|
|
[textButton setTitle:@"Button" forState:UIControlStateNormal];
|
|
textButton.centerVisibleArea = YES;
|
|
CGSize textButtonSize = [containedButton sizeThatFits:CGSizeZero];
|
|
CGFloat textButtonHeight = MAX(kMinimumAccessibleButtonSize.height, textButtonSize.height);
|
|
CGFloat textButtonWidth = MAX(kMinimumAccessibleButtonSize.width, textButtonSize.width);
|
|
textButton.frame = CGRectMake(0, 0, textButtonWidth, textButtonHeight);
|
|
[textButton addTarget:self
|
|
action:@selector(didTap:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
self.textButton = textButton;
|
|
[self.view addSubview:textButton];
|
|
|
|
// Disabled Text button
|
|
|
|
MDCButton *disabledTextButton = [[MDCButton alloc] init];
|
|
[disabledTextButton setTitle:@"Button" forState:UIControlStateNormal];
|
|
[disabledTextButton applyTextThemeWithScheme:self.containerScheme];
|
|
[disabledTextButton sizeToFit];
|
|
[disabledTextButton addTarget:self
|
|
action:@selector(didTap:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
[disabledTextButton setEnabled:NO];
|
|
self.disabledTextButton = disabledTextButton;
|
|
[self.view addSubview:disabledTextButton];
|
|
|
|
// Outlined button
|
|
|
|
MDCButton *outlinedButton = [[MDCButton alloc] init];
|
|
[outlinedButton setTitle:@"Button" forState:UIControlStateNormal];
|
|
[outlinedButton applyOutlinedThemeWithScheme:self.containerScheme];
|
|
outlinedButton.centerVisibleArea = YES;
|
|
CGSize outlineButtonSize = [outlinedButton intrinsicContentSize];
|
|
CGFloat outlinedButtonHeight = MAX(kMinimumAccessibleButtonSize.height, outlineButtonSize.height);
|
|
CGFloat outlinedButtonWidth = MAX(kMinimumAccessibleButtonSize.width, outlineButtonSize.width);
|
|
outlinedButton.frame = CGRectMake(0, 0, outlinedButtonWidth, outlinedButtonHeight);
|
|
[outlinedButton addTarget:self
|
|
action:@selector(didTap:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
self.outlinedButton = outlinedButton;
|
|
[self.view addSubview:outlinedButton];
|
|
|
|
// Disabled outlined button
|
|
|
|
MDCButton *disabledOutlinedButton = [[MDCButton alloc] init];
|
|
[disabledOutlinedButton setTitle:@"Button" forState:UIControlStateNormal];
|
|
[disabledOutlinedButton applyOutlinedThemeWithScheme:self.containerScheme];
|
|
[disabledOutlinedButton sizeToFit];
|
|
[disabledOutlinedButton addTarget:self
|
|
action:@selector(didTap:)
|
|
forControlEvents:UIControlEventTouchUpInside];
|
|
[disabledOutlinedButton setEnabled:NO];
|
|
self.disabledOutlinedButton = disabledOutlinedButton;
|
|
[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:@"ic_add"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
|
|
[self.floatingButton setImage:plusImage forState:UIControlStateNormal];
|
|
[self.floatingButton applySecondaryThemeWithScheme:[self containerScheme]];
|
|
self.floatingButton.accessibilityLabel = @"Create";
|
|
[self.view addSubview:self.floatingButton];
|
|
|
|
self.buttons = @[
|
|
containedButton, disabledContainedButton, textButton, disabledTextButton, outlinedButton,
|
|
disabledOutlinedButton, self.floatingButton
|
|
];
|
|
|
|
[self setupExampleViews];
|
|
|
|
NSMutableArray *accessibilityElements = [@[] mutableCopy];
|
|
for (NSUInteger index = 0; index < self.buttons.count; ++index) {
|
|
[accessibilityElements addObject:self.labels[index]];
|
|
[accessibilityElements addObject:self.buttons[index]];
|
|
}
|
|
self.view.accessibilityElements = [accessibilityElements copy];
|
|
}
|
|
|
|
- (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 (!UIAccessibilityIsVoiceOverRunning()) {
|
|
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 && !UIAccessibilityIsVoiceOverRunning()) {
|
|
[self.floatingButton collapse:NO completion:nil];
|
|
}
|
|
}
|
|
|
|
- (void)viewDidAppear:(BOOL)animated {
|
|
[super viewDidAppear:animated];
|
|
if (animated && !UIAccessibilityIsVoiceOverRunning()) {
|
|
[self.floatingButton expand:YES completion:nil];
|
|
}
|
|
}
|
|
|
|
@end
|
|
|
|
@implementation ButtonsTypicalUseExample (SnapshotTestingByConvention)
|
|
|
|
- (void)testDefaults {
|
|
// Given
|
|
MDCContainerScheme *containerScheme = [[MDCContainerScheme alloc] init];
|
|
self.containerScheme = containerScheme;
|
|
|
|
// When
|
|
[self.containedButton applyContainedThemeWithScheme:self.containerScheme];
|
|
[self.disabledContainedButton applyContainedThemeWithScheme:self.containerScheme];
|
|
[self.textButton applyTextThemeWithScheme:self.containerScheme];
|
|
[self.disabledTextButton applyTextThemeWithScheme:self.containerScheme];
|
|
[self.outlinedButton applyOutlinedThemeWithScheme:self.containerScheme];
|
|
[self.disabledOutlinedButton applyOutlinedThemeWithScheme:self.containerScheme];
|
|
[self.floatingButton applySecondaryThemeWithScheme:self.containerScheme];
|
|
}
|
|
|
|
- (void)testDynamic201907ColorScheme {
|
|
// Given
|
|
MDCContainerScheme *containerScheme = [[MDCContainerScheme alloc] init];
|
|
containerScheme.colorScheme =
|
|
[[MDCSemanticColorScheme alloc] initWithDefaults:MDCColorSchemeDefaultsMaterial201907];
|
|
self.containerScheme = containerScheme;
|
|
|
|
// When
|
|
[self.containedButton applyContainedThemeWithScheme:self.containerScheme];
|
|
[self.disabledContainedButton applyContainedThemeWithScheme:self.containerScheme];
|
|
[self.textButton applyTextThemeWithScheme:self.containerScheme];
|
|
[self.disabledTextButton applyTextThemeWithScheme:self.containerScheme];
|
|
[self.outlinedButton applyOutlinedThemeWithScheme:self.containerScheme];
|
|
[self.disabledOutlinedButton applyOutlinedThemeWithScheme:self.containerScheme];
|
|
[self.floatingButton applySecondaryThemeWithScheme:self.containerScheme];
|
|
}
|
|
|
|
@end
|