ios - 如何解决官方 iOS 应用程序开发教程中的自动布局问题？

Question

在 Implement Edit and Delete Behavior 的末尾在官方 iOS 应用程序开发教程的部分，提到布局有错误，使用堆栈 View 修复这些错误留给读者作为练习。为了修复它们，我遵循了以下步骤:

1. 添加一个水平堆栈 View ，其中将包含 UIImageView 和一个垂直堆栈 View 。
2. 将水平堆栈 View 的边缘约束到父 View 的边缘。
3. 将标签和评级控件添加到垂直堆栈 View 。
4. 在 UIImageView 中将内容模式设置为 Aspect Fit。
5. 将 UIImageView 的 CHCR 属性全部设置为 1000。

不过，布局还是不合我意。例如，我在 iPhone 5 模拟器中启动了应用程序，情况是这样的:

ImageView 不会扩展到单元格顶部和底部(保持纵横比)。此外，当我点击“编辑”时， ImageView 缩小而不是评级控件和标签:

类似的，当我们向左滑动一行时，标签和Rating Control并没有缩小，而是图片 View 滑出了 View :

我希望 ImageView 完全保留在那里，并根据需要缩小评级控制和标签。

我还尝试用包含 5 个普通按钮的普通水平堆栈 View 替换评级控件。这是结果:

这一次，UIImageView 覆盖了整个单元格。我预计:

1. UIImageView 的高度等于单元格的高度。
2. UIImageView 的宽度与其高度成正比(因为我在 Interface Builder 中将 UIImageView 的 Content Mode 设置为 Aspect Fit)。
3. 标签和新评级控制要覆盖的剩余空间。它们应该占用剩余空间，因为我已经将 UIImageView 的 CHCR 设置为全部 1000。

更新:

这是向 ImageView 添加纵横比约束后的 View :

几乎完成了，除了 ImageView 不是从左边缘开始的事实。为了解决这个问题，我尝试将 ImageView 的前缘位置设置为父 View 的前缘位置，但这没有帮助。

如何实现所需的布局？

Answer 1

滑动删除部分功能正常。整个单元格向左滑动而不是向左收缩(看看 Mail.app，你会发现它的行为方式相同)。

关于您遇到的另一个问题，当表格处于编辑模式时， ImageView 是唯一缩小的部分......

1. 调低评级 View 和标签的抗压性。
2. 向 ImageView 添加纵横比约束。
3. 选择 ImageView 和内容 View (使用最容易选择的在你截图的大纲 View 中的命令键)并设置他们有相同的高度。这应该可以防止 ImageView 在编辑模式下缩小。如果不尝试在单元格的顶层水平堆栈 View 的各种模式。