开源 Objective-C IOS 应用开发（九）复杂控件-tableview

//
//  Employee.h
//  tableview
//
//  
//
#import <Foundation/Foundation.h>

@interface Employee : NSObject

@property (nonatomic, assign) NSInteger employeeId;
@property (nonatomic, copy) NSString *name;
@property (nonatomic, assign) NSInteger age;
@property (nonatomic, copy) NSString *department;

- (instancetype)initWithId:(NSInteger)employeeId name:(NSString *)name age:(NSInteger)age department:(NSString *)department;

@end

Employee.m文件源码

复制代码

//
//  Employee.m
//  tableview
//
//  
//
#import "Employee.h"

@implementation Employee

- (instancetype)initWithId:(NSInteger)employeeId name:(NSString *)name age:(NSInteger)age department:(NSString *)department {
    self = [super init];
    if (self) {
        _employeeId = employeeId;
        _name = [name copy];
        _age = age;
        _department = [department copy];
    }
    return self;
}

@end

EmployeeTableViewController.h文件源码

复制代码

//
//  EmployeeTableViewController.h
//  tableview
//
//  
//
#import <UIKit/UIKit.h>

@interface EmployeeTableViewController : UIViewController <UITableViewDataSource, UITableViewDelegate>

@end

EmployeeTableViewController.m文件源码

复制代码

#import "EmployeeTableViewController.h"
#import "Employee.h"

@interface EmployeeTableViewController ()

@property (nonatomic, strong) UITableView *tableView;
@property (nonatomic, strong) NSArray<Employee *> *employees;

@end

@implementation EmployeeTableViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setupUI];
    [self setupData];
    [self setupTableView];
}

- (void)setupUI {
    self.title = @"员工列表";
    self.view.backgroundColor = [UIColor systemBackgroundColor];
}

- (void)setupData {
    // 创建9个员工数据
    NSMutableArray *employeesArray = [NSMutableArray array];
    
    NSArray *names = @[@"张三", @"李四", @"王五", @"赵六", @"钱七", @"孙八", @"周九", @"吴十", @"郑十一"];
    NSArray *departments = @[@"技术部", @"销售部", @"市场部", @"人事部", @"财务部", @"研发部", @"运营部", @"产品部", @"客服部"];
    
    for (int i = 0; i < 9; i++) {
        Employee *employee = [[Employee alloc] initWithId:i + 1
                                                    name:names[i]
                                                     age:25 + i
                                              department:departments[i]];
        [employeesArray addObject:employee];
    }
    
    self.employees = [employeesArray copy];
}

- (void)setupTableView {
    // 创建 TableView
    self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    self.tableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    self.tableView.dataSource = self;
    self.tableView.delegate = self;
    
    // 设置 TableView 属性
    self.tableView.rowHeight = 70;
    self.tableView.separatorInset = UIEdgeInsetsZero;
    
    // 注册单元格
    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"EmployeeCell"];
    
    [self.view addSubview:self.tableView];
}

#pragma mark - UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.employees.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"EmployeeCell" forIndexPath:indexPath];
    
    Employee *employee = self.employees[indexPath.row];
    
    // 配置单元格内容
    cell.textLabel.text = [NSString stringWithFormat:@"%ld. %@", (long)employee.employeeId, employee.name];
    cell.detailTextLabel.text = [NSString stringWithFormat:@"年龄: %ld岁 | 部门: %@", (long)employee.age, employee.department];
    
    // 设置样式
    cell.textLabel.font = [UIFont systemFontOfSize:16 weight:UIFontWeightMedium];
    cell.detailTextLabel.font = [UIFont systemFontOfSize:14];
    cell.detailTextLabel.textColor = [UIColor grayColor];
    
    // 添加右侧箭头
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    
    return cell;
}

#pragma mark - UITableViewDelegate

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    
    Employee *employee = self.employees[indexPath.row];
    
    // 创建弹窗显示详细信息
    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"员工详细信息"
                                                                   message:[NSString stringWithFormat:@"工号: %ld\n姓名: %@\n年龄: %ld岁\n部门: %@",
                                                                            (long)employee.employeeId,
                                                                            employee.name,
                                                                            (long)employee.age,
                                                                            employee.department]
                                                            preferredStyle:UIAlertControllerStyleAlert];
    
    UIAlertAction *okAction = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:nil];
    [alert addAction:okAction];
    
    [self presentViewController:alert animated:YES completion:nil];
}

