UICollectionView 中缩放列标题的难题与应对策略

2024-03-12 23:31:24

优化 UICollection 布局中的缩放列标题

在构建数据报告时，经常会遇到列宽超出屏幕限制的情况。为了解决这一问题，UICollectionView 提供了一个巧妙的解决方案，允许通过左右滚动查看数据的全部宽度。此外，组合布局的引入增强了配置此类布局的灵活性。

列标题缩放的挑战

在报告中，列标题通常配置为辅助视图，其中包含与正文数据列宽匹配的子视图。这些标题被固定在适当的位置，以便在滚动数据时仍能看到它们，从而为用户提供正在查看数据的上下文。

为了方便查看更多数据，用户可以执行捏合缩放手势来缩小数据。为了支持这一功能，需要将 UIPinchGestureRecognizer 添加到集合视图，该手势将设置比例属性。当捏合缩放时，比例属性得到更新，触发集合视图布局无效并重新加载数据。在生成和填充单元格的过程中，缩放变换应用于内容视图，对正文数据部分来说，这一过程运行良好。

补充标题视图缩放困境

然而，对补充标题视图的缩放却遇到了困难。当标题视图使用约束设置时，这些约束不受应用于标题视图的比例变换的影响，导致标题无法随正文数据一起调整大小。此外，无法更改约束上的“乘数”值，因为它们是只读的（这是一个令人沮丧的设计缺陷）。

如果在不使用约束的情况下设置标题视图中的标签并仅设置它们的边框，则在布局过程中，它们都会将位置重置为原点，而且无法阻止它们在布局过程中移动。

建议的改进

针对组合布局，一个更简洁的方法是允许辅助标题视图由较小的视图或单元格组成，类似于正文数据。这样，它们就可以像正文数据一样控制宽度和大小，从而实现与捏合缩放的完美配合。

解决方法

为了解决这个问题，有几种方法可以尝试：

使用 frame 布局： 通过使用 frame 布局代替组合布局，可以手动调整标题视图的大小和位置。然而，这需要大量的自定义代码，并且在响应屏幕旋转和设备大小变化时可能很麻烦。
自定义组合布局： 通过创建一个自定义组合布局，可以添加一个委托方法，该方法将处理标题视图的缩放。这种方法需要更深入的了解组合布局的底层工作原理，但可以提供更精细的控制。