zw/keyboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加homeheadView

Browse Source
This commit is contained in:
CodeST
2025-11-07 14:21:03 +08:00
parent f0542c11c8
commit 074596ebcb
7 changed files with 356 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
keyBoard/Class/Home/V/HomeHeadView.h
View File

@@ -11,6 +11,13 @@ NS_ASSUME_NONNULL_BEGIN
@interface HomeHeadView : UIView
/// 点击底部购买按钮回调
@property (nonatomic, copy) void (^onTapBuy)(void);
/// 配置4个功能按钮标题与图片（可选）
/// 若 images 为空会使用一个渐变占位图
- (void)configureFeatureTitles:(NSArray<NSString *> *)titles images:(NSArray<UIImage *> * _Nullable)images;
@end
NS_ASSUME_NONNULL_END

230
keyBoard/Class/Home/V/HomeHeadView.m
View File

@@ -6,14 +6,244 @@
//
#import "HomeHeadView.h"
#import "UIImage+KBColor.h"
#import "KBTopImageButton.h"
@interface HomeHeadView()
// 顶部会员卡图片
@property (nonatomic, strong) UIImageView *vipImageView;
// 主/副标题
@property (nonatomic, strong) UILabel *titleLabel;
@property (nonatomic, strong) UILabel *subTitleLabel;
// 中部四个功能按钮容器
@property (nonatomic, strong) UIView *featuresContainer;
@property (nonatomic, strong) NSArray<KBTopImageButton *> *featureButtons;
// 底部购买按钮
@property (nonatomic, strong) UIButton *buyButton;
@end
@implementation HomeHeadView
- (instancetype)initWithFrame:(CGRect)frame{
if (self = [super initWithFrame:frame]) {
self.backgroundColor = [UIColor clearColor];
[self setupViews];
[self setupConstraints];
[self defaultData];
}
return self;
}
#pragma mark - Layout
- (void)layoutSubviews {
[super layoutSubviews];
// 根据实际尺寸更新购买按钮背景的渐变图（避免在未布局前计算尺寸为0）
if (self.buyButton.currentBackgroundImage == nil) {
CGSize size = self.buyButton.bounds.size;
if (size.width > 0 && size.height > 0) {
UIImage *bg = [UIImage kb_gradientImageWithColors:@[[UIColor colorWithHex:0xE6FFF4], [UIColor colorWithHex:0xA6FFD8]]
locations:nil
size:size
direction:KBGradientDirectionLeftToRight
cornerRadius:size.height * 0.5];
[self.buyButton setBackgroundImage:bg forState:UIControlStateNormal];
}
}
}
#pragma mark - UI
- (void)setupViews {
[self addSubview:self.vipImageView];
[self addSubview:self.titleLabel];
[self addSubview:self.subTitleLabel];
[self addSubview:self.featuresContainer];
[self addSubview:self.buyButton];
}
- (void)setupConstraints {
// 顶部图
[self.vipImageView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.mas_top).offset(2);
make.centerX.equalTo(self);
make.width.mas_equalTo(217);
make.height.mas_equalTo(166);
}];
// 主标题
[self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.vipImageView.mas_bottom).offset(28);
make.centerX.equalTo(self);
make.left.greaterThanOrEqualTo(self.mas_left).offset(16);
make.right.lessThanOrEqualTo(self.mas_right).offset(-16);
make.height.mas_equalTo(26);
}];
// 副标题
[self.subTitleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.titleLabel.mas_bottom).offset(3);
make.centerX.equalTo(self.titleLabel);
make.left.greaterThanOrEqualTo(self.mas_left).offset(16);
make.right.lessThanOrEqualTo(self.mas_right).offset(-16);
make.height.mas_equalTo(20);
}];
// 功能按钮容器
[self.featuresContainer mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.subTitleLabel.mas_bottom).offset(16);
make.left.equalTo(self.mas_left).offset(16);
make.right.equalTo(self.mas_right).offset(-16);
make.height.mas_equalTo(94);
}];
// 四个按钮等宽分布
KBTopImageButton *b0 = self.featureButtons[0];
KBTopImageButton *b1 = self.featureButtons[1];
KBTopImageButton *b2 = self.featureButtons[2];
KBTopImageButton *b3 = self.featureButtons[3];
[b0 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.top.bottom.equalTo(self.featuresContainer);
}];
[b1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(b0.mas_right);
make.top.bottom.equalTo(b0);
make.width.equalTo(b0);
}];
[b2 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(b1.mas_right);
make.top.bottom.equalTo(b0);
make.width.equalTo(b0);
}];
[b3 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(b2.mas_right);
make.top.bottom.right.equalTo(self.featuresContainer);
make.width.equalTo(b0);
}];
// 购买按钮
[self.buyButton mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(self.mas_left).offset(62);
make.right.equalTo(self.mas_right).offset(-62);
make.bottom.equalTo(self.mas_bottom).offset(-5);
make.height.mas_equalTo(56);
}];
}
- (void)defaultData {
// 默认文案（使用英文，便于与示例图一致）
self.titleLabel.text = @"Become A Member Of Love Key";
self.subTitleLabel.text = @"Unlock All Functions";
NSArray *titles = @[@"Wireless Sub-ai\nDialogue",
@"Personalized\nKeyboard",
@"Chat\nPersona",
@"Emotional\nCounseling"];
[self configureFeatureTitles:titles images:nil];
}
#pragma mark - Public
- (void)configureFeatureTitles:(NSArray<NSString *> *)titles images:(NSArray<UIImage *> *)images {
// 设置四个按钮标题与占位图片（如未传图片则生成渐变圆角占位）
NSInteger count = MIN(4, titles.count);
for (NSInteger i = 0; i < 4; i++) {
KBTopImageButton *btn = self.featureButtons[i];
if (i < count) {
btn.textLabel.text = titles[i];
}
UIImage *img = (i < images.count) ? images[i] : nil;
if (!img) {
// 生成一张柔和的渐变占位图
CGSize s = btn.iconSize;
CGFloat cr = MIN(s.width, s.height) * 0.26;
UIColor *c1 = [UIColor colorWithHex:0xC9F7E9];
UIColor *c2 = [UIColor colorWithHex:0xA6E6FF];
if (i == 1) { c1 = [UIColor colorWithHex:0xD7E5FF]; c2 = [UIColor colorWithHex:0xBFD2FF]; }
if (i == 2) { c1 = [UIColor colorWithHex:0xEBD8FF]; c2 = [UIColor colorWithHex:0xDDBBFF]; }
if (i == 3) { c1 = [UIColor colorWithHex:0xD1F5DE]; c2 = [UIColor colorWithHex:0xB6EBCE]; }
img = [UIImage kb_gradientImageWithColors:@[c1, c2]
locations:nil
size:s
direction:KBGradientDirectionLeftTopToRightBottom
cornerRadius:cr];
}
btn.iconView.image = img;
}
}
#pragma mark - Actions
- (void)onTapBuyAction {
if (self.onTapBuy) { self.onTapBuy(); }
}
#pragma mark - Lazy
- (UIImageView *)vipImageView{
if (!_vipImageView) {
_vipImageView = [[UIImageView alloc] init];
_vipImageView.image = [UIImage imageNamed:@"home_vip_card"];
_vipImageView.contentMode = UIViewContentModeScaleAspectFit;
_vipImageView.backgroundColor = [UIColor redColor];
}
return _vipImageView;
}
- (UILabel *)titleLabel {
if (!_titleLabel) {
_titleLabel = [[UILabel alloc] init];
_titleLabel.font = [UIFont systemFontOfSize:18 weight:UIFontWeightBold];
_titleLabel.textColor = [UIColor colorWithHex:0x1B1F1A];
_titleLabel.textAlignment = NSTextAlignmentCenter;
}
return _titleLabel;
}
- (UILabel *)subTitleLabel {
if (!_subTitleLabel) {
_subTitleLabel = [[UILabel alloc] init];
_subTitleLabel.font = [UIFont systemFontOfSize:14 weight:UIFontWeightRegular];
_subTitleLabel.textColor = self.titleLabel.textColor;
_subTitleLabel.textAlignment = NSTextAlignmentCenter;
}
return _subTitleLabel;
}
- (UIView *)featuresContainer {
if (!_featuresContainer) {
_featuresContainer = [[UIView alloc] init];
// 不显式背景，保留父视图背景；如需调试可设置颜色
// _featuresContainer.backgroundColor = [UIColor colorWithWhite:0 alpha:0.02];
// 创建4个功能按钮（懒加载一并放到数组）
NSMutableArray *arr = [NSMutableArray arrayWithCapacity:4];
for (int i = 0; i < 4; i++) {
KBTopImageButton *btn = [[KBTopImageButton alloc] init];
btn.iconSize = CGSizeMake(46, 46);
btn.spacing = 5;
[self.featuresContainer addSubview:btn];
[arr addObject:btn];
}
_featureButtons = [arr copy];
}
return _featuresContainer;
}
- (NSArray<KBTopImageButton *> *)featureButtons {
// 只读访问，实际由 featuresContainer 的懒加载创建
if (!_featureButtons) { (void)self.featuresContainer; }
return _featureButtons;
}
- (UIButton *)buyButton {
if (!_buyButton) {
_buyButton = [UIButton buttonWithType:UIButtonTypeCustom];
[_buyButton setTitle:@"Recharge Now" forState:UIControlStateNormal];
[_buyButton setTitleColor:[UIColor colorWithHex:0x1B1F1A] forState:UIControlStateNormal];
_buyButton.titleLabel.font = [UIFont systemFontOfSize:15 weight:UIFontWeightMedium];
[_buyButton addTarget:self action:@selector(onTapBuyAction) forControlEvents:UIControlEventTouchUpInside];
}
return _buyButton;
}
@end