// 设置行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 70.0;
}

@end

SceneDelegate.h文件源码

复制代码

#import <UIKit/UIKit.h>

@interface SceneDelegate : UIResponder <UIWindowSceneDelegate>

// 需要保留 window 属性，否则会被释放
@property (strong, nonatomic) UIWindow *window;

@end

SceneDelegate.m文件

复制代码

#import "SceneDelegate.h"
#import "EmployeeTableViewController.h"

@implementation SceneDelegate

- (void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {
    
    // 确保是 UIWindowScene 类型
    if (![scene isKindOfClass:[UIWindowScene class]]) return;
    
    UIWindowScene *windowScene = (UIWindowScene *)scene;
    
    // 创建窗口并保存到属性
    self.window = [[UIWindow alloc] initWithWindowScene:windowScene];
    self.window.frame = windowScene.coordinateSpace.bounds;
    
    // 创建员工表格控制器
    EmployeeTableViewController *employeeVC = [[EmployeeTableViewController alloc] init];
    
    // 创建导航控制器
    UINavigationController *navController = [[UINavigationController alloc] initWithRootViewController:employeeVC];
    
    // 配置导航栏
    if (@available(iOS 13.0, *)) {
        UINavigationBarAppearance *appearance = [[UINavigationBarAppearance alloc] init];
        [appearance configureWithOpaqueBackground];
        appearance.backgroundColor = [UIColor systemBackgroundColor];
        navController.navigationBar.standardAppearance = appearance;
        navController.navigationBar.scrollEdgeAppearance = appearance;
    }
    
    // 设置大标题
    navController.navigationBar.prefersLargeTitles = YES;
    
    // 设置根控制器并显示窗口
    self.window.rootViewController = navController;
    self.window.backgroundColor = [UIColor systemBackgroundColor];
    [self.window makeKeyAndVisible];
}

@end

ViewController.h文件源码

复制代码

//
//  ViewController.h
//  tableview
//
//  
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController


@end

ViewController.m文件源码

复制代码

//
//  ViewController.m
//  tableview
//
//  
//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    
    
}


@end

三、源码分析

Employee 数据模型类

Employee.h

objc

// 定义属性

@property (nonatomic, assign) NSInteger employeeId; // 员工ID

@property (nonatomic, copy) NSString *name; // 姓名

@property (nonatomic, assign) NSInteger age; // 年龄

@property (nonatomic, copy) NSString *department; // 部门

// 初始化方法

(instancetype)initWithId:(NSInteger)employeeId name:(NSString *)name age:(NSInteger)age department:(NSString *)department;

Employee.m

objc

// 初始化函数实现

(instancetype)initWithId:(NSInteger)employeeId name:(NSString *)name age:(NSInteger)age department:(NSString *)department {

self = $super init$ ;

if (self) {

_employeeId = employeeId; // 设置员工ID

_name = $name copy$ ; // 拷贝姓名（确保线程安全）

_age = age; // 设置年龄

_department = $department copy$ ; // 拷贝部门

}

return self;

}

EmployeeTableViewController 主控制器

初始化相关函数

objc

// 视图加载完成时调用

(void)viewDidLoad {

$super viewDidLoad$ ;

$self setupUI$ ; // 设置界面

$self setupData$ ; // 初始化数据

$self setupTableView$ ; // 设置表格视图

}

// 设置界面外观

(void)setupUI {

self.title = @"员工列表"; // 设置导航栏标题

self.view.backgroundColor = $UIColor systemBackgroundColor$ ; // 设置背景色

}

// 初始化员工数据

(void)setupData {

NSMutableArray *employeesArray = $NSMutableArray array$ ;

NSArray *names = @ $@"张三", @"李四", @"王五", ...$ ; // 姓名数组

NSArray *departments = @ $@"技术部", @"销售部", @"市场部", ...$ ; // 部门数组

// 循环创建9个员工对象

for (int i = 0; i < 9; i++) {

Employee *employee = $\[Employee alloc$ initWithId:i + 1

name:names $i$

age:25 + i // 年龄递增

department:departments $i$ ];

$employeesArray addObject:employee$ ;

}

self.employees = $employeesArray copy$ ; // 转换为不可变数组

}

