ios - 根据包含背景图像的文本的宽度拉伸(stretch) UILabel 的宽度

Question

我有以下问题 - 我需要像下面的屏幕截图一样并排创建两个 UI 标签 -

包含特价商品文本的 UI 标签是动态的，需要根据包含文本的宽度进行调整，如果可能的话，还需要显示带有相关填充的倾斜橙色背景 -

我主要是一名前端开发人员 - 所以使用 CSS 我会使用一个长背景图像，它与标签的右侧对齐并相应地填充 - 但我不知道如何在 Objective-C 中处理这个 - 可以有人提供任何建议吗？

Answer 1

这不是一个直接的解决方案，但也许可以帮助您找到它(假设您不使用自动布局):

• 您需要一个 UIImageView 作为背景，一个 UILabel 作为文本
• 为背景使用可平铺/可拉伸(stretch)的图像(可能带有大写插图)(参见 [UIImage resizableImageWithCapInsets:resizingMode:])
• 设置标签上的文字
• 调用 [label sizeToFit] 调整标签大小以完全适合包含的文本
• 根据标签的大小调整 ImageView 的大小(例如 imageView.frame = CGRectInset(label.frame, -10, -10))，这将使您的 ImageView 比标签大 10pt四面八方)。

使用自动布局，您只需在标签和 ImageView 之间定义适当的约束并依赖于标签的“固有内容大小”——应该非常容易。