Le redimensionnement d'un UILabel pour accueillir les encarts

Voici une étiquette de classe qui calcule les tailles correctement. Le posté code est en Swift 3, mais vous pouvez également télécharger Swift 2 ou Objective-C versions.

Comment ça fonctionne?

En calculant le bon textRect tous les sizeToFit et de mise en page automatique des trucs fonctionne comme prévu. Le truc, c'est d'abord soustraire les encarts, puis calculer l'étiquette originale de limites, et enfin ajouter les encarts de nouveau.

Code

class NRLabel : UILabel {

    var textInsets = UIEdgeInsets.zero {
        didSet { invalidateIntrinsicContentSize() }
    }

    override func textRect(forBounds bounds: CGRect, limitedToNumberOfLines numberOfLines: Int) -> CGRect {
        let insetRect = UIEdgeInsetsInsetRect(bounds, textInsets)
        let textRect = super.textRect(forBounds: insetRect, limitedToNumberOfLines: numberOfLines)
        let invertedInsets = UIEdgeInsets(top: -textInsets.top,
                                          left: -textInsets.left,
                                          bottom: -textInsets.bottom,
                                          right: -textInsets.right)
        return UIEdgeInsetsInsetRect(textRect, invertedInsets)
    }

    override func drawText(in rect: CGRect) {
        super.drawText(in: UIEdgeInsetsInsetRect(rect, textInsets))
    }
}

En option: Interface Builder

Si vous souhaitez configurer les encarts de texte dans les storyboards vous pouvez utiliser l'extension suivante pour activer l'Interface du Générateur de soutien:

@IBDesignable
extension NRLabel {

    //currently UIEdgeInsets is no supported IBDesignable type,
    //so we have to fan it out here:
    @IBInspectable
    var leftTextInset: CGFloat {
        set { textInsets.left = newValue }
        get { return textInsets.left }
    }

    //Same for the right, top and bottom edges.
}

Maintenant, vous pouvez facilement configurer votre encarts dans de l'IB et appuyez ensuite sur ⌘= pour ajuster l'étiquette de la taille pour s'adapter à.

Avertissement:

Tout le code est dans le domaine public. Faire comme vous s'il vous plaît.

Ici est la version de C# (utile pour Xamarin) basé sur Nikolai code :

public class UIEdgeableLabel : UILabel
{
    public UIEdgeableLabel() : base() { }
    public UIEdgeableLabel(NSCoder coder) : base(coder) { }
    public UIEdgeableLabel(CGRect frame) : base(frame) { }
    protected UIEdgeableLabel(NSObjectFlag t) : base(t) { }

    private UIEdgeInsets _edgeInset = UIEdgeInsets.Zero;
    public UIEdgeInsets EdgeInsets
    {
        get { return _edgeInset; }
        set
        {
            _edgeInset = value;
            this.InvalidateIntrinsicContentSize();
        }
    }

    public override CGRect TextRectForBounds(CGRect bounds, nint numberOfLines)
    {
        var rect = base.TextRectForBounds(EdgeInsets.InsetRect(bounds), numberOfLines);
        return new CGRect(x: rect.X - EdgeInsets.Left,
                          y: rect.Y - EdgeInsets.Top,
                          width: rect.Width + EdgeInsets.Left + EdgeInsets.Right,
                          height: rect.Height + EdgeInsets.Top + EdgeInsets.Bottom);
    }

    public override void DrawText(CGRect rect)
    {
        base.DrawText(this.EdgeInsets.InsetRect(rect));
    }
}

Swift version 5 de Nikolai Ruhe réponse:

extension UIEdgeInsets {
   func apply(_ rect: CGRect) -> CGRect {
      return rect.inset(by: self)
   }
}

class EdgeInsetLabel: UILabel {
  var textInsets = UIEdgeInsets.zero {
      didSet { invalidateIntrinsicContentSize() }
  }

  override func textRect(forBounds bounds: CGRect, limitedToNumberOfLines numberOfLines: Int) -> CGRect {
    let insetRect = bounds.inset(by: textInsets)
    let textRect = super.textRect(forBounds: insetRect, limitedToNumberOfLines: numberOfLines)
    let invertedInsets = UIEdgeInsets(top: -textInsets.top,
                                      left: -textInsets.left,
                                      bottom: -textInsets.bottom,
                                      right: -textInsets.right)
    return textRect.inset(by: invertedInsets)
  }

  override func drawText(in rect: CGRect) {
      super.drawText(in: rect.inset(by: textInsets))
  }}

Voici un rapide, hacky façon de le faire que vous pouvez comprendre plus rapidement. Ce n'est pas aussi robuste que Nikolai, mais il fait le travail. Je l'ai fait quand j'ai essayé d'adapter mon texte dans mon UILabel dans un UITableViewCell:

1. Définir une largeur de contrainte pour le UILabel
2. Connecter la contrainte par IBOutlet sur votre code, soit VC (cellule personnalisé de classe si vous faites une expansion de la vue de la table de la cellule)
3. Créer une variable pour la taille réelle du texte, puis ajouter les encarts de + la largeur de la taille à la contrainte et à la mise à jour de la vue:

let messageTextSize: CGSize = (messageText as NSString).sizeWithAttributes([
NSFontAttributeName: UIFont.systemFontOfSize(14.0)])
cell.widthConstraint.constant = messageTextSize.width + myInsetsOrWhatever

Je n'ai pas testé encore, vous pourriez avoir à jouer avec l'exacte CGFloat valeurs que vous ajoutez. J'ai trouvé que la taille n'est pas exactement la largeur de plus encarts, c'est un peu plus grand que cela. Cela permet de s'assurer que la largeur de la UILabel sera toujours au moins la taille du texte ou plus.