使用自动布局的动态聊天气泡

Question

我正在开发像 iMessage 这样的应用程序。我希望UI与 iMessage 聊天泡泡工作相同。我开发了具有自动布局的表格视图单元格。我在下面有UIImageView和UILabel的表格单元格。

UIImageView包含resizableImageWithCapInsets的气泡图像。现在一切正常，除非文本是小字符串，然后聊天气泡在整个屏幕上显示。所以我想设置约束，使我的图像视图宽度将根据标签文本。因此，如果标签文本很小，那么它将是小宽度图像因此它将根据标签文本的宽度进行调整。有什么想法吗？

当前输出：

Answer 1

我正在考虑我的问题并对其进行研究，并找到了以下解决方案。如果它有助于其他人发布它。

因此，根据文本设置动态宽度我在右侧放置另一个空白标签，并相对于左侧控件（图像视图和标签）添加约束。下面是我最后的约束布局。然后它按预期工作。

输出屏幕截图：