Cómo crear hermosos componentes de interfaz de usuario en iOS 8 usando Swift y Xcode 6

Un pequeño ejemplo

clase OverCustomizableView: UIView {?

@IBInspectable var integer: Int = 0?

@IBInspectable var float : ¿CGFloat = 0?

@IBInspectable var doble: ¿Doble = 0?

@IBInspectable var punto: CGPoint = CGPointZero?

@IBInspectable var tamaño: CGSize = CGSizeZero?

@IBInspectable var customFrame: CGRect = CGRectZero?

@IBInspectable var color: UIColor = UIColor.clearColor()?

@IBInspectable var string ： String = "We ? Swift"?

@IBInspectable var bool： Bool = false?

}

¿Así es como se ve arriba en el inspector de propiedades:

Todo esto agrega algunas propiedades de tiempo de ejecución definidas por el usuario que establecerán el valor inicial de la vista cuando se cargue.

Creación de propiedades de tiempo de ejecución:

IBDesignable

Veamos la parte divertida. IBDesignable le dice a IB que puede cargar y representar la vista. Esta clase de vista debe estar dentro de un marco para funcionar correctamente. Pero este método no es demasiado problemático, lo veremos a continuación. Creo que IB convierte implícitamente el código de UIView en código de NSView para que pueda cargar dinámicamente el marco y representar el componente.

Crea un nuevo proyecto

Abre Xcode6, crea una nueva "Single Page Application" (aplicación de una sola página) y selecciona Swift como lenguaje de programación.

Agregar un nuevo destino

Seleccione el archivo del proyecto en la navegación y haga clic en el botón " " para agregar un nuevo destino

Seleccione Framework & Application Library y elija Cocoa Touch Framework, como se muestra en la figura

Nombrado MyCustomView. Xcode vinculará automáticamente MyCustomView.framework a su proyecto.

Crear una clase de vista personalizada

Cree un nuevo archivo Swift y agréguelo al marco MyCustomView.

Haga clic derecho en el directorio del marco.

Seleccione el archivo Cocoa Touch

Nómbrelo CustomView como una subvista de UIView

El archivo CustomView.swift contiene: