{"id":417,"date":"2025-05-29T11:13:36","date_gmt":"2025-06-05T03:29:36","guid":{"rendered":"https:\/\/badgameshow.com\/steven\/?p=417"},"modified":"2025-06-05T11:13:36","modified_gmt":"2025-06-05T03:29:36","slug":"swift-tableview-%e4%b8%8b%e6%8b%89%e6%94%be%e5%a4%a7%e5%b0%81%e9%9d%a2%e7%85%a7-%e4%b8%8b%e6%8b%89%e6%94%be%e5%a4%a7%e9%a0%82%e9%83%a8%e5%9c%96%e7%89%87-%e4%b8%8a","status":"publish","type":"post","link":"https:\/\/badgameshow.com\/steven\/swift\/swift-tableview-%e4%b8%8b%e6%8b%89%e6%94%be%e5%a4%a7%e5%b0%81%e9%9d%a2%e7%85%a7-%e4%b8%8b%e6%8b%89%e6%94%be%e5%a4%a7%e9%a0%82%e9%83%a8%e5%9c%96%e7%89%87-%e4%b8%8a\/","title":{"rendered":"Swift TableView \u4e0b\u62c9\u653e\u5927\u5c01\u9762\u7167\uff1a2025 \u6700\u65b0\u5be6\u4f5c\u8207\u6700\u4f73\u5be6\u8e10"},"content":{"rendered":"

\u7c21\u8981<\/h3>\n

\u5728\u672c\u6559\u5b78\u4e2d\uff0c\u6211\u5011\u5c07\u5b78\u7fd2\u5982\u4f55\u5728 Swift \u7684 `UITableView` \u4e2d\u5be6\u73fe\u4e0b\u62c9\u653e\u5927\u5c01\u9762\u7167\u7684\u6548\u679c\u3002\u7576\u7528\u6236\u4e0b\u62c9\u6efe\u52d5\u6642\uff0c\u5c01\u9762\u5716\u7247\u6703\u96a8\u8457\u4e0b\u62c9\u7684\u5e45\u5ea6\u800c\u653e\u5927\uff0c\u985e\u4f3c\u65bc Uber Eats \u7684\u529f\u80fd\u3002\u9019\u6a23\u7684\u8a2d\u8a08\u4e0d\u50c5\u63d0\u5347\u4e86\u7528\u6236\u9ad4\u9a57\uff0c\u4e5f\u8b93\u61c9\u7528\u770b\u8d77\u4f86\u66f4\u52a0\u7cbe\u7dfb\u3002<\/p>\n

\"Swift<\/p>\n

\u8a2d\u7f6e UITableView<\/h3>\n

\u9996\u5148\uff0c\u6211\u5011\u9700\u8981\u5728\u8996\u5716\u4e2d\u6dfb\u52a0\u4e00\u500b `UITableView`\uff0c\u4e26\u5728\u5176\u4e0a\u65b9\u65b0\u589e\u4e00\u500b `UIImageView` \u4f5c\u70ba header\u3002<\/p>\n

\u4ee5\u4e0b\u662f Swift \u4ee3\u78bc\u793a\u4f8b\uff1a<\/p>\n

“`swift
\nlazy var tableView: UITableView = {
\n let tableView = UITableView()
\n tableView.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
\n tableView.delegate = self
\n tableView.dataSource = self
\n tableView.register(UINib(nibName: “CoverCell”, bundle: nil), forCellReuseIdentifier: “CoverCell”)
\n tableView.addSubview(self.headImageView)
\n tableView.contentInset = UIEdgeInsets(top: 400 – 200, left: 0, bottom: 0, right: 0)
\n return tableView
\n}()
\n“`<\/p>\n

\u8a2d\u7f6e headImageView<\/h3>\n

\u63a5\u4e0b\u4f86\uff0c\u6211\u5011\u9700\u8981\u8a2d\u7f6e `headImageView`\uff0c\u4e26\u70ba\u5176\u6307\u5b9a\u5716\u7247\u548c\u5927\u5c0f\u3002<\/p>\n

“`swift
\nlazy var headImageView: UIImageView = {
\n let headImageView = UIImageView()
\n headImageView.frame = CGRect(x: 0, y: -200, width: UIScreen.main.bounds.width, height: 200)
\n headImageView.contentMode = .scaleAspectFill
\n headImageView.image = UIImage(named: “testPhoto”) \/\/ \u8acb\u78ba\u4fdd\u5716\u7247\u5df2\u88ab\u6dfb\u52a0\u5230\u5c08\u6848\u4e2d
\n headImageView.clipsToBounds = true
\n return headImageView
\n}()
\n“`<\/p>\n

UITableView Delegate \u65b9\u6cd5<\/h3>\n

\u5728\u9019\u500b\u90e8\u5206\uff0c\u6211\u5011\u9700\u8981\u8a2d\u7f6e `UITableView` \u7684\u57fa\u672c\u6578\u64da\u6e90\u65b9\u6cd5\u3002\u9019\u88e1\u6211\u5011\u53ea\u7c21\u55ae\u4ecb\u7d39\uff0c\u8a73\u7d30\u5167\u5bb9\u53ef\u53c3\u8003\u4e4b\u524d\u7684\u6587\u7ae0\u3002<\/p>\n

“`swift
\nfunc tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
\n return 7 \/\/ \u8fd4\u56de\u884c\u6578
\n}<\/p>\n

func numberOfSections(in tableView: UITableView) -> Int {
\n return 1 \/\/ \u8fd4\u56de\u5340\u57df\u6578
\n}<\/p>\n

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
\n return 300 \/\/ \u8fd4\u56de\u884c\u9ad8
\n}<\/p>\n

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
\n let cell: CoverCell = tableView.dequeueReusableCell(withIdentifier: “CoverCell”) as! CoverCell
\n cell.numLabel.text = String(indexPath.item)
\n return cell
\n}
\n“`<\/p>\n

\u76e3\u807d\u6efe\u52d5\u4e8b\u4ef6<\/h3>\n

\u6700\u95dc\u9375\u7684\u90e8\u5206\u662f\u5be6\u73fe `scrollViewDidScroll` \u65b9\u6cd5\uff0c\u9019\u6a23\u6211\u5011\u5c31\u80fd\u6839\u64da\u6efe\u52d5\u8ddd\u96e2\u4f86\u653e\u5927\u5c01\u9762\u5716\u7247\u3002<\/p>\n

“`swift
\nfunc scrollViewDidScroll(_ scrollView: UIScrollView) {
\n let offsetY = scrollView.contentOffset.y
\n let radius = -offsetY \/ 200 \/\/ 200 \u662f headView \u7684\u9ad8\u5ea6
\n if (-offsetY > 200) {
\n headImageView.transform = CGAffineTransform(scaleX: radius, y: radius)
\n var frame = headImageView.frame
\n frame.origin.y = offsetY
\n headImageView.frame = frame
\n }
\n}
\n“`<\/p>\n

\u9019\u6a23\u8a2d\u7f6e\u5f8c\uff0c\u6211\u5011\u7684\u4e0b\u62c9\u653e\u5927\u6548\u679c\u5c31\u5b8c\u6210\u4e86\uff0c\u8b93\u6211\u5011\u4f86\u770b\u770b\u6548\u679c\u5982\u4f55\u3002<\/p>\n

Demo<\/strong>
\n\"Swift<\/p>\n

\n GitHub \u4ee3\u78bc\u5be6\u73fe
\n [\u9ede\u64ca\u67e5\u770b](https:\/\/github.com\/Bgihe\/TableViewHeaderTest)\n<\/p><\/blockquote>\n

\n

\"\u76f8\u95dc\u5716\u7247\"<\/a><\/p>\n

https:\/\/wp.me\/pcFK27-6J <\/p>\n

Swift TableView \u4e0b\u62c9\u653e\u5927\u5c01\u9762\u7167\uff1a2025 \u6700\u65b0\u5be6\u4f5c\u8207\u6700\u4f73\u5be6\u8e10<\/a><\/p><\/blockquote>\n