2

keyBoard/Class/Me/VC/KBMyKeyBoardVC.h

@@ -0,0 +1,16 @@
+//
+//  KBMyKeyBoardVC.h
+//  keyBoard
+//
+//  Created by Mac on 2025/11/10.
+//
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface KBMyKeyBoardVC : UIViewController
+
+@end
+
+NS_ASSUME_NONNULL_END

keyBoard/Class/Me/VC/KBMyKeyBoardVC.m

@@ -0,0 +1,240 @@
+//
+//  KBMyKeyBoardVC.m
+//  keyBoard
+//
+//  Created by Mac on 2025/11/10.
+//
+
+#import "KBMyKeyBoardVC.h"
+#import "BMLongPressDragCellCollectionView.h"
+#import "UICollectionViewLeftAlignedLayout.h"
+#import "KBMyKeyboardCell.h"
+
+/// 复用标识
+static NSString * const kKBMyKeyboardCellId = @"kKBMyKeyboardCellId";
+
+/// 截图页 - 自定义键盘管理
+/// 要点：
+/// 1）使用 BMLongPressDragCellCollectionView 支持长按拖拽排序；
+/// 2）cell 宽度根据文案自适应；
+/// 3）全部使用 Masonry 进行布局，并采用懒加载创建控件；
+@interface KBMyKeyBoardVC () <BMLongPressDragCellCollectionViewDelegate, BMLongPressDragCellCollectionViewDataSource>
+
+// UI
+@property (nonatomic, strong) UIView *sheetView;              // 底部白色容器（圆角）
+@property (nonatomic, strong) BMLongPressDragCellCollectionView *collectionView; // 可拖拽的列表
+@property (nonatomic, strong) UIButton *saveButton;           // 保存按钮
+
+// 数据源（必须是二维数组，库内部会在拖动时直接调整顺序）
+@property (nonatomic, strong) NSMutableArray<NSMutableArray<NSDictionary *> *> *dataSourceArray; // {emoji,title}
+
+@end
+
+@interface KBMyKeyBoardVC ()
+
+@end
+
+@implementation KBMyKeyBoardVC
+
+- (void)viewDidLoad {
+    [super viewDidLoad];
+    self.view.backgroundColor = [UIColor colorWithHex:0xF6F8F9];
+    self.navigationController.title = @"My KeyBoard";
+    // 布局视图
+    [self.view addSubview:self.sheetView];
+    [self.sheetView addSubview:self.collectionView];
+    [self.view addSubview:self.saveButton];
+
+
+    [self.sheetView mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.right.equalTo(self.view);
+        make.top.equalTo(self.view).offset(KB_NAV_TOTAL_HEIGHT + 60);
+        make.bottom.equalTo(self.view).offset(16);
+    }];
+
+    [self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.right.top.equalTo(self.sheetView);
+        make.bottom.equalTo(self.saveButton.mas_top).offset(-15);
+    }];
+
+    [self.saveButton mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.right.equalTo(self.view).insets(UIEdgeInsetsMake(0, 24, 0, 24));
+        make.bottom.equalTo(self.view.mas_safeAreaLayoutGuideBottom).offset(-12);
+        make.height.mas_equalTo(50);
+    }];
+
+    // 初始数据
+    [self buildDefaultData];
+}
+
+- (void)viewWillAppear:(BOOL)animated {
+    [super viewWillAppear:animated];
+    // 隐藏系统导航栏
+//    [self.navigationController setNavigationBarHidden:YES animated:animated];
+}
+
+- (void)viewWillDisappear:(BOOL)animated {
+    [super viewWillDisappear:animated];
+//    if (self.isMovingFromParentViewController || self.isBeingDismissed) {
+//        [self.navigationController setNavigationBarHidden:NO animated:animated];
+//    }
+}
+
+
+
+#pragma mark - Data
+
+/// 构造示例数据（二维数组，仅 1 个 section）
+- (void)buildDefaultData {
+    NSArray *arr = @[ 
+        @{@"emoji":@"😊", @"title":@"Humor"},
+        @{@"emoji":@"😄", @"title":@"Jokes"},
+        @{@"emoji":@"🥰", @"title":@"Love"},
+        @{@"emoji":@"🤔", @"title":@"Thinking"},
+        @{@"emoji":@"🔥", @"title":@"Hot"},
+        @{@"emoji":@"🎉", @"title":@"Celebrate"},
+        @{@"emoji":@"🧠", @"title":@"Brainstorm"},
+        @{@"emoji":@"🐱", @"title":@"Cats"},
+        @{@"emoji":@"😂", @"title":@"LOL"},
+        @{@"emoji":@"📸", @"title":@"Photography"},
+        @{@"emoji":@"🌟", @"title":@"Star"},
+        @{@"emoji":@"🍀", @"title":@"Lucky"},
+        @{@"emoji":@"📚", @"title":@"Knowledge"},
+        @{@"emoji":@"🎵", @"title":@"Music"},
+        @{@"emoji":@"🚀", @"title":@"Launch"},
+        @{@"emoji":@"😊", @"title":@"Humor"},
+        @{@"emoji":@"😄", @"title":@"Jokes"},
+        @{@"emoji":@"🥰", @"title":@"Love"},
+        @{@"emoji":@"🤔", @"title":@"Thinking"},
+        @{@"emoji":@"🔥", @"title":@"Hot"},
+        @{@"emoji":@"🎉", @"title":@"Celebrate"},
+        @{@"emoji":@"🧠", @"title":@"Brainstorm"},
+        @{@"emoji":@"🐱", @"title":@"Cats"},
+        @{@"emoji":@"😂", @"title":@"LOL"},
+        @{@"emoji":@"📸", @"title":@"Photography"},
+        @{@"emoji":@"🌟", @"title":@"Star"},
+        @{@"emoji":@"🍀", @"title":@"Lucky"},
+        @{@"emoji":@"📚", @"title":@"Knowledge"},
+        @{@"emoji":@"🎵", @"title":@"Music"},
+        @{@"emoji":@"🚀", @"title":@"Launch"},
+        @{@"emoji":@"😊", @"title":@"Humor"},
+        @{@"emoji":@"😄", @"title":@"Jokes"},
+        @{@"emoji":@"🥰", @"title":@"Love"},
+        @{@"emoji":@"🤔", @"title":@"Thinking"},
+        @{@"emoji":@"🔥", @"title":@"Hot"},
+        @{@"emoji":@"🎉", @"title":@"Celebrate"},
+        @{@"emoji":@"🧠", @"title":@"Brainstorm"},
+        @{@"emoji":@"🐱", @"title":@"Cats"},
+        @{@"emoji":@"😂", @"title":@"LOL"},
+        @{@"emoji":@"📸", @"title":@"Photography"},
+        @{@"emoji":@"🌟", @"title":@"Star"},
+        @{@"emoji":@"🍀", @"title":@"Lucky"},
+        @{@"emoji":@"📚", @"title":@"Knowledge"},
+        @{@"emoji":@"🎵", @"title":@"Music"},
+        @{@"emoji":@"🚀", @"title":@"Launch"},
+    ];
+    self.dataSourceArray = [@[[arr mutableCopy]] mutableCopy];
+    [self.collectionView reloadData];
+}
+
+#pragma mark - BMLongPressDragCellCollectionViewDataSource
+
+- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { return self.dataSourceArray.count; }
+
+- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
+    return self.dataSourceArray[section].count;
+}
+
+- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
+    KBMyKeyboardCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kKBMyKeyboardCellId forIndexPath:indexPath];
+    NSDictionary *d = self.dataSourceArray[indexPath.section][indexPath.item];
+    [cell configEmoji:d[@"emoji"] title:d[@"title"]];
+    return cell;
+}
+
+// 拖拽库要求实现：返回当前“二维数组”数据源
+- (NSArray<NSArray<id> *> *)dataSourceWithDragCellCollectionView:(__kindof BMLongPressDragCellCollectionView *)dragCellCollectionView {
+    return self.dataSourceArray;
+}
+
+// 拖拽后回调：保存最新数据
+- (void)dragCellCollectionView:(BMLongPressDragCellCollectionView *)dragCellCollectionView newDataArrayAfterMove:(nullable NSArray<NSArray<id> *> *)newDataArray {
+    self.dataSourceArray = [newDataArray mutableCopy];
+}
+
+#pragma mark - BMLongPressDragCellCollectionViewDelegate (布局)
+
+// 根据文案长度动态返回 item 尺寸
+- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
+    NSDictionary *d = self.dataSourceArray[indexPath.section][indexPath.item];
+    return [KBMyKeyboardCell sizeForEmoji:d[@"emoji"] title:d[@"title"]];
+}
+
+- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
+    return UIEdgeInsetsMake(12, 12, 12, 12);
+}
+
+- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section { return 10; }
+- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section { return 10; }
+
+#pragma mark - Actions
+
+- (void)onSave {
+    // 这里只做示意：保存当前顺序
+    NSLog(@"保存顺序: %@", self.dataSourceArray);
+    [KBHUD showInfo:@"已保存"]; 
+}
+
+#pragma mark - Lazy UI
+
+//- (UILabel *)titleLabel {
+//    if (!_titleLabel) {
+//        _titleLabel = [UILabel new];
+//        _titleLabel.text = @"My Keyboard"; // 顶部标题
+//        _titleLabel.font = [UIFont systemFontOfSize:18 weight:UIFontWeightSemibold];
+//        _titleLabel.textColor = [UIColor colorWithHex:0x1B1F1A];
+//    }
+//    return _titleLabel;
+//}
+
+- (UIView *)sheetView {
+    if (!_sheetView) {
+        _sheetView = [UIView new];
+        _sheetView.backgroundColor = [UIColor whiteColor];
+        _sheetView.layer.cornerRadius = 32.0;
+        _sheetView.layer.masksToBounds = YES;
+    }
+    return _sheetView;
+}
+
+- (BMLongPressDragCellCollectionView *)collectionView {
+    if (!_collectionView) {
+        UICollectionViewLeftAlignedLayout *layout = [UICollectionViewLeftAlignedLayout new];
+        layout.scrollDirection = UICollectionViewScrollDirectionVertical;
+//        layout.sectionInset = UIEdgeInsetsMake(16, 16, 16, 16);
+        _collectionView = [[BMLongPressDragCellCollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:layout];
+        _collectionView.backgroundColor = [UIColor clearColor];
+        _collectionView.delegate = self;   // 注意：代理为 BMLongPressDragCellCollectionViewDelegate
+        _collectionView.dataSource = self; // 注意：数据源为 BMLongPressDragCellCollectionViewDataSource
+        _collectionView.alwaysBounceVertical = YES;
+        _collectionView.showsVerticalScrollIndicator = NO;
+        [_collectionView registerClass:KBMyKeyboardCell.class forCellWithReuseIdentifier:kKBMyKeyboardCellId];
+    }
+    return _collectionView;
+}
+
+- (UIButton *)saveButton {
+    if (!_saveButton) {
+        _saveButton = [UIButton buttonWithType:UIButtonTypeSystem];
+        [_saveButton setTitle:@"Save" forState:UIControlStateNormal];
+        _saveButton.titleLabel.font = [UIFont systemFontOfSize:18 weight:UIFontWeightSemibold];
+        [_saveButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
+        _saveButton.backgroundColor = [UIColor colorWithHex:KBColorValue];
+        _saveButton.layer.cornerRadius = 25;
+        _saveButton.layer.masksToBounds = YES;
+        [_saveButton addTarget:self action:@selector(onSave) forControlEvents:UIControlEventTouchUpInside];
+    }
+    return _saveButton;
+}
+
+@end

keyBoard/Class/Me/VC/MyVC.m

@@ -10,6 +10,7 @@
 #import "KBSkinDetailVC.h"
 #import "KBMyHeaderView.h"  // 顶部视图独立封装
 #import "KBMyListCell.h"
+#import "KBMyKeyBoardVC.h"
 
 @interface MyVC () <UITableViewDelegate, UITableViewDataSource>
 @property (nonatomic, strong) BaseTableView *tableView;  // 列表
@@ -100,6 +101,8 @@
 
 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
     [tableView deselectRowAtIndexPath:indexPath animated:YES];
+    KBMyKeyBoardVC *vc = [[KBMyKeyBoardVC alloc] init];
+    [self.navigationController pushViewController:vc animated:true];
 }
 
 #pragma mark - Lazy