1
This commit is contained in:
22
keyBoard/Class/Me/V/KBMyHeaderView.h
Normal file
22
keyBoard/Class/Me/V/KBMyHeaderView.h
Normal file
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// KBMyHeaderView.h
|
||||
// keyBoard
|
||||
//
|
||||
// 顶部头部视图:标题 + 头像行 + 两张卡片
|
||||
// Masonry 约束,懒加载,中文注释
|
||||
|
||||
#import <UIKit/UIKit.h>
|
||||
|
||||
NS_ASSUME_NONNULL_BEGIN
|
||||
|
||||
@interface KBMyHeaderView : UIView
|
||||
@property (nonatomic, strong, readonly) UILabel *titleLabel; // “Settings” 标题
|
||||
@property (nonatomic, strong, readonly) UIButton *keyboardBtn; // 右上角“ My Keyboard ”按钮
|
||||
@property (nonatomic, strong, readonly) UIImageView *avatarView; // 头像
|
||||
@property (nonatomic, strong, readonly) UILabel *nameLabel; // 名称/提示
|
||||
@property (nonatomic, strong, readonly) UIView *cardLeft; // 左卡片
|
||||
@property (nonatomic, strong, readonly) UIView *cardRight; // 右卡片
|
||||
@end
|
||||
|
||||
NS_ASSUME_NONNULL_END
|
||||
|
||||
142
keyBoard/Class/Me/V/KBMyHeaderView.m
Normal file
142
keyBoard/Class/Me/V/KBMyHeaderView.m
Normal file
@@ -0,0 +1,142 @@
|
||||
//
|
||||
// KBMyHeaderView.m
|
||||
// keyBoard
|
||||
//
|
||||
|
||||
#import "KBMyHeaderView.h"
|
||||
#import <Masonry/Masonry.h>
|
||||
#import "UIColor+Extension.h"
|
||||
|
||||
@interface KBMyHeaderView ()
|
||||
@property (nonatomic, strong) UILabel *titleLabel;
|
||||
@property (nonatomic, strong) UIButton *keyboardBtn;
|
||||
@property (nonatomic, strong) UIImageView *avatarView;
|
||||
@property (nonatomic, strong) UILabel *nameLabel;
|
||||
@property (nonatomic, strong) UIImageView *cardLeft;
|
||||
@property (nonatomic, strong) UIImageView *cardRight;
|
||||
@end
|
||||
|
||||
@implementation KBMyHeaderView
|
||||
|
||||
- (instancetype)initWithFrame:(CGRect)frame {
|
||||
if (self = [super initWithFrame:frame]) {
|
||||
self.backgroundColor = [UIColor colorWithHex:0xF2F6FA]; // 淡色背景
|
||||
|
||||
[self addSubview:self.titleLabel];
|
||||
[self addSubview:self.keyboardBtn];
|
||||
[self addSubview:self.avatarView];
|
||||
[self addSubview:self.nameLabel];
|
||||
[self addSubview:self.cardLeft];
|
||||
[self addSubview:self.cardRight];
|
||||
|
||||
// 布局
|
||||
[self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self).offset(26);
|
||||
make.bottom.equalTo(self.avatarView.mas_top).offset(-35); // 顶部安全区下方
|
||||
}];
|
||||
[self.keyboardBtn mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.centerY.equalTo(self.titleLabel);
|
||||
make.right.equalTo(self).offset(-20);
|
||||
make.height.mas_equalTo(34);
|
||||
make.width.mas_greaterThanOrEqualTo(126);
|
||||
}];
|
||||
[self.avatarView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self).offset(26);
|
||||
make.bottom.equalTo(self.cardLeft.mas_top).offset(-23);
|
||||
make.width.height.mas_equalTo(70);
|
||||
}];
|
||||
[self.nameLabel mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.centerY.equalTo(self.avatarView);
|
||||
make.left.equalTo(self.avatarView.mas_right).offset(12);
|
||||
make.right.lessThanOrEqualTo(self).offset(-20);
|
||||
}];
|
||||
// 166 99
|
||||
// w ?
|
||||
CGFloat height = 99 * (KB_SCREEN_WIDTH - 2 * 16 - 10) * 0.5 / 166;
|
||||
[self.cardLeft mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self).offset(16);
|
||||
make.bottom.equalTo(self).offset(-30);
|
||||
make.right.equalTo(self.mas_centerX).offset(-5);
|
||||
make.height.mas_equalTo(height);
|
||||
}];
|
||||
[self.cardRight mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.right.equalTo(self).offset(-16);
|
||||
make.bottom.equalTo(self).offset(-30);
|
||||
make.left.equalTo(self.mas_centerX).offset(5);
|
||||
make.height.equalTo(self.cardLeft);
|
||||
}];
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
- (void)layoutSubviews {
|
||||
[super layoutSubviews];
|
||||
// 圆角
|
||||
self.avatarView.layer.cornerRadius = self.avatarView.bounds.size.height * 0.5;
|
||||
self.avatarView.layer.masksToBounds = YES;
|
||||
}
|
||||
|
||||
+ (void)kb_applyGradientTo:(UIView *)view colors:(NSArray *)colors {
|
||||
// 删除旧的渐变层,重复 setNeedsLayout 时避免叠加
|
||||
NSMutableArray<CALayer *> *remove = [NSMutableArray array];
|
||||
for (CALayer *l in view.layer.sublayers) {
|
||||
if ([l isKindOfClass:[CAGradientLayer class]]) { [remove addObject:l]; }
|
||||
}
|
||||
for (CALayer *l in remove) { [l removeFromSuperlayer]; }
|
||||
|
||||
CAGradientLayer *g = [CAGradientLayer layer];
|
||||
g.colors = colors;
|
||||
g.startPoint = CGPointMake(0, 0.5);
|
||||
g.endPoint = CGPointMake(1, 0.5);
|
||||
g.frame = view.bounds;
|
||||
[view.layer insertSublayer:g atIndex:0];
|
||||
}
|
||||
|
||||
#pragma mark - Lazy UI
|
||||
- (UILabel *)titleLabel {
|
||||
if (!_titleLabel) {
|
||||
_titleLabel = [UILabel new];
|
||||
_titleLabel.text = @"Settings"; // 大标题
|
||||
_titleLabel.font = [UIFont systemFontOfSize:30 weight:UIFontWeightBold];
|
||||
_titleLabel.textColor = [UIColor colorWithHex:0x1B1F1A];
|
||||
}
|
||||
return _titleLabel;
|
||||
}
|
||||
|
||||
- (UIButton *)keyboardBtn {
|
||||
if (!_keyboardBtn) {
|
||||
_keyboardBtn = [UIButton buttonWithType:UIButtonTypeCustom];
|
||||
[_keyboardBtn setTitle:@" My Keyboard " forState:UIControlStateNormal];
|
||||
_keyboardBtn.titleLabel.font = [UIFont systemFontOfSize:10 weight:UIFontWeightSemibold];
|
||||
[_keyboardBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
|
||||
_keyboardBtn.backgroundColor = [UIColor colorWithHex:KBColor];
|
||||
_keyboardBtn.layer.cornerRadius = 17;
|
||||
_keyboardBtn.layer.masksToBounds = YES;
|
||||
}
|
||||
return _keyboardBtn;
|
||||
}
|
||||
|
||||
- (UIImageView *)avatarView {
|
||||
if (!_avatarView) {
|
||||
_avatarView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"lufei.jpg"]];
|
||||
_avatarView.contentMode = UIViewContentModeScaleAspectFill;
|
||||
_avatarView.backgroundColor = [UIColor colorWithWhite:0.9 alpha:1.0];
|
||||
}
|
||||
return _avatarView;
|
||||
}
|
||||
|
||||
- (UILabel *)nameLabel {
|
||||
if (!_nameLabel) {
|
||||
_nameLabel = [UILabel new];
|
||||
_nameLabel.text = @"Notice";
|
||||
_nameLabel.font = [UIFont systemFontOfSize:20 weight:UIFontWeightSemibold];
|
||||
_nameLabel.textColor = [UIColor colorWithHex:0x1B1F1A];
|
||||
}
|
||||
return _nameLabel;
|
||||
}
|
||||
|
||||
- (UIImageView *)cardLeft { if (!_cardLeft) { _cardLeft = [UIImageView new]; _cardLeft.contentMode = UIViewContentModeScaleAspectFit; _cardLeft.image = [UIImage imageNamed:@"my_member_icon"];} return _cardLeft; }
|
||||
- (UIImageView *)cardRight { if (!_cardRight) { _cardRight = [UIImageView new];_cardRight.contentMode = UIViewContentModeScaleAspectFit; _cardRight.image = [UIImage imageNamed:@"my_recharge_icon"];} return _cardRight; }
|
||||
|
||||
|
||||
@end
|
||||
27
keyBoard/Class/Me/V/KBMyListCell.h
Normal file
27
keyBoard/Class/Me/V/KBMyListCell.h
Normal file
@@ -0,0 +1,27 @@
|
||||
//
|
||||
// KBMyListCell.h
|
||||
// keyBoard
|
||||
//
|
||||
// Created by Mac on 2025/11/10.
|
||||
//
|
||||
|
||||
#import <UIKit/UIKit.h>
|
||||
#import "BaseCell.h"
|
||||
|
||||
NS_ASSUME_NONNULL_BEGIN
|
||||
|
||||
@interface KBMyListCell : BaseCell
|
||||
@property (nonatomic, strong) UIView *container; // 卡片容器(做圆角)
|
||||
@property (nonatomic, strong) UIView *iconBg; // 图标圆角底
|
||||
@property (nonatomic, strong) UIImageView *iconView; // 图标
|
||||
@property (nonatomic, strong) UILabel *titleLabel; // 标题
|
||||
@property (nonatomic, strong) UIView *bottomLine; // 分割线(仅上面一组使用)
|
||||
@property (nonatomic, strong) UIImageView *arrowView; // 自定义右箭头
|
||||
- (void)applyCornersWithFirst:(BOOL)isFirst last:(BOOL)isLast; // 组内圆角
|
||||
- (void)setLineHidden:(BOOL)hidden;
|
||||
|
||||
@property (nonatomic, strong) NSDictionary *itemInfoDic; // 自定义右箭头
|
||||
|
||||
@end
|
||||
|
||||
NS_ASSUME_NONNULL_END
|
||||
147
keyBoard/Class/Me/V/KBMyListCell.m
Normal file
147
keyBoard/Class/Me/V/KBMyListCell.m
Normal file
@@ -0,0 +1,147 @@
|
||||
//
|
||||
// KBMyListCell.m
|
||||
// keyBoard
|
||||
//
|
||||
// Created by Mac on 2025/11/10.
|
||||
//
|
||||
|
||||
#import "KBMyListCell.h"
|
||||
|
||||
@implementation KBMyListCell
|
||||
|
||||
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
|
||||
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
|
||||
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
- (void)setItemInfoDic:(NSDictionary *)itemInfoDic{
|
||||
_itemInfoDic = itemInfoDic;
|
||||
self.titleLabel.text = itemInfoDic[@"title"];
|
||||
NSString *icon = itemInfoDic[@"icon"];
|
||||
self.iconView.image = [UIImage imageNamed:icon];
|
||||
}
|
||||
|
||||
- (void)setupUI {
|
||||
[super setupUI];
|
||||
self.contentView.backgroundColor = UIColor.clearColor;
|
||||
self.backgroundColor = UIColor.clearColor;
|
||||
[self.contentView addSubview:self.container];
|
||||
[self.container addSubview:self.iconBg];
|
||||
[self.iconBg addSubview:self.iconView];
|
||||
[self.container addSubview:self.titleLabel];
|
||||
[self.container addSubview:self.arrowView];
|
||||
[self.container addSubview:self.bottomLine];
|
||||
|
||||
// 使用自定义 UIImageView 作为右箭头,替代系统的 accessoryType
|
||||
|
||||
[self.container mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self.contentView).offset(16);
|
||||
make.right.equalTo(self.contentView).offset(-16);
|
||||
make.top.bottom.equalTo(self.contentView);
|
||||
}];
|
||||
|
||||
[self.iconBg mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self.container).offset(16);
|
||||
make.centerY.equalTo(self.container);
|
||||
make.width.height.mas_equalTo(28);
|
||||
}];
|
||||
[self.iconView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.center.equalTo(self.iconBg);
|
||||
make.width.height.mas_equalTo(24);
|
||||
}];
|
||||
[self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self.iconBg.mas_right).offset(12);
|
||||
make.centerY.equalTo(self.container);
|
||||
// 标题与右箭头保持间距,避免文本被遮挡
|
||||
make.right.lessThanOrEqualTo(self.arrowView.mas_left).offset(-12);
|
||||
}];
|
||||
[self.arrowView mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.centerY.equalTo(self.container);
|
||||
make.right.equalTo(self.container).offset(-12);
|
||||
make.width.mas_equalTo(8);
|
||||
make.height.mas_equalTo(14);
|
||||
}];
|
||||
[self.bottomLine mas_makeConstraints:^(MASConstraintMaker *make) {
|
||||
make.left.equalTo(self.titleLabel);
|
||||
make.right.equalTo(self.container).offset(-12);
|
||||
make.bottom.equalTo(self.container);
|
||||
make.height.mas_equalTo(KB_ONE_PIXEL);
|
||||
}];
|
||||
}
|
||||
|
||||
- (UIView *)container {
|
||||
if (!_container) {
|
||||
_container = [UIView new];
|
||||
_container.backgroundColor = [UIColor whiteColor];
|
||||
_container.layer.masksToBounds = YES; // 需要裁剪圆角区域
|
||||
}
|
||||
return _container;
|
||||
}
|
||||
|
||||
- (UIView *)iconBg {
|
||||
if (!_iconBg) {
|
||||
_iconBg = [UIView new];
|
||||
_iconBg.backgroundColor = [UIColor clearColor];
|
||||
}
|
||||
return _iconBg;
|
||||
}
|
||||
|
||||
- (UIImageView *)iconView {
|
||||
if (!_iconView) {
|
||||
_iconView = [[UIImageView alloc] init];
|
||||
}
|
||||
return _iconView;
|
||||
}
|
||||
|
||||
- (UILabel *)titleLabel {
|
||||
if (!_titleLabel) {
|
||||
_titleLabel = [UILabel new];
|
||||
_titleLabel.font = [UIFont systemFontOfSize:16];
|
||||
_titleLabel.textColor = [UIColor colorWithHex:0x222222];
|
||||
_titleLabel.text = @"Title";
|
||||
}
|
||||
return _titleLabel;
|
||||
}
|
||||
|
||||
- (UIImageView *)arrowView {
|
||||
if (!_arrowView) {
|
||||
_arrowView = [[UIImageView alloc] init];
|
||||
_arrowView.contentMode = UIViewContentModeScaleAspectFit;
|
||||
_arrowView.tintColor = [UIColor colorWithHex:0xC0C0C0];
|
||||
// iOS13+ 使用系统图标,老系统可换成本地资源名
|
||||
if (@available(iOS 13.0, *)) {
|
||||
_arrowView.image = [UIImage systemImageNamed:@"chevron.right"];
|
||||
}
|
||||
}
|
||||
return _arrowView;
|
||||
}
|
||||
|
||||
- (UIView *)bottomLine {
|
||||
if (!_bottomLine) {
|
||||
_bottomLine = [UIView new];
|
||||
_bottomLine.backgroundColor = [UIColor colorWithWhite:0.9 alpha:1.0];
|
||||
}
|
||||
return _bottomLine;
|
||||
}
|
||||
|
||||
- (void)setLineHidden:(BOOL)hidden { self.bottomLine.hidden = hidden; }
|
||||
|
||||
- (void)applyCornersWithFirst:(BOOL)isFirst last:(BOOL)isLast {
|
||||
self.container.layer.cornerRadius = 8;
|
||||
if (@available(iOS 13.0, *)) { self.container.layer.cornerCurve = kCACornerCurveContinuous; }
|
||||
CACornerMask mask = 0;
|
||||
if (isFirst && isLast) {
|
||||
mask = kCALayerMinXMinYCorner | kCALayerMaxXMinYCorner | kCALayerMinXMaxYCorner | kCALayerMaxXMaxYCorner;
|
||||
} else if (isFirst) {
|
||||
mask = kCALayerMinXMinYCorner | kCALayerMaxXMinYCorner;
|
||||
} else if (isLast) {
|
||||
mask = kCALayerMinXMaxYCorner | kCALayerMaxXMaxYCorner;
|
||||
} else {
|
||||
mask = 0;
|
||||
}
|
||||
self.container.layer.maskedCorners = mask;
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -19,7 +19,7 @@
|
||||
|
||||
- (instancetype)initWithFrame:(CGRect)frame {
|
||||
if (self = [super initWithFrame:frame]) {
|
||||
self.backgroundColor = [UIColor colorWithHex:0x02BEAC];
|
||||
self.backgroundColor = [UIColor colorWithHex:KBColor];
|
||||
self.layer.masksToBounds = YES; // 圆角生效
|
||||
|
||||
// 高亮态轻微透明,突出点击感
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
- (UILabel *)rightLabel {
|
||||
if (!_rightLabel) {
|
||||
_rightLabel = [UILabel new];
|
||||
_rightLabel.textColor = [UIColor colorWithHex:0x02BEAC];
|
||||
_rightLabel.textColor = [UIColor colorWithHex:KBColor];
|
||||
_rightLabel.font = [UIFont systemFontOfSize:15 weight:UIFontWeightMedium];
|
||||
_rightLabel.textAlignment = NSTextAlignmentRight;
|
||||
_rightLabel.text = @"Download: 1 Million";
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
|
||||
- (void)applySelected:(BOOL)selected {
|
||||
self.selectedState = selected;
|
||||
UIColor *fill = selected ? [UIColor colorWithHex:0x02BEAC] : [UIColor colorWithWhite:0 alpha:0.51];
|
||||
UIColor *fill = selected ? [UIColor colorWithHex:KBColor] : [UIColor colorWithWhite:0 alpha:0.51];
|
||||
_circleLayer.fillColor = fill.CGColor; // 选中改为 #02BEAC
|
||||
_checkLayer.hidden = !selected; // 选中显示白对勾
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user