自定义 UITableViewCell 的内容在编辑模式下被删除按钮重叠

Question

环境：Xcode + Swift 4

我按照教程Start Developing iOS Apps (Swift)创建了一个应用，使用UITableView显示饭菜，进入编辑模式删除饭菜等功能。

我的问题是当我进入编辑模式时，最右边的星被删除按钮重叠：

教程说

要解决这个问题，您需要使用嵌套堆栈视图和自动布局约束来布局单元格；但是，这留给读者作为练习。

五颗星嵌入在自定义水平堆栈视图中。并且水平堆栈视图和标签嵌入在垂直堆栈视图中。

图像视图具有以下约束：

垂直堆栈视图有以下约束：

我尝试在垂直堆栈视图上添加一个新的约束来解决问题：

但最右边的星星会缩小：

如何防止最右边的星星被删除按钮重叠或缩小？

非常感谢。

Answer 1

向水平堆栈视图添加尾随约束应该可以工作。你只需要调整星星。

首先，将堆栈视图的distribution 设置为.fillEqually，以便其中的所有星星具有相同的宽度。

然后，将星星的contentMode 设置为.scaleAspectFit，这样它们就不会被拉伸，只会在保持纵横比的同时缩小尺寸。