Ändern Sie die Größe eines UILabel, um Platz für Platzhalter zu schaffen

Hier ist ein label-Klasse berechnet die Größen richtig. Die gepostet code ist in Swift 3, aber Sie können auch herunterladen Swift 2 oder Objective-C Versionen.

Wie funktioniert es?

Durch die Berechnung der richtigen 'textRect' alle sizeToFit - und auto-layout funktioniert wie erwartet. Der trick ist, zuerst subtrahieren Sie die Abstände, berechnen dann die original-Etikett Grenzen, und schließlich fügen Sie die Einschübe wieder.

- 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))
    }
}

Optional: Interface Builder unterstützen

Wenn Sie wollen, um das setup texteinschübe in storyboards können Sie die folgende Erweiterung zu ermöglichen, Interface Builder-support:

@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.
}

Nun können Sie bequem Ihre setup-Einsätze in IB und dann drücken Sie einfach ⌘= anpassen der label-Größe zu passen.

Haftungsausschluss:

Alle code ist in der public domain. Tun, als Sie bitte.

InformationsquelleAutor der Antwort Nikolai Ruhe

Hier ist die C# - version (nützlich für Xamarin), basierend auf 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));
    }
}

InformationsquelleAutor der Antwort Pataphysicien

Hier ist ein Beispiel dafür, was ich für eine einfache 10-Einheit-Polsterung auf der linken und rechten Seite der Etiketten mit abgerundeten Ecken. Nur stellen Sie den label-text zu zentrieren, den es selbst machen und es ist Klasse IndentedLabel und der rest kümmert sich um sich selbst. Zum ändern der Polsterung nur nach oben oder unten skaliert rect.Größe.Breite += (x)

class IndentedLabel: UILabel {

    var edgeInsets:UIEdgeInsets = UIEdgeInsetsZero

    override func textRectForBounds(bounds: CGRect, limitedToNumberOfLines numberOfLines: Int) -> CGRect {
        var rect = super.textRectForBounds(UIEdgeInsetsInsetRect(bounds, edgeInsets), limitedToNumberOfLines: numberOfLines)

        rect.size.width  += 20;

        return rect
    }

    override func drawTextInRect(rect: CGRect) {
        self.clipsToBounds = true
        self.layer.cornerRadius = 3
        super.drawTextInRect(UIEdgeInsetsInsetRect(rect, edgeInsets))
    }
}

InformationsquelleAutor der Antwort blackops

Hinzufügen @Pataphysicien Antwort oben für Xamarin forms ist dies, wie Sie verwenden die UIEdgeableLabel:

[assembly: ExportRenderer(typeof(PaddedLabel), typeof(PaddedLabelRenderer))]
namespace MyProj.iOS.Renderers
{
    public class PaddedLabelRenderer : LabelRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
        {
            if (Control == null)
            {
                var label = new UIEdgeableLabel();
                label.EdgeInsets = new UIEdgeInsets(2, 2, 2, 2); //padding
                SetNativeControl(label);
            }

            base.OnElementChanged(e);
        }
    }
}

InformationsquelleAutor der Antwort Adil H. Raza