mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-20 08:27:32 +08:00
Previously the example didn't respect the safe area or use a typography scheme. This addresses both issues and cleans up some code. You previously couldn't see the chip field because it was hidden behind the app bar. Closes #3708 | Before | After | | ------ | ------ | ||| |||
83 lines
2.6 KiB
Objective-C
83 lines
2.6 KiB
Objective-C
// Copyright 2017-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 "ChipsExamplesSupplemental.h"
|
|
|
|
#import "MaterialChips.h"
|
|
#import "MaterialTextFields.h"
|
|
#import "MaterialChips+ChipThemer.h"
|
|
|
|
@interface ChipsInputExampleViewController () <MDCChipFieldDelegate>
|
|
@end
|
|
|
|
@implementation ChipsInputExampleViewController {
|
|
MDCChipField *_chipField;
|
|
}
|
|
|
|
- (id)init {
|
|
self = [super init];
|
|
if (self) {
|
|
_colorScheme = [[MDCSemanticColorScheme alloc] init];
|
|
_typographyScheme = [[MDCTypographyScheme alloc] init];
|
|
_shapeScheme = [[MDCShapeScheme alloc] init];
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
|
|
self.view.backgroundColor = self.colorScheme.backgroundColor;
|
|
|
|
_chipField = [[MDCChipField alloc] initWithFrame:CGRectZero];
|
|
_chipField.delegate = self;
|
|
_chipField.textField.placeholderLabel.text = @"This is a chip field.";
|
|
_chipField.backgroundColor = self.colorScheme.surfaceColor;
|
|
[self.view addSubview:_chipField];
|
|
}
|
|
|
|
- (void)viewWillLayoutSubviews {
|
|
[super viewWillLayoutSubviews];
|
|
|
|
CGRect frame = CGRectInset(self.view.bounds, 10, 10);
|
|
if (@available(iOS 11.0, *)) {
|
|
frame = UIEdgeInsetsInsetRect(frame, self.view.safeAreaInsets);
|
|
}
|
|
frame.size = [_chipField sizeThatFits:frame.size];
|
|
_chipField.frame = frame;
|
|
}
|
|
|
|
- (void)chipFieldHeightDidChange:(MDCChipField *)chipField {
|
|
[self.view layoutIfNeeded];
|
|
}
|
|
|
|
- (void)chipField:(MDCChipField *)chipField didAddChip:(MDCChipView *)chip {
|
|
MDCChipViewScheme *scheme = [[MDCChipViewScheme alloc] init];
|
|
scheme.colorScheme = self.colorScheme;
|
|
scheme.typographyScheme = self.typographyScheme;
|
|
scheme.shapeScheme = self.shapeScheme;
|
|
|
|
// Every other chip is stroked
|
|
if (chipField.chips.count%2) {
|
|
[MDCChipViewThemer applyOutlinedVariantWithScheme:scheme toChipView:chip];
|
|
} else {
|
|
[MDCChipViewThemer applyScheme:scheme toChipView:chip];
|
|
}
|
|
[chip sizeToFit];
|
|
CGFloat chipVerticalInset = MIN(0, (CGRectGetHeight(chip.bounds) - 48) / 2);
|
|
chip.hitAreaInsets = UIEdgeInsetsMake(chipVerticalInset, 0, chipVerticalInset, 0);
|
|
}
|
|
|
|
@end
|