OLD | NEW |
| (Empty) |
1 // Copyright 2017 The Chromium Authors. All rights reserved. | |
2 // Use of this source code is governed by a BSD-style license that can be | |
3 // found in the LICENSE file. | |
4 | |
5 #import "ios/chrome/browser/ui/suggestions/suggestions_expandable_item.h" | |
6 | |
7 #import "ios/chrome/browser/ui/uikit_ui_util.h" | |
8 #include "ui/base/l10n/l10n_util_mac.h" | |
9 | |
10 #if !defined(__has_feature) || !__has_feature(objc_arc) | |
11 #error "This file requires ARC support." | |
12 #endif | |
13 | |
14 namespace { | |
15 const CGFloat kImageSize = 80; | |
16 const CGFloat kStandardSpacing = 8; | |
17 } | |
18 | |
19 #pragma mark - SuggestionsExpandableItem | |
20 | |
21 @implementation SuggestionsExpandableItem { | |
22 NSString* _title; | |
23 NSString* _subtitle; | |
24 UIImage* _image; | |
25 NSString* _detail; | |
26 } | |
27 | |
28 @synthesize delegate = _delegate; | |
29 @synthesize expanded = _expanded; | |
30 | |
31 - (instancetype)initWithType:(NSInteger)type | |
32 title:(NSString*)title | |
33 subtitle:(NSString*)subtitle | |
34 image:(UIImage*)image | |
35 detailText:(NSString*)detail { | |
36 self = [super initWithType:type]; | |
37 if (self) { | |
38 self.cellClass = [SuggestionsExpandableCell class]; | |
39 _title = [title copy]; | |
40 _subtitle = [subtitle copy]; | |
41 _image = image; | |
42 _detail = [detail copy]; | |
43 } | |
44 return self; | |
45 } | |
46 | |
47 #pragma mark - CollectionViewItem | |
48 | |
49 - (void)configureCell:(SuggestionsExpandableCell*)cell { | |
50 [super configureCell:cell]; | |
51 cell.delegate = self.delegate; | |
52 cell.titleLabel.text = _title; | |
53 cell.subtitleLabel.text = _subtitle; | |
54 cell.imageView.image = _image; | |
55 cell.detailLabel.text = _detail; | |
56 if (self.expanded) | |
57 [cell expand]; | |
58 else | |
59 [cell collapse]; | |
60 } | |
61 | |
62 @end | |
63 | |
64 #pragma mark - SuggestionsExpandableCell | |
65 | |
66 @interface SuggestionsExpandableCell () { | |
67 UIView* _articleContainer; | |
68 UIButton* _interactionButton; | |
69 UIButton* _expandButton; | |
70 BOOL _expanded; | |
71 NSArray<NSLayoutConstraint*>* _expandedConstraints; | |
72 NSArray<NSLayoutConstraint*>* _collapsedConstraints; | |
73 } | |
74 | |
75 // Callback for the UI action showing the details. | |
76 - (void)expand:(id)sender; | |
77 // Callback for the UI action hiding the details. | |
78 - (void)collapse:(id)sender; | |
79 | |
80 @end | |
81 | |
82 @implementation SuggestionsExpandableCell | |
83 | |
84 @synthesize titleLabel = _titleLabel; | |
85 @synthesize subtitleLabel = _subtitleLabel; | |
86 @synthesize detailLabel = _detailLabel; | |
87 @synthesize imageView = _imageView; | |
88 @synthesize delegate = _delegate; | |
89 | |
90 - (instancetype)initWithFrame:(CGRect)frame { | |
91 self = [super initWithFrame:frame]; | |
92 if (self) { | |
93 _expanded = NO; | |
94 _titleLabel = [[UILabel alloc] initWithFrame:CGRectZero]; | |
95 _subtitleLabel = [[UILabel alloc] initWithFrame:CGRectZero]; | |
96 _imageView = [[UIImageView alloc] initWithFrame:CGRectZero]; | |
97 _articleContainer = [[UIView alloc] initWithFrame:CGRectZero]; | |
98 _expandButton = [UIButton buttonWithType:UIButtonTypeSystem]; | |
99 _detailLabel = [[UILabel alloc] initWithFrame:CGRectZero]; | |
100 _interactionButton = [UIButton buttonWithType:UIButtonTypeSystem]; | |
101 | |
102 _subtitleLabel.numberOfLines = 0; | |
103 [_expandButton setTitle:@"See more" forState:UIControlStateNormal]; | |
104 _detailLabel.numberOfLines = 0; | |
105 [_interactionButton setTitle:@"Less interaction" | |
106 forState:UIControlStateNormal]; | |
107 | |
108 _imageView.translatesAutoresizingMaskIntoConstraints = NO; | |
109 _titleLabel.translatesAutoresizingMaskIntoConstraints = NO; | |
110 _subtitleLabel.translatesAutoresizingMaskIntoConstraints = NO; | |
111 _articleContainer.translatesAutoresizingMaskIntoConstraints = NO; | |
112 _expandButton.translatesAutoresizingMaskIntoConstraints = NO; | |
113 _detailLabel.translatesAutoresizingMaskIntoConstraints = NO; | |
114 _interactionButton.translatesAutoresizingMaskIntoConstraints = NO; | |
115 | |
116 [_expandButton addTarget:self | |
117 action:@selector(expand:) | |
118 forControlEvents:UIControlEventTouchUpInside]; | |
119 [_interactionButton addTarget:self | |
120 action:@selector(collapse:) | |
121 forControlEvents:UIControlEventTouchUpInside]; | |
122 | |
123 [_articleContainer addSubview:_imageView]; | |
124 [_articleContainer addSubview:_titleLabel]; | |
125 [_articleContainer addSubview:_subtitleLabel]; | |
126 | |
127 [self.contentView addSubview:_articleContainer]; | |
128 [self.contentView addSubview:_expandButton]; | |
129 | |
130 [NSLayoutConstraint activateConstraints:@[ | |
131 [self.contentView.centerXAnchor | |
132 constraintEqualToAnchor:_expandButton.centerXAnchor], | |
133 [_expandButton.topAnchor | |
134 constraintEqualToAnchor:_articleContainer.bottomAnchor], | |
135 [_expandButton.bottomAnchor | |
136 constraintEqualToAnchor:self.contentView.bottomAnchor], | |
137 [_articleContainer.bottomAnchor | |
138 constraintGreaterThanOrEqualToAnchor:_imageView.bottomAnchor | |
139 constant:kStandardSpacing], | |
140 [_articleContainer.bottomAnchor | |
141 constraintGreaterThanOrEqualToAnchor:_subtitleLabel.bottomAnchor | |
142 constant:kStandardSpacing], | |
143 ]]; | |
144 | |
145 ApplyVisualConstraintsWithMetrics( | |
146 @[ | |
147 @"H:|[container]|", @"H:|-[title]-[image(imageSize)]-|", | |
148 @"H:|-[text]-[image]", @"V:|-[image(imageSize)]", | |
149 @"V:|-[title]-[text]", @"V:|[container]" | |
150 ], | |
151 @{ | |
152 @"image" : _imageView, | |
153 @"title" : _titleLabel, | |
154 @"text" : _subtitleLabel, | |
155 @"container" : _articleContainer | |
156 }, | |
157 @{ @"imageSize" : @(kImageSize) }); | |
158 | |
159 _expandedConstraints = @[ | |
160 [_detailLabel.topAnchor | |
161 constraintEqualToAnchor:_articleContainer.bottomAnchor], | |
162 [_detailLabel.bottomAnchor | |
163 constraintEqualToAnchor:_interactionButton.topAnchor], | |
164 [_interactionButton.bottomAnchor | |
165 constraintEqualToAnchor:self.contentView.bottomAnchor], | |
166 [_detailLabel.leadingAnchor | |
167 constraintEqualToAnchor:self.contentView.leadingAnchor], | |
168 [_detailLabel.trailingAnchor | |
169 constraintEqualToAnchor:self.contentView.trailingAnchor] | |
170 ]; | |
171 _collapsedConstraints = @[ | |
172 [self.contentView.centerXAnchor | |
173 constraintEqualToAnchor:_expandButton.centerXAnchor], | |
174 [_expandButton.topAnchor | |
175 constraintEqualToAnchor:_articleContainer.bottomAnchor], | |
176 [_expandButton.bottomAnchor | |
177 constraintEqualToAnchor:self.contentView.bottomAnchor] | |
178 ]; | |
179 } | |
180 return self; | |
181 } | |
182 | |
183 #pragma mark - Private | |
184 | |
185 - (void)expand:(id)sender { | |
186 [self.delegate expandCell:self]; | |
187 } | |
188 | |
189 - (void)collapse:(id)sender { | |
190 [self.delegate collapseCell:self]; | |
191 } | |
192 | |
193 - (void)expand { | |
194 if (_expanded) | |
195 return; | |
196 _expanded = YES; | |
197 | |
198 [self.contentView addSubview:_detailLabel]; | |
199 [self.contentView addSubview:_interactionButton]; | |
200 [_expandButton removeFromSuperview]; | |
201 | |
202 [NSLayoutConstraint deactivateConstraints:_collapsedConstraints]; | |
203 [NSLayoutConstraint activateConstraints:_expandedConstraints]; | |
204 } | |
205 | |
206 - (void)collapse { | |
207 if (!_expanded) | |
208 return; | |
209 _expanded = NO; | |
210 | |
211 [_detailLabel removeFromSuperview]; | |
212 [_interactionButton removeFromSuperview]; | |
213 [self.contentView addSubview:_expandButton]; | |
214 | |
215 [NSLayoutConstraint deactivateConstraints:_expandedConstraints]; | |
216 [NSLayoutConstraint activateConstraints:_collapsedConstraints]; | |
217 } | |
218 | |
219 #pragma mark - UIView | |
220 | |
221 // Implements -layoutSubviews as per instructions in documentation for | |
222 // +[MDCCollectionViewCell cr_preferredHeightForWidth:forItem:]. | |
223 - (void)layoutSubviews { | |
224 [super layoutSubviews]; | |
225 | |
226 // Adjust the text label preferredMaxLayoutWidth when the parent's width | |
227 // changes, for instance on screen rotation. | |
228 CGFloat parentWidth = CGRectGetWidth(self.contentView.bounds); | |
229 _subtitleLabel.preferredMaxLayoutWidth = parentWidth - kImageSize - 3 * 8; | |
230 _detailLabel.preferredMaxLayoutWidth = parentWidth; | |
231 | |
232 // Re-layout with the new preferred width to allow the label to adjust its | |
233 // height. | |
234 [super layoutSubviews]; | |
235 } | |
236 | |
237 @end | |
OLD | NEW |