设置约束时，CollectionViews变得奇怪

Question

我的申请中有三个collectionViews。现在，我完成了所需的一切。我现在几天遇到的唯一问题是约束。我不知道该如何用语言解释它，所以我在问题上加了两张图片，希望它是可以理解的。

我目前拥有的东西：

我想要什么：

Answer 1

使用this.$store委托方法对此进行存档。

new Vue({
  el: '#recommendedProductsDetailsHorizontal',
  store,
  components: {ProductSlider},
  data: { params },
  template: '<product-slider/>'
});

在此方法中，您可以以编程方式设置单元格的大小。根据您对每个collectionView的需求给出尺寸。

Answer 2

根据您的屏幕截图，当超级视图（屏幕尺寸）发生变化时，看起来带有白色点列的集合视图会扩展其宽度。

看起来您正在使用“流布局” ...当视图变宽时，每行有足够的空间容纳2个单元格。

您应该可以通过以下任一方法解决此问题：

• 限制该集合视图的宽度，使其不会扩展，或者
• 使用自定义的收藏视图布局

我建议先尝试宽度约束-看看是否可以使布局看起来像您想要的样子。

请注意，使用集合视图可能不是您尝试执行的最佳方法。 UIStackView 可能是一个更好的选择（尽管我不知道界面还会做什么，所以也许不行）。