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

Question

环境：Xcode + Swift 4

我按照教程Start Developing iOS Apps (Swift)创建了一个应用程序，该应用程序使用UITableView显示膳食，进入编辑模式以删除膳食，以及其他功能。

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

教程说

  

要解决此问题，您需要使用嵌套堆栈视图和自动布局约束来布置单元格;然而，这仍然是读者的练习。

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

图像视图具有以下约束：

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

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

但最右边的明星将会缩水：

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

非常感谢。

Answer 1

向水平堆栈视图添加尾随约束应该有效。你只需要调整星星。

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

然后，将星标'contentMode设置为.scaleAspectFit，使它们看起来不会拉伸，只会缩小尺寸，同时保留纵横比。