Utilizzo di IBDesignable e prepareForInterfaceBuilder con una UILabel

Question

Ho una sottoclasse di UIView chiamata MyView che sto creando.

In esso c'è un UILabel (questo è aggiunto nel codice non in InterfaceBuilder per motivi).

Quindi ho una proprietà su MyView denominata color.

Quello che mi piacerebbe è che Interface Builder sia in grado di selezionare lo color e anche di visualizzare l'etichetta con il carattere impostato su quel colore.

Nel mio codice ho ...

@IBDesignable class MyView: UIView { 

    private let textLabel = UILabel() 

    @IBInspectable var color: UIColor = .blackColor() { 
     didSet { 
      textLabel.textColor = color 
     } 
    } 

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

     initialSetup() 
    } 

    override init(frame: CGRect) { 
     super.init(frame: frame) 

     initialSetup() 
    } 

    private func initialSetup() -> Void { 
     self.backgroundColor = .clearColor() 

     textLabel.textAlignment = .Center 
     textLabel.numberOfLines = 0 

     addSubview(textLabel) 
    } 

    override func layoutSubviews() { 
     super.layoutSubviews() 

     textLabel.frame = bounds 
    } 

    // I have no idea what I'm doing here?! 
    override func prepareForInterfaceBuilder() { 
     // should I create a label specifically for here? 
     // or should I use the property textLabel? 

     textLabel.text = "Hello, world!" // setting place holder IB text? 
     textLabel.textColor = color 
     textLabel.font = .systemFontOfSize(21) 
     textLabel.textAlignment = .Center 
     textLabel.numberOfLines = 0 

     // do I need to add sub view? 
    } 

} 

IBInspectable

In IB posso vedere la proprietà colore lì e posso impostarlo. Fastidiosamente ci vuole un valore predefinito di .clearColor() anche se non il colore che ho impostato nel codice. C'è un modo per risolvere questo?

IBDesignable

Quando metto la vista nel InterfaceBuilder mostra tutte le proprietà ispezionabili ma nulla è mostrata nella vista reale.

Quando lo eseguo tutto funziona correttamente. Mi piacerebbe essere in grado di ottenere qualcosa di lavoro (diverso da drawRect) in IB. Comunque sto trovando una netta mancanza di documentazione.

Modifica - Avvertenze

Ho appena notato che sto ricevendo costruire errori/avvisi dicendo ...

avvertimento: IB Designables: Ignorando attributo runtime definiti dall'utente per il percorso chiave "colore "su istanza di" UIView ". Colpire un'eccezione quando si tenta di impostare il suo valore: [setValue: forUndefinedKey:]: questa classe non è un valore chiave che codifica-compatibile per il colore chiave.

Questo probabilmente cambierà la soluzione :)

Answer 1

Ho copiato il codice dalla tua domanda in una nuova app, ha aggiunto la vista e impostato la proprietà e ha funzionato bene.

L'errore che stai vedendo suggerisce che a un certo punto hai cambiato la vista in un semplice UIView nella finestra di ispezione della identità (gli attributi definiti dall'utente rimangono in quel caso).

Answer 2

Quando colore è impostato è necessario aggiornare la proprietà textLabel come qui di seguito utilizzando un didSet

@IBInspectable var color: UIColor = UIColor.blackColor() { 
    didSet { 
     textLabel.textColor = color 
    } 
} 

Answer 3

Sto usando rapida 2.0 e nel mio caso mancava dinamica proprietà.codice finale:

@IBInspectable dynamic var radius:CGFloat = 2.0 { 
    didSet { 
    // setNeedsDisplay() 
     layer.cornerRadius = radius 

    } 
} 

Trova fuori errore durante la compilazione per IB Designables: http://lamb-mei.com/537/xcode-ibdesignables-ignoring-user-defined-runtime-attribute-for-key-path-bordercolor-on-instance-of-uiview-this-class-is-not-key-value-coding-compliant-for-the-key-bordercolor/