25、使用集合视图和 SwiftData 优化应用界面与数据存储

使用集合视图和 SwiftData 优化应用界面与数据存储

在开发应用时，优化界面展示和数据存储是提升用户体验的关键。本文将介绍如何使用集合视图（Collection Views）优化界面布局，并利用 SwiftData 框架实现数据的持久化存储。

集合视图入门

集合视图可以更灵活地展示数据，尤其适合在不同设备上利用额外的屏幕空间。以下是使用集合视图的详细步骤：

配置集合视图单元格

1. 确保文档大纲中集合视图单元格的名称已更改为 journalCell 。
2. 在文档大纲中选择 journalCell ，点击连接检查器按钮，显示 journalCell 的输出口。
3. 将 photoImageView 输出口拖到表格视图单元格中的图像视图。
4. 将 dateLabel 输出口拖到表格视图单元格中的顶部标签。
5. 将 titleLabel 输出口拖到表格视图单元格中的底部标签。
6. 完成后，验证连接是否与截图一致。

修改 JournalListViewController 类

为了让 JournalListViewController 类与集合视图配合工作，需要进行以下修改：
1. 修改类声明 ：
- 点击项目导航器中的