// 设置表格视图

(void)setupTableView {

self.tableView = $\[UITableView alloc$ initWithFrame:self.view.bounds style:UITableViewStylePlain];

self.tableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

self.tableView.dataSource = self; // 设置数据源

self.tableView.delegate = self; // 设置代理

self.tableView.rowHeight = 70; // 设置行高

self.tableView.separatorInset = UIEdgeInsetsZero; // 设置分隔线

$self.tableView registerClass:\[UITableViewCell class$ forCellReuseIdentifier:@"EmployeeCell"];

$self.view addSubview:self.tableView$ ; // 添加到视图

}

UITableViewDataSource 协议函数

objc

// 返回表格行数

(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

return self.employees.count; // 返回员工数量

}

// 配置表格单元格

(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

// 复用单元格

UITableViewCell *cell = $tableView dequeueReusableCellWithIdentifier:@"EmployeeCell" forIndexPath:indexPath$ ;

Employee *employee = self.employees $indexPath.row$ ;

// 设置主标题和副标题

cell.textLabel.text = $NSString stringWithFormat:@"%ld. %@", (long)employee.employeeId, employee.name$ ;

cell.detailTextLabel.text = $NSString stringWithFormat:@"年龄: %ld岁 \| 部门: %@", (long)employee.age, employee.department$ ;

// 设置字体样式

cell.textLabel.font = $UIFont systemFontOfSize:16 weight:UIFontWeightMedium$ ;

cell.detailTextLabel.font = $UIFont systemFontOfSize:14$ ;

cell.detailTextLabel.textColor = $UIColor grayColor$ ;

cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator; // 右侧箭头

return cell;

}

UITableViewDelegate 协议函数

objc

// 处理行点击事件

(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

$tableView deselectRowAtIndexPath:indexPath animated:YES$ ; // 取消选中状态

Employee *employee = self.employees $indexPath.row$ ;

// 创建详情弹窗

UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"员工详细信息"

message:[NSString stringWithFormat:@"工号: %ld\n姓名: %@\n年龄: %ld岁\n部门: %@",

(long)employee.employeeId,

employee.name,

(long)employee.age,

employee.department]

preferredStyle:UIAlertControllerStyleAlert];

UIAlertAction *okAction = $UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:nil$ ;

$alert addAction:okAction$ ;

$self presentViewController:alert animated:YES completion:nil$ ; // 显示弹窗

}

// 设置行高

(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

return 70.0; // 固定行高

}

SceneDelegate 场景代理

objc

// 场景连接时调用

(void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {

if (! $scene isKindOfClass:\[UIWindowScene class$ ]) return;

UIWindowScene *windowScene = (UIWindowScene *)scene;

// 创建窗口

self.window = $\[UIWindow alloc$ initWithWindowScene:windowScene];

self.window.frame = windowScene.coordinateSpace.bounds;

// 创建员工列表控制器和导航控制器

EmployeeTableViewController *employeeVC = $\[EmployeeTableViewController alloc$ init];

UINavigationController *navController = $\[UINavigationController alloc$ initWithRootViewController:employeeVC];

// 配置导航栏外观

if (@available(iOS 13.0, *)) {

UINavigationBarAppearance *appearance = $\[UINavigationBarAppearance alloc$ init];

$appearance configureWithOpaqueBackground$ ;

appearance.backgroundColor = $UIColor systemBackgroundColor$ ;

navController.navigationBar.standardAppearance = appearance;

navController.navigationBar.scrollEdgeAppearance = appearance;

}

navController.navigationBar.prefersLargeTitles = YES; // 启用大标题

// 设置根控制器并显示窗口

self.window.rootViewController = navController;

self.window.backgroundColor = $UIColor systemBackgroundColor$ ;

$self.window makeKeyAndVisible$ ;

}

代码结构总结

数据层：Employee 类负责封装员工数据
表示层：EmployeeTableViewController 负责界面显示和用户交互
应用层：SceneDelegate 负责应用启动和窗口管理
架构模式：采用 MVC 模式，数据、视图、控制器分离