• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ios - UICollectionViewCell - 不同大小类的不同布局

[复制链接]
菜鸟教程小白 发表于 2022-12-12 10:47:25 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我有一个简单的 UICollectionViewCell,其中包含一个图像和一个标签。在常规尺寸类中,我希望图像位于顶部,标签位于其下方。这是它在 Xcode 的预览选项卡中的样子:

enter image description here

在任何其他尺寸类别中,我希望图像在左侧,标签在右侧:

enter image description here

我这样设置约束:

ImageView 有以下约束:

  • Any-Any 的前导约束和顶级约束
  • Any-Any 的固定宽度和高度

标签有以下限制:

  • Superview 的尾随约束 - 用于 Any-Any
  • ImageView 的顶部约束 - 仅适用于 Regular-Regular
  • 对 Superview 的主要约束 - 仅适用于 Regular-Regular
  • Superview 的顶部约束 - 用于 Any-Any 但不用于 Regular-Regular
  • 对 ImageView 的主要约束 - 用于 Any-Any 但不适用于 Regular-Regular

我还实现了根据当前特征集合返回不同单元格大小的方法:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    if (traitCollection.horizontalSizeClass == .Regular) {
      return CGSizeMake(240, 194)
    }
    else {
      return CGSizeMake(340, 128)
    }
  }

单元格在预览中看起来很好,当我在 iPhone 上运行它时一切正常(例如 Compact-Regular)。但是,当我在 iPad 上运行时自动布局中断:

enter image description here

当然,我在调试控制台中收到了一堆警告:无法同时满足约束条件。

所以,我想问题是 - 为不同尺寸类别设置单元格的正确方法是什么?

我用 demo project 创建了一个 github 仓库

谢谢!



Best Answer-推荐答案


您想要做的是像您一样禁用 Regular-Regular 尺寸类的这些约束,同时将它们的优先级更改为 < 1000(即不需要)。这样它将改为对特定尺寸类别使用更高优先级的约束。

enter image description here

关于ios - UICollectionViewCell - 不同大小类的不同布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35809411/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap