From 91d754b389169a38fbb942a75ee47788ce82986e Mon Sep 17 00:00:00 2001 From: CodeST <694468528@qq.com> Date: Fri, 7 Nov 2025 19:55:11 +0800 Subject: [PATCH] 1 --- keyBoard/Class/Home/V/KBTopThreeView.m | 68 ++++++++++++++------------ 1 file changed, 37 insertions(+), 31 deletions(-) diff --git a/keyBoard/Class/Home/V/KBTopThreeView.m b/keyBoard/Class/Home/V/KBTopThreeView.m index 2c95e93..232ae77 100644 --- a/keyBoard/Class/Home/V/KBTopThreeView.m +++ b/keyBoard/Class/Home/V/KBTopThreeView.m @@ -12,8 +12,6 @@ @property (nonatomic, strong) UIImageView *cardImageView; /// 标题 @property (nonatomic, strong) UILabel *titleLabel; -/// 底部加号按钮 -@property (nonatomic, strong) UIButton *plusButton; /// 渲染 - (void)renderWithTitle:(NSString *)title rank:(NSInteger)rank; @@ -34,8 +32,6 @@ // 头像圆圈 [self addSubview:self.avatarCircleView]; [self.cardImageView addSubview:self.titleLabel]; - // 加号按钮 - [self addSubview:self.plusButton]; // 布局 [self.avatarCircleView mas_makeConstraints:^(MASConstraintMaker *make) { @@ -47,7 +43,7 @@ [self.cardImageView mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(self.avatarCircleView.mas_bottom).offset(-34); // 顶部悬浮重叠 make.left.right.equalTo(self); - make.height.mas_equalTo(148); + make.height.mas_equalTo(KBFit(148)); }]; @@ -57,13 +53,6 @@ make.top.equalTo(self.cardImageView).offset(84); }]; - [self.plusButton mas_makeConstraints:^(MASConstraintMaker *make) { - make.top.equalTo(self.cardImageView.mas_bottom).offset(12); - make.centerX.equalTo(self); - make.width.mas_equalTo(52); - make.height.mas_equalTo(28); - make.bottom.equalTo(self.mas_bottom); // 由外部控制总体高度 - }]; } - (void)renderWithTitle:(NSString *)title rank:(NSInteger)rank { @@ -91,7 +80,7 @@ } break; // 橙 } self.cardImageView.image = image; - self.plusButton.backgroundColor = [theme colorWithAlphaComponent:0.3]; + // 加号按钮移至 KBTopThreeView，由其统一控制样式与布局 // 圆圈描边 self.avatarCircleView.layer.borderColor = [UIColor colorWithRed:0.83 green:0.95 blue:0.27 alpha:1.0].CGColor; @@ -129,17 +118,7 @@ return _titleLabel; } -- (UIButton *)plusButton { - if (!_plusButton) { - _plusButton = [UIButton buttonWithType:UIButtonTypeCustom]; - [_plusButton setTitle:@"+" forState:UIControlStateNormal]; - [_plusButton setTitleColor:[UIColor colorWithRed:0.20 green:0.65 blue:0.50 alpha:1.0] forState:UIControlStateNormal]; - _plusButton.titleLabel.font = [UIFont systemFontOfSize:18 weight:UIFontWeightSemibold]; - _plusButton.layer.cornerRadius = 14.0; - _plusButton.layer.masksToBounds = YES; - } - return _plusButton; -} +// 此类不再持有 plusButton @end @@ -148,6 +127,8 @@ @property (nonatomic, strong) KBTopThreeCardView *leftCard; @property (nonatomic, strong) KBTopThreeCardView *centerCard; @property (nonatomic, strong) KBTopThreeCardView *rightCard; +/// 统一的底部加号按钮（移出卡片，放到 KBTopThreeView） +@property (nonatomic, strong) UIButton *plusButton; @end @implementation KBTopThreeView @@ -164,27 +145,39 @@ [self addSubview:self.leftCard]; [self addSubview:self.centerCard]; [self addSubview:self.rightCard]; + [self addSubview:self.plusButton]; // 横向均分布局 [self.centerCard mas_makeConstraints:^(MASConstraintMaker *make) { make.centerX.equalTo(self); make.top.equalTo(self).offset(8); - make.width.equalTo(self.mas_width).multipliedBy(1.0/3.0).offset(-12); + make.width.mas_equalTo(KBFit(96)); + make.height.mas_equalTo(KBFit(180)); }]; + // 第二、三名比第一名矮一点：顶部向下偏移 + CGFloat sideTopDelta = 12.0; // 侧边两张比中间低 12pt（可按设计调整） [self.leftCard mas_makeConstraints:^(MASConstraintMaker *make) { - make.top.equalTo(self.centerCard); + make.top.equalTo(self.centerCard).offset(sideTopDelta); make.right.equalTo(self.centerCard.mas_left).offset(-8); make.width.equalTo(self.centerCard); + // 与中间卡片底部对齐，通过高度差体现“更矮” + make.height.equalTo(self.centerCard); }]; [self.rightCard mas_makeConstraints:^(MASConstraintMaker *make) { - make.top.equalTo(self.centerCard); + make.top.equalTo(self.centerCard).offset(sideTopDelta); make.left.equalTo(self.centerCard.mas_right).offset(8); make.width.equalTo(self.centerCard); + make.height.equalTo(self.centerCard); }]; - // 让最右/最左卡片对齐底部，撑起本视图 - [self.leftCard mas_makeConstraints:^(MASConstraintMaker *make) { make.bottom.equalTo(self).offset(-8); }]; - [self.rightCard mas_makeConstraints:^(MASConstraintMaker *make) { make.bottom.equalTo(self).offset(-8); }]; + // 用 plusButton 来“撑起”本视图，且底部对齐 + [self.plusButton mas_makeConstraints:^(MASConstraintMaker *make) { + make.top.equalTo(self.centerCard.mas_bottom).offset(12); + make.centerX.equalTo(self); + make.width.mas_equalTo(52); + make.height.mas_equalTo(28); + make.bottom.equalTo(self).offset(-8); + }]; } - (void)configWithItems:(NSArray *)items { @@ -207,5 +200,18 @@ - (KBTopThreeCardView *)centerCard { if (!_centerCard) _centerCard = [KBTopThreeCardView new]; return _centerCard; } - (KBTopThreeCardView *)rightCard { if (!_rightCard) _rightCard = [KBTopThreeCardView new]; return _rightCard; } -@end +- (UIButton *)plusButton { + if (!_plusButton) { + _plusButton = [UIButton buttonWithType:UIButtonTypeCustom]; + [_plusButton setTitle:@"+" forState:UIControlStateNormal]; + [_plusButton setTitleColor:[UIColor colorWithRed:0.20 green:0.65 blue:0.50 alpha:1.0] forState:UIControlStateNormal]; + _plusButton.titleLabel.font = [UIFont systemFontOfSize:18 weight:UIFontWeightSemibold]; + _plusButton.layer.cornerRadius = 14.0; + _plusButton.layer.masksToBounds = YES; + // 默认浅色背景，可按需要在外层配置 + _plusButton.backgroundColor = [[UIColor colorWithRed:0.20 green:0.65 blue:0.50 alpha:1.0] colorWithAlphaComponent:0.15]; + } + return _plusButton; +} +@end