Usa lo storyboard per mascherare UIView e dare angoli arrotondati?

Question

Un sacco di domande like this spiega come creare una maschera a livello di codice e fornire angoli arrotondati a un UIView.

C'è un modo per fare tutto all'interno di Storyboard? Basta chiedere perché sembra che creare angoli arrotondati in Storyboard mantenga una netta demarcazione tra presentazione e logica.

Answer 1

Sì, lo uso molto, ma domande come questa hanno già ricevuto risposta molte volte.

Tuttavia in Interface Builder. È necessario aggiungere Runtime User Defined attributi come questo:

layer.masksToBounds Boolean YES 
layer.cornerRadius Number {View's Width/2} 

e consentire

Clips subviews 

Risultati:

Answer 2

È possibile farlo in uno storyboard utilizzando le proprietà definite dall'utente. Seleziona la vista che vuoi arrotondare e apri la sua Identity Inspector. Nel runtime Definito attributi utente sezione, aggiungere le seguenti due voci:

• Percorso chiave: layer.cornerRadius, Tipo: numero, il valore: (qualunque raggio che vuoi)
• Percorso chiave: layer.masksToBounds, Tipo: booleano , Valore: checked

potrebbe essere necessario importare QuartzKit nel file di classe corrispondente del vostro vista (se esiste), ma giuro che ho ottenuto al lavoro senza farlo. I risultati possono variare.

EDIT: Esempio di un raggio dinamico

extension UIView { 

    /// The ratio (from 0.0 to 1.0, inclusive) of the view's corner radius 
    /// to its width. For example, a 50% radius would be specified with 
    /// `cornerRadiusRatio = 0.5`. 
    @IBDesignable public var cornerRadiusRatio: CGFloat { 
     get { 
      return layer.cornerRadius/frame.width 
     } 

     set { 
      // Make sure that it's between 0.0 and 1.0. If not, restrict it 
      // to that range. 
      let normalizedRatio = max(0.0, min(1.0, newValue)) 
      layer.cornerRadius = frame.width * normalizedRatio 
     } 
    } 

} 

ho verificato che questo funziona in un parco giochi.