266 lines
9.8 KiB
Objective-C
266 lines
9.8 KiB
Objective-C
//
|
||
// KBShopHeadView.m
|
||
// keyBoard
|
||
//
|
||
// Created by Mac on 2025/11/9.
|
||
//
|
||
|
||
#import "KBShopHeadView.h"
|
||
|
||
@interface KBShopHeadView ()
|
||
|
||
// 容器视图（留出与屏幕的左右边距）
|
||
@property (nonatomic, strong) UIView *containerView;
|
||
|
||
// 顶部左侧标题与点缀
|
||
@property (nonatomic, strong) UILabel *titleLabel; // "Points\nMall"
|
||
@property (nonatomic, strong) UIImageView *yellowStarView; // 左侧黄色装饰星：shop_yellowxx_icon
|
||
@property (nonatomic, strong) UIImageView *greenStarView; // 右上角绿色装饰星：shop_greenxx_icon
|
||
|
||
// 右侧大金币
|
||
@property (nonatomic, strong) UIImageView *bigCoinView; // shop_headbigBg_icon
|
||
|
||
// 底部信息卡片
|
||
@property (nonatomic, strong) UIView *infoCard; // 渐变浅绿背景
|
||
@property (nonatomic, strong) UILabel *myPointsLabel; // "My Points"
|
||
@property (nonatomic, strong) UIImageView *smallCoinView; // 左侧小金币：shop_jb_icon
|
||
@property (nonatomic, strong) UILabel *amountLabel; // 数字 88.00
|
||
@property (nonatomic, strong) UIButton *rechargeButton; // 充值按钮：recharge_btn_bg
|
||
|
||
@end
|
||
|
||
@implementation KBShopHeadView
|
||
|
||
- (instancetype)initWithFrame:(CGRect)frame {
|
||
if (self = [super initWithFrame:frame]) {
|
||
self.backgroundColor = [UIColor clearColor];
|
||
|
||
// 组装视图层级
|
||
[self addSubview:self.containerView];
|
||
[self.containerView addSubview:self.titleLabel];
|
||
[self.containerView addSubview:self.yellowStarView];
|
||
[self.containerView addSubview:self.greenStarView];
|
||
[self.containerView addSubview:self.bigCoinView];
|
||
[self.containerView addSubview:self.infoCard];
|
||
[self.infoCard addSubview:self.myPointsLabel];
|
||
[self.infoCard addSubview:self.smallCoinView];
|
||
[self.infoCard addSubview:self.amountLabel];
|
||
[self.infoCard addSubview:self.rechargeButton];
|
||
|
||
// 布局
|
||
[self.containerView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.left.equalTo(self).offset(16);
|
||
make.right.equalTo(self).offset(-16);
|
||
make.top.equalTo(self);
|
||
make.bottom.equalTo(self);
|
||
}];
|
||
|
||
// 左侧标题
|
||
[self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.right.left.equalTo(self.containerView).offset(0);
|
||
make.bottom.equalTo(self.containerView).offset(0);
|
||
}];
|
||
|
||
// 左侧黄色装饰星
|
||
[self.yellowStarView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.centerY.equalTo(self.titleLabel.mas_centerY).offset(6);
|
||
make.left.equalTo(self.containerView).offset(6);
|
||
make.width.height.mas_equalTo(16);
|
||
}];
|
||
|
||
// 右上角绿色装饰星
|
||
[self.greenStarView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.top.equalTo(self.containerView).offset(10);
|
||
make.right.equalTo(self.containerView).offset(-6);
|
||
make.width.height.mas_equalTo(14);
|
||
}];
|
||
|
||
// 右侧大金币（装饰）
|
||
[self.bigCoinView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.bottom.equalTo(self.containerView);
|
||
make.left.right.equalTo(self.containerView);
|
||
make.height.mas_equalTo(KBFit(238));
|
||
}];
|
||
|
||
// 底部信息卡片
|
||
[self.infoCard mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.left.right.equalTo(self.containerView);
|
||
make.bottom.equalTo(self.containerView);
|
||
make.height.mas_equalTo(KBFit(140));
|
||
}];
|
||
|
||
[self.myPointsLabel mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.left.equalTo(self.infoCard).offset(16);
|
||
make.top.equalTo(self.infoCard).offset(16);
|
||
}];
|
||
|
||
[self.smallCoinView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.left.equalTo(self.infoCard).offset(16);
|
||
make.top.equalTo(self.myPointsLabel.mas_bottom).offset(12);
|
||
make.width.height.mas_equalTo(36);
|
||
}];
|
||
|
||
[self.amountLabel mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.left.equalTo(self.smallCoinView.mas_right).offset(10);
|
||
make.centerY.equalTo(self.smallCoinView);
|
||
}];
|
||
|
||
[self.rechargeButton mas_makeConstraints:^(MASConstraintMaker *make) {
|
||
make.centerY.equalTo(self.amountLabel);
|
||
make.right.equalTo(self.infoCard).offset(-16);
|
||
make.width.mas_equalTo(120);
|
||
make.height.mas_equalTo(40);
|
||
}];
|
||
}
|
||
return self;
|
||
}
|
||
|
||
- (void)layoutSubviews {
|
||
[super layoutSubviews];
|
||
|
||
// 圆角；头图容器做裁剪，避免内容溢出
|
||
// self.containerView.layer.cornerRadius = 16.0;
|
||
// self.containerView.layer.masksToBounds = YES;
|
||
//
|
||
// self.infoCard.layer.cornerRadius = 16.0;
|
||
// self.infoCard.layer.masksToBounds = YES;
|
||
//
|
||
// // 卡片底色做一个很浅的左→右渐变，贴近设计微绿色
|
||
// // 先移除已有渐变，避免多次叠加
|
||
// NSMutableArray<CALayer *> *remove = [NSMutableArray array];
|
||
// for (CALayer *l in self.infoCard.layer.sublayers) {
|
||
// if ([l isKindOfClass:[CAGradientLayer class]]) { [remove addObject:l]; }
|
||
// }
|
||
// for (CALayer *l in remove) { [l removeFromSuperlayer]; }
|
||
//
|
||
// CAGradientLayer *g = [CAGradientLayer layer];
|
||
// g.colors = @[(__bridge id)[UIColor colorWithHex:0xF4FFFE].CGColor,
|
||
// (__bridge id)[UIColor colorWithHex:0xE8FFF6].CGColor];
|
||
// g.startPoint = CGPointMake(0, 0.5);
|
||
// g.endPoint = CGPointMake(1, 0.5);
|
||
// g.frame = self.infoCard.bounds;
|
||
// [self.infoCard.layer insertSublayer:g atIndex:0];
|
||
}
|
||
|
||
#pragma mark - Public
|
||
- (void)updatePoints:(NSString *)points {
|
||
if (points.length == 0) { points = @"0"; }
|
||
self.amountLabel.text = points;
|
||
}
|
||
|
||
#pragma mark - Actions
|
||
- (void)onRechargeTappedAction {
|
||
if (self.onRechargeTapped) { self.onRechargeTapped(); }
|
||
}
|
||
|
||
#pragma mark - Lazy UI
|
||
- (UIView *)containerView {
|
||
if (!_containerView) {
|
||
_containerView = [UIView new];
|
||
// _containerView.backgroundColor = [UIColor whiteColor];
|
||
}
|
||
return _containerView;
|
||
}
|
||
|
||
- (UILabel *)titleLabel {
|
||
if (!_titleLabel) {
|
||
_titleLabel = [UILabel new];
|
||
_titleLabel.numberOfLines = 0;
|
||
_titleLabel.text = @"Points\nMall"; // 两行展示
|
||
_titleLabel.font = [UIFont systemFontOfSize:30 weight:UIFontWeightBold];
|
||
_titleLabel.textColor = [UIColor colorWithHex:0x1B1F1A];
|
||
}
|
||
return _titleLabel;
|
||
}
|
||
|
||
- (UIImageView *)yellowStarView {
|
||
if (!_yellowStarView) {
|
||
_yellowStarView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"shop_yellowxx_icon"]];
|
||
_yellowStarView.contentMode = UIViewContentModeScaleAspectFit;
|
||
}
|
||
return _yellowStarView;
|
||
}
|
||
|
||
- (UIImageView *)greenStarView {
|
||
if (!_greenStarView) {
|
||
_greenStarView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"shop_greenxx_icon"]];
|
||
_greenStarView.contentMode = UIViewContentModeScaleAspectFit;
|
||
}
|
||
return _greenStarView;
|
||
}
|
||
|
||
- (UIImageView *)bigCoinView {
|
||
if (!_bigCoinView) {
|
||
_bigCoinView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"shop_headbigBg_icon"]];
|
||
_bigCoinView.contentMode = UIViewContentModeScaleAspectFit;
|
||
}
|
||
return _bigCoinView;
|
||
}
|
||
|
||
- (UIView *)infoCard {
|
||
if (!_infoCard) {
|
||
_infoCard = [UIView new];
|
||
}
|
||
return _infoCard;
|
||
}
|
||
|
||
- (UILabel *)myPointsLabel {
|
||
if (!_myPointsLabel) {
|
||
_myPointsLabel = [UILabel new];
|
||
_myPointsLabel.text = @"My Points";
|
||
_myPointsLabel.textColor = [UIColor colorWithHex:0x1B1F1A];
|
||
_myPointsLabel.font = [UIFont systemFontOfSize:18 weight:UIFontWeightSemibold];
|
||
}
|
||
return _myPointsLabel;
|
||
}
|
||
|
||
- (UIImageView *)smallCoinView {
|
||
if (!_smallCoinView) {
|
||
_smallCoinView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"shop_jb_icon"]];
|
||
_smallCoinView.contentMode = UIViewContentModeScaleAspectFit;
|
||
}
|
||
return _smallCoinView;
|
||
}
|
||
|
||
- (UILabel *)amountLabel {
|
||
if (!_amountLabel) {
|
||
_amountLabel = [UILabel new];
|
||
_amountLabel.text = @"88.00"; // 默认文案
|
||
_amountLabel.textColor = [UIColor colorWithHex:KBColorValue];
|
||
_amountLabel.font = [UIFont systemFontOfSize:38 weight:UIFontWeightBold];
|
||
_amountLabel.adjustsFontSizeToFitWidth = YES;
|
||
_amountLabel.minimumScaleFactor = 0.7;
|
||
}
|
||
return _amountLabel;
|
||
}
|
||
|
||
- (UIButton *)rechargeButton {
|
||
if (!_rechargeButton) {
|
||
_rechargeButton = [UIButton buttonWithType:UIButtonTypeCustom];
|
||
[_rechargeButton setTitle:@"Recharge" forState:UIControlStateNormal];
|
||
[_rechargeButton setTitleColor:[UIColor colorWithHex:0x1B1F1A] forState:UIControlStateNormal];
|
||
_rechargeButton.titleLabel.font = [UIFont systemFontOfSize:16 weight:UIFontWeightSemibold];
|
||
|
||
// 切图背景图（可拉伸）
|
||
UIImage *bg = [UIImage imageNamed:@"recharge_btn_bg"];
|
||
if (bg) {
|
||
CGFloat cap = 20; // 圆角拉伸区域
|
||
bg = [bg resizableImageWithCapInsets:UIEdgeInsetsMake(cap, cap, cap, cap) resizingMode:UIImageResizingModeStretch];
|
||
[_rechargeButton setBackgroundImage:bg forState:UIControlStateNormal];
|
||
} else {
|
||
// 兜底：用绿色渐变生成
|
||
UIImage *fallback = [UIImage kb_gradientImageWithColors:@[[UIColor colorWithHex:0xA6F6E9], [UIColor colorWithHex:0xD6FFF4]]
|
||
size:CGSizeMake(120, 40)
|
||
direction:KBGradientDirectionLeftToRight];
|
||
[_rechargeButton setBackgroundImage:fallback forState:UIControlStateNormal];
|
||
}
|
||
|
||
_rechargeButton.layer.cornerRadius = 20;
|
||
_rechargeButton.layer.masksToBounds = YES;
|
||
[_rechargeButton addTarget:self action:@selector(onRechargeTappedAction) forControlEvents:UIControlEventTouchUpInside];
|
||
}
|
||
return _rechargeButton;
|
||
}
|
||
|
||
@end
|