如何使UICollectionViewCell跨越整行?

时间:2015-12-30 13:57:27

标签: ios xcode7 uistoryboard uicollectionviewcell

上下文

  • 我正在尝试使用Table view创建与UICollectionView类似的内容。

  • 我正在使用Xcode7和故事板。

  • 我这样做的方法是将集合视图拖到整个控制器视图中。

  • 然后我将整个单元格拖过整行,并将其与右边界和左边界对齐。

问题

  • 但是,当我在单元格内放置标签时,只有当设备处于水平位置时才会正确显示。
  • 当设备垂直时,它会在左边界处被切断。

问题

如何确保集合视图单元格的宽度与容器宽度的宽度相匹配?

2 个答案:

答案 0 :(得分:0)

这是因为您没有使用自动布局。您可以完全在故事板或代码中实现此目的。 使用Storyboard

  1. 在故事板中的UIViewController中添加UICollectionView。
  2. 拖动UICollectionView以填充您的UIViewController。
  3. 添加约束,如图所示。 enter image description here
  4. 拖动UICollectionView以填充UICollectionView。
  5. 添加UILabel(或者您希望在单元格中拥有的任何内容)。还要在该元素中添加约束。
  6. 构建并运行。

答案 1 :(得分:0)

1)实现单元格大小的功能并返回集合宽度:

-(CGSize) collectionView: (UICollectionView*) collectionView layout:(UICollectionViewLayout*) collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath*) indexPath {
    CGFloat height = 50; //set the wanted height
    return CGSizeMake(collectionView.frame.size.width,height);
}

2)当屏幕尺寸改变时(即方向改变)重新加载集合。