如何仅在UIButton中为标题的特定部分设置图像

Question

我有一个带有标题的UIButton。 考虑它为Thu20。有一幅图像被设置为按钮的背景，该图像的宽度被调整了大小，内容模式适合了宽高比。因此它出现在完整按钮上。 我的问题：我只需要“ 20”部分的图像，而不需要整个“ Thu 20”的图像。 如果您看到iPad日历，便会明白这一点。 我该怎么做？ 谢谢

Answer 1

除非类似属性字符串的功能具有在某些文本周围放置矩形的功能，否则建议您创建一个可处理此问题的自定义视图：

您将需要一个除2个字符串之外的视图，一个是普通的字符串，另一个是矩形中的字符串。 然后插入一个普通标签，设置文本，调用sizeToFit。 然后添加第二个标签，并与第一个标签相同，但最后将其紧靠在第一个标签旁边。 然后根据标签尺寸将图像视图添加到标签上。 然后调整整个视图的大小以适合其上的所有视图。 现在，您可以将此自定义标签添加到按钮或所需的任何位置...

Answer 2

我宁愿建议您放置一个包含图像的图像，然后在图像顶部放置一个标签，并在其上加上“ 20”，然后将一个自定义的UIButton放置在没有backGround颜色的情况下，并将两者都放置在顶部

Answer 3

通过一些工作，您可以覆盖这些UIButton方法之一，以将图像放置在正确的位置。 使用UILabel的方法确定坐标“ 20”将给出图像的位置。

class UIButton {

    // these return the rectangle for the background (assumes bounds), the content (image + title) and for the image and title separately. the content rect is calculated based
    // on the title and image size and padding and then adjusted based on the control content alignment. there are no draw methods since the contents
    // are rendered in separate subviews (UIImageView, UILabel)

    open func backgroundRect(forBounds bounds: CGRect) -> CGRect

    open func contentRect(forBounds bounds: CGRect) -> CGRect

    open func titleRect(forContentRect contentRect: CGRect) -> CGRect

    open func imageRect(forContentRect contentRect: CGRect) -> CGRect
}

有关这些方法的更多信息，请参见“获取尺寸”下的Apple 文档 。