keyboard/keyBoard/Class/Shop/VC/KBShopVC.m

//
//  KBShopVC.m
//  keyBoard
//
//  Created by Mac on 2025/11/6.
//

#import "KBShopVC.h"
#import "JXPagerView.h"
#import "KBShopHeadView.h"
#import <JXCategoryView/JXCategoryView.h>
#import "KBCategoryTitleView.h"
#import <JXPagingView/JXPagerView.h>
#import <MJRefresh/MJRefresh.h>
#import "KBShopItemVC.h"
#import "KBSearchVC.h"
#import "MySkinVC.h"


#import "KBWebViewViewController.h"

static const CGFloat JXTableHeaderViewHeight = (323);
static const CGFloat JXheightForHeaderInSection = 50;

@interface KBShopVC ()<JXPagerViewDelegate, JXPagerMainTableViewGestureDelegate,JXCategoryViewDelegate>
@property (nonatomic, strong) UIView *naviBGView;

@property (nonatomic, strong) JXPagerView *pagerView;
@property (nonatomic, strong) KBShopHeadView *userHeaderView;
@property (nonatomic, assign) BOOL isNeedFooter;
@property (nonatomic, assign) BOOL isNeedHeader;
- (JXPagerView *)preferredPagingView;

@property (nonatomic, strong) JXCategoryTitleView *categoryView;
@property (nonatomic, strong) NSArray <NSString *> *titles;
@property (nonatomic, strong) UIImageView *bgImageView;  // 全屏背景图
@property (nonatomic, strong) UIButton *searchBtn;
@property (nonatomic, strong) UIButton *skinBtn;
// 记录当前分类条是否为白底，避免重复设置
@property (nonatomic, assign) BOOL categoryIsWhite;

@end

@implementation KBShopVC

- (void)viewDidLoad {
    [super viewDidLoad];
    self.bgImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"my_bg_icon"]];
    self.bgImageView.contentMode = UIViewContentModeScaleAspectFill;
    [self.view addSubview:self.bgImageView];
    [self.bgImageView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self.view);
    }];
    [self setupUI];
    [self.view addSubview:self.skinBtn];
    [self.view addSubview:self.searchBtn];
    [self.skinBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.view).offset(-16);
        make.top.mas_equalTo(KB_NAV_TOTAL_HEIGHT - 25);
        make.width.height.mas_equalTo(25);
    }];
    [self.searchBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.equalTo(self.skinBtn.mas_left).offset(-16);
        make.top.equalTo(self.skinBtn);
        make.width.height.mas_equalTo(25);
    }];

}

// 系统导航栏显隐由 Base 统一管理（全局隐藏），该 VC 不再手动切换，避免闪烁。

