Gibt es eine Möglichkeit für Interface Builder, IBDesignable-Ansichten zu rendern, die drawRect nicht überschreiben:

Diese Antwort bezieht sich auf das Überschreiben von drawRect, kann jedoch einige Anregungen geben:

Ich habe eine benutzerdefinierte UIView-Klasse mit komplexen Zeichnungen in drawRect. Sie müssen auf Referenzen achten, die während der Entwurfszeit nicht verfügbar sind, z. B. UIApplication. Dafür überschreibe ich prepareForInterfaceBuilder, wo ich ein boolesches Flag setze, das ich in drawRect verwende, um zwischen Laufzeit und Designzeit zu unterscheiden:

@IBDesignable class myView: UIView {
    // Flag for InterfaceBuilder
    var isInterfaceBuilder: Bool = false    

    override init(frame: CGRect) {
        super.init(frame: frame)
        // Initialization code
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func prepareForInterfaceBuilder() {
        self.isInterfaceBuilder = true
    }

    override func drawRect(rect: CGRect)
    {
        // rounded cornders
        self.layer.cornerRadius = 10
        self.layer.masksToBounds = true

        // your drawing stuff here

        if !self.isInterfaceBuilder {
            // code for runtime
            ...
        }

    }

}

Und so sieht es in InterfaceBuilder aus:

Sie müssen nicht drawRect verwenden. Stattdessen können Sie Ihre benutzerdefinierte Schnittstelle in einer Xib-Datei erstellen und in initWithCoder und initWithFrame laden. Nach dem Hinzufügen von IBDesignable wird das Live-Rendering in IB ausgeführt. Schauen Sie sich dieses kurze Tutorial an: https://www.youtube.com/watch?v=L97MdpaF3Xg

Ich denke, dass layoutSubviews der einfachste Mechanismus ist.

Hier ist ein (viel) einfacheres Beispiel in Swift:

@IBDesignable
class LiveLayers : UIView {

    var circle:UIBezierPath {
        return UIBezierPath(ovalInRect: self.bounds)
    }

    var newLayer:CAShapeLayer {
        let shape = CAShapeLayer()
        self.layer.addSublayer(shape)
        return shape
    }
    lazy var myLayer:CAShapeLayer = self.newLayer

    // IBInspectable proeprties here...
    @IBInspectable var pathLength:CGFloat = 0.0 { didSet {
        self.setNeedsLayout()
    }}

    override func layoutSubviews() {
        myLayer.frame = self.bounds // etc
        myLayer.path = self.circle.CGPath
        myLayer.strokeEnd = self.pathLength
    }
}

Ich habe dieses Snippet noch nicht getestet, habe aber zuvor Muster wie diese verwendet. Beachten Sie die Verwendung der verzögerten Eigenschaft, die an eine berechnete Eigenschaft delegiert, um die Erstkonfiguration zu vereinfachen.

In meinem Fall gab es zwei Probleme:

1. Ich habe initWithFrame nicht in der benutzerdefinierten Ansicht implementiert: (Normalerweise wird initWithCoder: aufgerufen, wenn Sie über IB initialisieren, aber aus irgendeinem Grund wird initWithFrame: nur für IBDesignable benötigt. Wird während der Implementierung nicht über IB aufgerufen.)

2. Die Spitze meiner benutzerdefinierten Ansicht wurde von mainBundle geladen: [NSBundle bundleForClass:[self class]] wurde benötigt.

Um die Antwort von Hari Karam Singh näher zu erläutern, erklärt diese Slideshow weiter:

http://www.splinter.com.au/presentations/ibdesignable/

Wenn Sie dann nicht sehen, dass Ihre Änderungen im Interface Builder angezeigt werden, probieren Sie diese Menüs aus:

• Xcode-> Editor-> Ansichten automatisch aktualisieren
• Xcode-> Editor-> Alle Ansichten aktualisieren
• Xcode-> Editor-> Ausgewählte Ansichten debuggen

Beim Debuggen meiner Ansicht wurde Xcode leider eingefroren, aber es sollte für kleine Projekte (YMMV) funktionieren.

Ich glaube, Sie können prepareForInterfaceBuilder implementieren und Ihre Kernanimationsarbeit dort erledigen, damit sie in IB .. angezeigt wird .. Ich habe einige ausgefallene Dinge mit Unterklassen von UIButton gemacht, die ihre eigene Kernanimationsebenenarbeit machen, um Grenzen oder Hintergründe zu zeichnen und sie werden live in Interface Builder gerendert, also stelle ich mir vor, wenn Sie UIView direkt subclassieren, dann prepareForInterfaceBuilder ist alles, was Sie anders machen müssen. Beachten Sie jedoch, dass die Methode immer nur von IB ausgeführt wird

Bearbeitet, um Code wie gewünscht einzufügen

Ich habe etwas ähnliches, aber nicht genau so (leider kann ich Ihnen nicht geben, was ich wirklich mache, aber es ist eine Arbeitssache)

class BorderButton: UIButton {
    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        commonInit()
    }
    override init(frame: CGRect) {
        super.init(frame: frame)
        commonInit()
    }

    func commonInit(){
        layer.borderWidth = 1
        layer.borderColor = self.tintColor?.CGColor
        layer.cornerRadius = 5    
    }

    override func tintColorDidChange() {
        layer.borderColor = self.tintColor?.CGColor
    }

    override var highlighted: Bool {
        willSet {
            if(newValue){
                layer.backgroundColor = UIColor(white: 100, alpha: 1).CGColor
            } else {
                layer.backgroundColor = UIColor.clearColor().CGColor
            }
        }
    }
}

Ich überschreibe sowohl initWithCoder als auch initWithFrame, da ich die Komponente in Code oder in IB verwenden möchte (und als anderen Antwortstatus müssen Sie initWithFrame implementieren, um IB glücklich zu machen.

Dann habe ich in commonInit das Kernanimationsmaterial eingerichtet, um einen Rand zu zeichnen und ihn hübsch zu gestalten.

Ich implementiere auch eine willSet für die hervorgehobene Variable, um die Hintergrundfarbe zu ändern, weil ich es hasse, wenn Schaltflächen Rahmen zeichnen, aber keine Rückmeldung geben, wenn sie gedrückt wird (ich hasse es, wenn die gedrückte Schaltfläche wie die nicht gedrückte Schaltfläche aussieht).

Swift 3 Makro

#if TARGET_INTERFACE_BUILDER
#else
#endif

und eine Klasse mit einer Funktion, die aufgerufen wird, wenn IB das Storyboard rendert

@IBDesignable
class CustomView: UIView
{
    @IBInspectable
    public var isCool: Bool = true {
        didSet {
            #if TARGET_INTERFACE_BUILDER

            #else

            #endif
        }
    }

    override func prepareForInterfaceBuilder() {
        // code
    }
}

IBInspectable kann mit den folgenden Typen verwendet werden

Int, CGFloat, Double, String, Bool, CGPoint, CGSize, CGRect, UIColor, UIImage