【问题标题】:Horizontal CollectionView Spacing not working properly Swift水平 CollectionView 间距不能正常工作 Swift
【发布时间】:2018-09-15 13:41:40
【问题描述】:

您好,我正在屏幕上制作水平集合视图图像,然后滚动查看第二个问题是,当我为我的 collectionView 提供间距然后滚动到另一个图像时,它显示另一条记录的一半图像意味着一侧的一半图像和第一条记录的图像指导我如何给出适当的间距我想在屏幕上显示单个图像滚动以查看第二个间距 这是间距的屏幕截图

这就是我滚动 1 或 2 张图片时所面临的情况,然后它会显示另一张唱片的半张图片

我已经在使用 CollectionViewLayout 为我的单元格提供相等的宽度和高度

 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
            let width = collectionView.frame.size.width
            let height = collectionView.frame.size.height
            return CGSize.init(width: width, height: height)

        }

【问题讨论】:

  • 添加您遇到的问题的截图。
  • 查看我更新的问题

标签: swift xcode uicollectionview


【解决方案1】:

要完美地制作UICollectionView,您需要:

  1. 添加collectionView的delegatedata source属性
  2. 您需要在storyboard 中或通过代码通过实现UICollectionViewDelegateFlowLayout 方法来指定UICollectionView 单元格的大小。
  3. 对于间距,您需要提供cell spacing
  4. 提供section insets 以备不时之需。

你可以走了。在您提供代码和描述问题的屏幕截图后,我将能够为您提供更多帮助。

编辑:

这里是你可以用来给出UICollectionViewCell的大小和间距细节的代码。

也别忘了遵守UICollectionViewDelegateFlowLayout 协议。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
{
    return CGSize(width: 300.0, height: 135.0)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat
{
    return 15
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets
{
    return UIEdgeInsets(top: 0, left: 15, bottom: 0, right: 15)
}

【讨论】:

  • 它在单元格之间提供了空间,但仍然显示两个记录的半个单元格,我希望看到一个居中的记录
  • 我想查看类似的内容stackoverflow.com/questions/35045155/…
  • 检查剪辑到UIImageView的边界是否被选中。
  • 只需选择剪辑到 uiimageview 的边界,但仍然是同样的问题 :(
  • 检查上面的UICollectionViewDelegateFlowLayout方法是否被调用。
猜你喜欢
  • 2017-09-11
  • 2016-10-12
  • 1970-01-01
  • 1970-01-01
  • 2015-03-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-24
相关资源
最近更新 更多