- (void)setupUI{
    
    
    self.automaticallyAdjustsScrollViewInsets = NO;
    self.view.backgroundColor = [UIColor whiteColor];
    self.navigationController.navigationBar.translucent = false;
    self.edgesForExtendedLayout = UIRectEdgeNone;
    _titles = @[@"能力", @"爱好", @"队友",@"能力2", @"爱好2", @"队友2",@"能力", @"爱好", @"队友",@"能力2", @"爱好2", @"队友2"];

    _userHeaderView = [[KBShopHeadView alloc] init];
    _categoryView = (JXCategoryTitleView *)[[KBCategoryTitleView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, JXheightForHeaderInSection)];
    self.categoryView.titles = self.titles;
    self.categoryView.backgroundColor = [UIColor clearColor];
    self.categoryView.delegate = self;
    self.categoryView.titleSelectedColor = [UIColor colorWithHex:0x1B1F1A];
    self.categoryView.titleColor = [UIColor colorWithHex:0x9F9F9F];
    // 左右滑动时不要文字渐变色
    self.categoryView.titleColorGradientEnabled = NO;
    // 不需要文字放大效果
    self.categoryView.cellWidthZoomEnabled = NO;
    self.categoryView.cellWidthZoomScale = 1.0;
    self.categoryView.contentScrollViewClickTransitionAnimationEnabled = NO;
    // Unselected items need a rounded gray background like the screenshot.
    // JXCategoryTitleView supports cell background colors via JXCategoryIndicatorView.
    self.categoryView.cellBackgroundColorGradientEnabled = YES;
    self.categoryView.cellBackgroundUnselectedColor = [UIColor colorWithHex:0xEFEFEF];
    self.categoryView.cellBackgroundSelectedColor = [UIColor whiteColor];
    // Make the pills look compact
    self.categoryView.cellWidthIncrement = 20; // horizontal padding for each item
    self.categoryView.cellSpacing = 12;        // spacing between items
    self.categoryView.contentEdgeInsetLeft = 16;
    self.categoryView.contentEdgeInsetRight = 16;
    self.categoryView.averageCellSpacingEnabled = NO;

    JXCategoryIndicatorBackgroundView *backgroundView = [[JXCategoryIndicatorBackgroundView alloc] init];
    backgroundView.indicatorHeight = 30;
    backgroundView.indicatorCornerRadius = JXCategoryViewAutomaticDimension;
    backgroundView.indicatorColor = [UIColor whiteColor]; // keep selected fill white
    backgroundView.layer.borderColor = [UIColor colorWithHex:KBColorValue].CGColor;
    backgroundView.layer.borderWidth = 1;
    backgroundView.indicatorWidthIncrement = 0; // 指示器宽度不额外加宽
    // 点击切换时不需要左右滚动动画，直接跳转到目标位置
    backgroundView.scrollEnabled = NO;
    backgroundView.scrollAnimationDuration = 0;
    self.categoryView.indicators = @[backgroundView];

    _pagerView = [self preferredPagingView];
    self.pagerView.mainTableView.gestureDelegate = self;
    self.pagerView.mainTableView.backgroundColor = [UIColor clearColor];
    [self.view addSubview:self.pagerView];
//    self.pagerView.listContainerView.scrollView.scrollEnabled = false;

//    self.pagerView.listContainerView.listCellBackgroundColor = [UIColor clearColor];
    self.categoryView.listContainer = (id<JXCategoryViewListContainer>)self.pagerView.listContainerView;
    
    //导航栏隐藏的情况，处理扣边返回，下面的代码要加上
//    [self.pagerView.listContainerView.scrollView.panGestureRecognizer requireGestureRecognizerToFail:self.navigationController.interactivePopGestureRecognizer];
//    [self.pagerView.mainTableView.panGestureRecognizer requireGestureRecognizerToFail:self.navigationController.interactivePopGestureRecognizer];
    
    __weak typeof(self)weakSelf = self;
    self.pagerView.mainTableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
       dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
           self.categoryView.titles = @[@"高级能力", @"高级爱好", @"高级队友"];
           self.categoryView.defaultSelectedIndex = 0;
           [self.categoryView reloadData];
           [self.pagerView reloadData];
           [weakSelf.pagerView.mainTableView.mj_header endRefreshing];
       });
   }];
    
    self.pagerView.pinSectionHeaderVerticalOffset = KB_NAV_TOTAL_HEIGHT;

    self.naviBGView = [[UIView alloc] init];
    self.naviBGView.alpha = 0;
    self.naviBGView.backgroundColor = [UIColor clearColor];
    self.naviBGView.frame = CGRectMake(0, 0, KB_SCREEN_WIDTH, KB_NAV_TOTAL_HEIGHT);
    [self.view addSubview:self.naviBGView];
    UILabel *naviTitleLabel = [[UILabel alloc] init];
    naviTitleLabel.text = @"商城";
    naviTitleLabel.textAlignment = NSTextAlignmentCenter;
    naviTitleLabel.frame = CGRectMake(0, KB_STATUSBAR_HEIGHT, self.view.bounds.size.width, 44);
    [self.naviBGView addSubview:naviTitleLabel];
}

- (JXPagerView *)preferredPagingView {
    return [[JXPagerView alloc] initWithDelegate:self];
}

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    self.pagerView.frame = self.view.bounds;
}

#pragma mark - JXPagerViewDelegate

- (UIView *)tableHeaderViewInPagerView:(JXPagerView *)pagerView {
    return self.userHeaderView;
}

- (NSUInteger)tableHeaderViewHeightInPagerView:(JXPagerView *)pagerView {
    return KBFit(JXTableHeaderViewHeight);
}

- (NSUInteger)heightForPinSectionHeaderInPagerView:(JXPagerView *)pagerView {
    return JXheightForHeaderInSection;
}

- (UIView *)viewForPinSectionHeaderInPagerView:(JXPagerView *)pagerView {
    return self.categoryView;
}

- (NSInteger)numberOfListsInPagerView:(JXPagerView *)pagerView {
    //和categoryView的item数量一致
    return self.categoryView.titles.count;
}