2
keyBoard/Class/Home/V/KBPanModalView.m
View File

@@ -72,7 +72,7 @@
}
- (PanModalHeight)shortFormHeight {
return PanModalHeightMake(PanModalHeightTypeContent, self.minHeight ?: 300);
return PanModalHeightMake(PanModalHeightTypeMaxTopInset, self.minHeight);
}
- (PanModalHeight)longFormHeight {

25
keyBoard/Class/Home/V/KBTopImageButton.h Normal file
View File

@@ -0,0 +1,25 @@
//
// KBTopImageButton.h
// keyBoard
//
// 上图下文按钮：支持自定义图标尺寸与上下间距
//
#import <UIKit/UIKit.h>
NS_ASSUME_NONNULL_BEGIN
@interface KBTopImageButton : UIControl
/// 图标视图
@property (nonatomic, strong, readonly) UIImageView *iconView;
/// 文本标签
@property (nonatomic, strong, readonly) UILabel *textLabel;
/// 图片与文字之间的间距，默认 6
@property (nonatomic, assign) CGFloat spacing;
/// 图标尺寸，默认 44x44
@property (nonatomic, assign) CGSize iconSize;
@end
NS_ASSUME_NONNULL_END

61
keyBoard/Class/Home/V/KBTopImageButton.m Normal file
View File

@@ -0,0 +1,61 @@
//
// KBTopImageButton.m
// keyBoard
//
// 上图下文按钮：图片在上、文字在下，内部简单布局，适合图标型功能入口
//
#import "KBTopImageButton.h"
#import "UIColor+Extension.h"
@interface KBTopImageButton()
@property (nonatomic, strong) UIImageView *iconView;
@property (nonatomic, strong) UILabel *textLabel;
@end
@implementation KBTopImageButton
- (instancetype)initWithFrame:(CGRect)frame {
if (self = [super initWithFrame:frame]) {
_spacing = 6;
_iconSize = CGSizeMake(44, 44);
_iconView = [[UIImageView alloc] init];
_iconView.contentMode = UIViewContentModeScaleAspectFit;
[self addSubview:_iconView];
_textLabel = [[UILabel alloc] init];
_textLabel.font = [UIFont systemFontOfSize:12 weight:UIFontWeightSemibold];
_textLabel.textColor = [UIColor colorWithHex:0x2B2B2B];
_textLabel.textAlignment = NSTextAlignmentCenter;
_textLabel.numberOfLines = 2;
[self addSubview:_textLabel];
}
return self;
}
- (CGSize)intrinsicContentSize {
CGFloat width = MAX(_iconSize.width, 60);
return CGSizeMake(width, _iconSize.height + _spacing + 34);
}
- (void)layoutSubviews {
[super layoutSubviews];
CGFloat W = CGRectGetWidth(self.bounds);
CGFloat H = CGRectGetHeight(self.bounds);
CGSize iconS = self.iconSize;
CGFloat ix = (W - iconS.width) * 0.5;
self.iconView.frame = CGRectMake(ix, 0, iconS.width, iconS.height);
CGFloat labelTop = CGRectGetMaxY(self.iconView.frame) + self.spacing;
CGFloat lh = MAX(0, H - labelTop);
self.textLabel.frame = CGRectMake(0, labelTop, W, lh);
}
- (void)setHighlighted:(BOOL)highlighted {
[super setHighlighted:highlighted];
self.alpha = highlighted ? 0.6 : 1.0;
}
@end