ios - UICollectionViewCell - 不同大小类的不同布局
<p><p>我有一个简单的 <code>UICollectionViewCell</code>，其中包含一个图像和一个标签。在常规尺寸类中，我希望图像位于顶部，标签位于其下方。这是它在 Xcode 的预览选项卡中的样子:</p>
<p> <a href="/image/Ha1d3.png" rel="noreferrer noopener nofollow"><img src="/image/Ha1d3.png" alt="enter image description here"/></a> </p>
<p>在任何其他尺寸类别中，我希望图像在左侧，标签在右侧:</p>
<p> <a href="/image/ogHNL.png" rel="noreferrer noopener nofollow"><img src="/image/ogHNL.png" alt="enter image description here"/></a> </p>
<p>我这样设置约束:</p>
<p>ImageView 有以下约束:</p>
<ul>
<li>Any-Any 的前导约束和顶级约束</li>
<li>Any-Any 的固定宽度和高度</li>
</ul>
<p>标签有以下限制:</p>
<ul>
<li>Superview 的尾随约束 - 用于 Any-Any</li>
<li>ImageView 的顶部约束 - 仅适用于 Regular-Regular</li>
<li>对 Superview 的主要约束 - 仅适用于 Regular-Regular</li>
<li>Superview 的顶部约束 - 用于 Any-Any 但不用于 Regular-Regular</li>
<li>对 ImageView 的主要约束 - 用于 Any-Any 但不适用于 Regular-Regular</li>
</ul>
<p>我还实现了根据当前特征集合返回不同单元格大小的方法:</p>
<pre><code>func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
if (traitCollection.horizontalSizeClass == .Regular) {
return CGSizeMake(240, 194)
}
else {
return CGSizeMake(340, 128)
}
}
</code></pre>
<p>单元格在预览中看起来很好，当我在 iPhone 上运行它时一切正常(例如 Compact-Regular)。但是，当我在 iPad 上运行时自动布局中断:</p>
<p> <a href="/image/BRtXh.png" rel="noreferrer noopener nofollow"><img src="/image/BRtXh.png" alt="enter image description here"/></a> </p>
<p>当然，我在调试控制台中收到了一堆警告:无法同时满足约束条件。</p>
<p>所以，我想问题是 - 为不同尺寸类别设置单元格的正确方法是什么？</p>
<p>我用 <a href="https://github.com/almas73/UICollectionViewCell_sizeClass" rel="noreferrer noopener nofollow" title="demo project">demo project</a> 创建了一个 github 仓库</p>
<p>谢谢!</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>您想要做的是像您一样禁用 Regular-Regular 尺寸类的这些约束，同时将它们的优先级更改为 < 1000(即不需要)。这样它将改为对特定尺寸类别使用更高优先级的约束。</p>
<p> <a href="/image/RiI9l.png" rel="noreferrer noopener nofollow"><img src="/image/RiI9l.png" alt="enter image description here"/></a> </p></p>
<p style="font-size: 20px;">关于ios - UICollectionViewCell - 不同大小类的不同布局，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/35809411/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/35809411/
</a>
</p>
页:
[1]