- (id<JXPagerViewListViewDelegate>)pagerView:(JXPagerView *)pagerView initListAtIndex:(NSInteger)index {
    KBShopItemVC *list = [[KBShopItemVC alloc] init];
    list.title = self.titles[index];
    list.isNeedHeader = self.isNeedHeader;
    list.isNeedFooter = self.isNeedFooter;
    if (index == 0) {
        list.dataSource = @[@"橡胶火箭", @"橡胶火箭炮", @"橡胶机关枪", @"橡胶子弹", @"橡胶攻城炮", @"橡胶象枪", @"橡胶象枪乱打", @"橡胶灰熊铳", @"橡胶雷神象枪", @"橡胶猿王枪", @"橡胶犀·榴弹炮", @"橡胶大蛇炮", @"橡胶火箭", @"橡胶火箭炮", @"橡胶机关枪", @"橡胶子弹", @"橡胶攻城炮", @"橡胶象枪", @"橡胶象枪乱打", @"橡胶灰熊铳", @"橡胶雷神象枪", @"橡胶猿王枪", @"橡胶犀·榴弹炮", @"橡胶大蛇炮"].mutableCopy;
    }else if (index == 1) {
        list.dataSource = @[@"吃烤肉", @"吃鸡腿肉", @"吃牛肉", @"各种肉"].mutableCopy;
    }else {
        list.dataSource = @[@"【剑士】罗罗诺亚·索隆", @"【航海士】娜美", @"【狙击手】乌索普", @"【厨师】香吉士", @"【船医】托尼托尼·乔巴", @"【船匠】 弗兰奇", @"【音乐家】布鲁克", @"【考古学家】妮可·罗宾"].mutableCopy;
    }
    return list;
}

#pragma mark - JXCategoryViewDelegate

- (void)categoryView:(JXCategoryBaseView *)categoryView didSelectedItemAtIndex:(NSInteger)index {
    self.navigationController.interactivePopGestureRecognizer.enabled = (index == 0);
}

#pragma mark - JXPagerMainTableViewGestureDelegate

- (BOOL)mainTableViewGestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    //禁止categoryView左右滑动的时候，上下和左右都可以滚动
    if (otherGestureRecognizer == self.categoryView.collectionView.panGestureRecognizer) {
        return NO;
    }
    return [gestureRecognizer isKindOfClass:[UIPanGestureRecognizer class]] && [otherGestureRecognizer isKindOfClass:[UIPanGestureRecognizer class]];
}


- (void)pagerView:(JXPagerView *)pagerView mainTableViewDidScroll:(UIScrollView *)scrollView {
    // 计算吸顶阈值：头图高度 - 固定区偏移（即导航高度）
    CGFloat headerH = (CGFloat)[self tableHeaderViewHeightInPagerView:self.pagerView];
    CGFloat thresholdDistance = MAX(0.0, headerH - self.pagerView.pinSectionHeaderVerticalOffset);

    // 不要渐变：小于阈值 alpha=0，达到阈值(吸顶)后 alpha=1
    BOOL shouldWhite = (thresholdDistance > 0.0 && scrollView.contentOffset.y >= (thresholdDistance - 0.5));
    self.naviBGView.alpha = shouldWhite ? 1.0 : 0.0;

    // 分类条背景：未吸顶时透明，吸顶后白色
    if (shouldWhite != self.categoryIsWhite) {
        self.categoryIsWhite = shouldWhite;
        UIColor *bg = shouldWhite ? [UIColor whiteColor] : [UIColor clearColor];
        self.categoryView.backgroundColor = bg;
        // 内部 collectionView 也同步，避免出现条纹底色
        self.categoryView.collectionView.backgroundColor = bg;
    }
}

#pragma mark - action
- (void)searchBtnAction{
    KBSearchVC *vc = [[KBSearchVC alloc] init];
//    [self.navigationController pushViewController:vc animated:true];
}

- (void)skinBtnAction{
    MySkinVC *vc = [[MySkinVC alloc] init];
//    [self.navigationController pushViewController:vc animated:true];
}

#pragma mark - lazy
- (UIButton *)searchBtn{
    if (!_searchBtn) {
        _searchBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        [_searchBtn setImage:[UIImage imageNamed:@"shop_search_icon"] forState:UIControlStateNormal];
        [_searchBtn addTarget:self action:@selector(searchBtnAction) forControlEvents:UIControlEventTouchUpInside];
    }
    return _searchBtn;
}
- (UIButton *)skinBtn{
    if (!_skinBtn) {
        _skinBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        [_skinBtn setImage:[UIImage imageNamed:@"shop_skin_icon"] forState:UIControlStateNormal];
        [_skinBtn addTarget:self action:@selector(skinBtnAction) forControlEvents:UIControlEventTouchUpInside];
    }
    return _skinBtn;
}
@end