210 lines
7.2 KiB
Objective-C
210 lines
7.2 KiB
Objective-C
//
|
|
// KBSearchResultVC.m
|
|
// keyBoard
|
|
//
|
|
|
|
#import "KBSearchResultVC.h"
|
|
#import "KBSearchBarView.h"
|
|
#import "KBSkinCardCell.h"
|
|
|
|
static NSString * const kResultCellId = @"KBSkinCardCell";
|
|
|
|
@interface KBSearchResultVC ()<UICollectionViewDataSource, UICollectionViewDelegateFlowLayout>
|
|
|
|
// 顶部自定义栏:返回按钮 + 搜索栏
|
|
@property (nonatomic, strong) UIView *topBar;
|
|
@property (nonatomic, strong) UIButton *backButton;
|
|
@property (nonatomic, strong) KBSearchBarView *searchBarView;
|
|
|
|
// 结果列表
|
|
@property (nonatomic, strong) UICollectionView *collectionView;
|
|
@property (nonatomic, strong) UICollectionViewFlowLayout *flowLayout;
|
|
|
|
// 数据源(示例数据,实际项目中由网络返回)
|
|
@property (nonatomic, strong) NSMutableArray<NSDictionary *> *resultItems; // @{title, price}
|
|
|
|
@end
|
|
|
|
@implementation KBSearchResultVC
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
self.view.backgroundColor = [UIColor whiteColor];
|
|
|
|
// 添加子视图
|
|
[self.view addSubview:self.topBar];
|
|
[self.topBar addSubview:self.backButton];
|
|
[self.topBar addSubview:self.searchBarView];
|
|
[self.view addSubview:self.collectionView];
|
|
|
|
// Masonry 布局:顶部自定义栏(无导航栏)
|
|
[self.topBar mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.top.equalTo(self.view.mas_top).offset(KB_STATUSBAR_HEIGHT + 8);
|
|
make.left.right.equalTo(self.view);
|
|
make.height.mas_equalTo(44);
|
|
}];
|
|
[self.backButton mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.left.equalTo(self.topBar).offset(12);
|
|
make.centerY.equalTo(self.topBar);
|
|
make.width.mas_equalTo(28);
|
|
make.height.mas_equalTo(36);
|
|
}];
|
|
[self.searchBarView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.centerY.equalTo(self.backButton);
|
|
make.left.equalTo(self.backButton.mas_right).offset(12);
|
|
// make.width.mas_equalTo(315);
|
|
make.height.mas_equalTo(36);
|
|
// make.right.lessThanOrEqualTo(self.topBar).offset(-16);
|
|
make.right.equalTo(self.view).offset(-16);
|
|
}];
|
|
[self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
|
|
make.top.equalTo(self.topBar.mas_bottom).offset(12);
|
|
make.left.right.bottom.equalTo(self.view);
|
|
}];
|
|
|
|
// 默认关键字(如果有)
|
|
if (self.defaultKeyword.length > 0) {
|
|
[self.searchBarView updateKeyword:self.defaultKeyword];
|
|
[self performSearch:self.defaultKeyword];
|
|
} else {
|
|
// 填充一些示例数据
|
|
[self loadMockData];
|
|
}
|
|
}
|
|
|
|
// 系统导航栏显隐交给 Base 统一处理(全局隐藏),该 VC 保持默认即可。
|
|
|
|
#pragma mark - Private
|
|
|
|
/// 执行搜索(示例:本地生成一些数据)
|
|
- (void)performSearch:(NSString *)keyword {
|
|
// 这里可以发起网络请求;演示中生成 10 条假数据
|
|
[self.resultItems removeAllObjects];
|
|
for (int i = 0; i < 10; i++) {
|
|
[self.resultItems addObject:@{ @"title": @"Dopamine", @"price": @"20" }];
|
|
}
|
|
[self.collectionView reloadData];
|
|
}
|
|
|
|
/// 示例数据
|
|
- (void)loadMockData {
|
|
[self.resultItems removeAllObjects];
|
|
for (int i = 0; i < 12; i++) {
|
|
[self.resultItems addObject:@{ @"title": @"Dopamine", @"price": @"20" }];
|
|
}
|
|
[self.collectionView reloadData];
|
|
}
|
|
|
|
#pragma mark - UICollectionViewDataSource
|
|
|
|
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
|
|
return 1;
|
|
}
|
|
|
|
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
|
|
return self.resultItems.count;
|
|
}
|
|
|
|
- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
|
|
KBSkinCardCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kResultCellId forIndexPath:indexPath];
|
|
NSDictionary *it = self.resultItems[indexPath.item];
|
|
[cell configWithTitle:it[@"title"] imageURL:nil price:it[@"price"]];
|
|
return cell;
|
|
}
|
|
|
|
#pragma mark - UICollectionViewDelegateFlowLayout
|
|
|
|
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
|
|
// 两列布局
|
|
CGFloat width = collectionView.bounds.size.width;
|
|
CGFloat inset = 16; // 左右间距
|
|
CGFloat spacing = 12; // 列间距
|
|
CGFloat w = floor((width - inset * 2 - spacing) / 2.0);
|
|
// CGFloat h = w * 0.75 + 8 + 20 + 10 + 6 + 8; // 与 KBSkinCardCell 估算一致
|
|
return CGSizeMake(w, KBFit(197));
|
|
}
|
|
|
|
- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
|
|
return UIEdgeInsetsMake(8, 16, 20, 16);
|
|
}
|
|
|
|
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
|
|
return 12;
|
|
}
|
|
|
|
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
|
|
return 16;
|
|
}
|
|
|
|
#pragma mark - Lazy
|
|
|
|
- (KBSearchBarView *)searchBarView {
|
|
if (!_searchBarView) {
|
|
_searchBarView = [[KBSearchBarView alloc] init];
|
|
_searchBarView.placeholder = @"Themes";
|
|
KBWeakSelf
|
|
_searchBarView.onSearch = ^(NSString * _Nonnull keyword) {
|
|
[weakSelf performSearch:keyword];
|
|
};
|
|
}
|
|
return _searchBarView;
|
|
}
|
|
|
|
- (UIView *)topBar {
|
|
if (!_topBar) {
|
|
_topBar = [[UIView alloc] init];
|
|
_topBar.backgroundColor = [UIColor whiteColor];
|
|
}
|
|
return _topBar;
|
|
}
|
|
|
|
- (UIButton *)backButton {
|
|
if (!_backButton) {
|
|
_backButton = [UIButton buttonWithType:UIButtonTypeSystem];
|
|
UIImage *img = nil;
|
|
if (@available(iOS 13.0, *)) {
|
|
img = [UIImage systemImageNamed:@"chevron.left"];
|
|
}
|
|
if (img) {
|
|
[_backButton setImage:img forState:UIControlStateNormal];
|
|
} else {
|
|
[_backButton setTitle:@"<" forState:UIControlStateNormal];
|
|
_backButton.titleLabel.font = [UIFont systemFontOfSize:22 weight:UIFontWeightSemibold];
|
|
}
|
|
[_backButton setTintColor:[UIColor blackColor]];
|
|
[_backButton addTarget:self action:@selector(onTapBack) forControlEvents:UIControlEventTouchUpInside];
|
|
}
|
|
return _backButton;
|
|
}
|
|
|
|
- (void)onTapBack { [self.navigationController popViewControllerAnimated:YES]; }
|
|
|
|
- (UICollectionViewFlowLayout *)flowLayout {
|
|
if (!_flowLayout) {
|
|
_flowLayout = [[UICollectionViewFlowLayout alloc] init];
|
|
_flowLayout.scrollDirection = UICollectionViewScrollDirectionVertical;
|
|
}
|
|
return _flowLayout;
|
|
}
|
|
|
|
- (UICollectionView *)collectionView {
|
|
if (!_collectionView) {
|
|
_collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:self.flowLayout];
|
|
_collectionView.backgroundColor = [UIColor whiteColor];
|
|
_collectionView.dataSource = self;
|
|
_collectionView.delegate = self;
|
|
// 注册结果卡片 cell
|
|
[_collectionView registerClass:KBSkinCardCell.class forCellWithReuseIdentifier:kResultCellId];
|
|
}
|
|
return _collectionView;
|
|
}
|
|
|
|
- (NSMutableArray<NSDictionary *> *)resultItems {
|
|
if (!_resultItems) {
|
|
_resultItems = [NSMutableArray array];
|
|
}
|
|
return _resultItems;
|
|
}
|
|
|
|
@end
|