底部带有图像和标签的按钮

Sin*_*met 3 interface-builder uibutton uikit ios

我想制作一个按钮,它的底部有一个图标和一个标签,如下所示:

在此处输入图片说明

什么是最好的方法来做到这一点?是否可以将图像视图对象和标签拖到按钮中?

小智 9

通过代码,您可以像这里的 Swift 4.2 兼容代码一样执行此操作,您只需要调用函数

  public extension UIButton
  {

    func alignTextBelow(spacing: CGFloat = 6.0)
    {
        if let image = self.imageView?.image
        {
            let imageSize: CGSize = image.size
            self.titleEdgeInsets = UIEdgeInsets(top: spacing, left: -imageSize.width, bottom: -(imageSize.height), right: 0.0)
            let labelString = NSString(string: self.titleLabel!.text!)
            let titleSize = labelString.size(withAttributes: [NSAttributedString.Key.font: self.titleLabel!.font])
            self.imageEdgeInsets = UIEdgeInsets(top: -(titleSize.height + spacing), left: 0.0, bottom: 0.0, right: -titleSize.width)
        }
    }
}
Run Code Online (Sandbox Code Playgroud)