Lock.swift: Opciones de personalización del estilo

Opciones de estilo y personalización para la apariencia de Lock.Swift

A continuación, se enumeran numerosas opciones para configurar el estilo y la apariencia de Lock. Además, en la página Opciones de configuración del comportamiento también hay varias opciones disponibles para modificar el comportamiento y la funcionalidad de Lock.

Personalizar la apariencia de Lock

Puedes agregar opciones de personalización de estilo a la inicialización de Lock mediante withStyle.

Lock
  .classic()
  .withStyle {
	  $0.title = "Company LLC"
	  $0.logo = LazyImage(name: "company_logo")
	  $0.primaryColor = UIColor(red: 0.6784, green: 0.5412, blue: 0.7333, alpha: 1.0)
	}
  .present(from: self)

Opciones de estilo del encabezado

headerBlur

Estilo del efecto de desenfoque utilizado. Puede ser cualquier valor definido en UIBlurEffectStyle.

.withStyle {
  $0.headerBlur = .extraLight
}

headerColor

Color utilizado como color de fondo del encabezado. De forma predeterminada, no tiene color, solo desenfoque.

.withStyle {
  $0.headerColor = UIColor? = nil
}

logo

Imagen del logotipo del encabezado. La resolución mínima recomendada es de 200 píxeles de ancho por 200 píxeles de alto.

.withStyle {
  $0.logo = LazyImage(name: "company_logo")
}

headerCloseIcon

Se puede modificar el icono de “cerrar” del encabezado.

.withStyle {
  $0.headerCloseIcon = LazyImage(name: "ic_close")
}

headerBackIcon

Se puede modificar el icono de “volver” del encabezado.

.withStyle {
  $0.headerBackIcon = LazyImage(name: "ic_close")
}

Opciones de estilo del título

hideTitle

Oculta el título del encabezado y muestra solo el logotipo. De forma predeterminada, esta opción es false.

.withStyle {
  $0.hideTitle = false
}

title

Texto del título usado en el encabezado

.withStyle {
  $0.title = "Company LLC"
}

titleColor

Color que se usa para el título del encabezado.

.withStyle {
  $0.titleColor = UIColor.black
}

Opciones de estilo para botones y componentes

buttonTintColor

Color utilizado como color principal de tinte del botón.

.withStyle {
  $0.buttonTintColor = UIColor.white
}

disabledColor

Color que se usa para los componentes deshabilitados de Lock.

.withStyle {
  $0.disabledColor = UIColor(red: 0.8902, green: 0.898, blue: 0.9059, alpha: 1.0)
}

disabledTextColor

Color usado para el texto del componente deshabilitado de Lock.

.withStyle {
  $0.disabledTextColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}

hideButtonTitle

Oculta el título del botón principal y muestra solo el icono. De forma predeterminada, esta opción es false.

.withStyle {
  $0.hideButtonTitle = false
}

primaryColor

Color usado como color principal de Lock.

.withStyle {
  $0.primaryColor = UIColor.orange
}

Estilos del campo de entrada

inputTextColor

El color del texto en el campo de entrada.

.withStyle {
  $0.inputTextColor = UIColor.black
}

inputPlaceholderTextColor

El color del texto de marcador de posición en los campos de entrada.

.withStyle {
  $0.inputPlaceholderTextColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}

inputBorderColor

El color del borde de los campos de entrada.

.withStyle {
  $0.inputBorderColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}

inputBorderColorError

El color del borde de los campos de entrada con valores no válidos.

.withStyle {
  $0.inputBorderColorError = UIColor.red
}

inputBackgroundColor

El color de fondo de los campos de entrada.

.withStyle {
  $0.inputBackgroundColor = UIColor.white
}

inputIconBackgroundColor

El color de fondo de los iconos de los campos de entrada.

.withStyle {
  $0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}

inputIconColor

El color de los íconos del campo de entrada.

.withStyle {
  $0.inputIconColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}

Estilos de la barra de estado

UIStatusBarAnimation

La animación de actualización de la barra de estado del controlador de Lock.

.withStyle {
  $0.UIStatusBarAnimation = .none
}

statusBarHidden

La visibilidad de la barra de estado del controlador de Lock.

.withStyle {
  $0.statusBarHidden = false
}

UIStatusBarStyle

Estilo de la barra de estado del controlador de Lock.

.withStyle {
  $0.UIStatusBarStyle = .default
}

UISearchBarStyle

El estilo de la barra de búsqueda de Lock sin contraseña.

.withStyle {
  $0.UISearchBarStyle = .default
}

Otras opciones de estilo

textColor

El color del texto del cuerpo.

.withStyle {
  $0.textColor = UIColor.black
}

backgroundColor

Color utilizado como fondo de Lock.

.withStyle {
  $0.backgroundColor = UIColor.white
}

backgroundImage

Imagen utilizada como fondo de Lock

.withStyle {
  $0.backgroundImage = LazyImage(name: "company_logo")
}

oauth2

Se pueden personalizar los estilos de cualquier conexión OAuth2 que no sea de tipo db asignando un nombre de conexión a un AuthStyle

.withStyle {
  $0.oauth2["slack"] = AuthStyle(
    name: "Slack",
    color: UIColor(red: 0.4118, green: 0.8078, blue: 0.6588, alpha: 1.0),
    withImage: LazyImage(name: "ic_slack")
  )
}

seperatorTextColor

Color de la etiqueta del separador para inicio de sesión social.

.withStyle {
  $0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}

secondaryButtonColor

El color de los botones secundarios.

.withStyle {
  $0.secondaryButtonColor = UIColor.black
}

tabTextColor

El color del texto de la pestaña de inicio de sesión con base de datos.

.withStyle {
  $0.tabTextColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}

tabTintColor

El color del matiz de la pestaña de inicio de sesión con base de datos.

.withStyle {
  $0.tabTintColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}