Lock.swift : Options de personnalisation du style

Options de style et de personnalisation de l’apparence de Lock.Swift

Vous trouverez ci-dessous de nombreuses options pour configurer le style et l’apparence de Lock. De plus, plusieurs options permettent aussi de modifier le comportement et les fonctionnalités de Lock sur la page Options de configuration du comportement.

Personnaliser l’apparence de Lock

Vous pouvez ajouter des options de personnalisation du style à l’initialisation de votre Lock à l’aide de 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)

Options de style pour l’en-tête

headerBlur

Style d’effet de flou utilisé. Peut prendre n’importe quelle valeur définie dans UIBlurEffectStyle.

.withStyle {
  $0.headerBlur = .extraLight
}

headerColor

Couleur utilisée pour l’arrière-plan de l’en-tête. Par défaut, il n’y a pas de couleur, seulement un effet de flou.

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

logo

Image du logo dans l’en-tête. La résolution minimale recommandée est de 200 pixels (largeur) sur 200 pixels (hauteur).

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

headerCloseIcon

L’icône « fermer » dans l’en-tête peut être modifiée.

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

headerBackIcon

L’icône “retour” dans l’en-tête peut être modifiée.

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

Options de style pour le titre

hideTitle

Masque le titre de l’en-tête et affiche seulement le logo. Par défaut, cette option est définie à faux.

.withStyle {
  $0.hideTitle = false
}

title

Texte du titre utilisé dans l’en-tête

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

titleColor

Couleur utilisée pour le titre de l’en-tête.

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

Options de style pour les boutons et les composants

buttonTintColor

Couleur de teinte utilisée pour le bouton principal.

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

disabledColor

Couleur utilisée pour les composants désactivés de Lock.

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

disabledTextColor

Couleur utilisée pour le texte des composants désactivés de Lock.

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

hideButtonTitle

Masquer le titre du bouton principal et afficher seulement l’icône. Par défaut, cette option vaut faux.

.withStyle {
  $0.hideButtonTitle = false
}

primaryColor

Couleur utilisée comme couleur principale pour Lock.

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

Styles des champs de saisie

inputTextColor

La couleur du texte dans le champ de saisie.

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

inputPlaceholderTextColor

La couleur du texte indicatif des champs de saisie.

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

inputBorderColor

La couleur de la bordure des champs de saisie.

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

inputBorderColorError

La couleur de la bordure des champs de saisie contenant des valeurs non valides.

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

inputBackgroundColor

La couleur de fond des champs de saisie.

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

inputIconBackgroundColor

La couleur de l’arrière-plan des icônes du champ de saisie.

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

inputIconColor

La couleur des icônes du champ de saisie.

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

Styles de la barre d’état

UIStatusBarAnimation

L’animation de mise à jour de la barre d’état du Lock Controller.

.withStyle {
  $0.UIStatusBarAnimation = .none
}

statusBarHidden

La visibilité de la barre d’état du Lock Controller.

.withStyle {
  $0.statusBarHidden = false
}

UIStatusBarStyle

Le style de la barre d’état de Lock Controller.

.withStyle {
  $0.UIStatusBarStyle = .default
}

UISearchBarStyle

Le style de la barre de recherche de Lock Passwordless.

.withStyle {
  $0.UISearchBarStyle = .default
}

Autres options de style

textColor

La couleur du texte principal.

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

backgroundColor

Couleur utilisée pour l’arrière-plan de Lock.

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

backgroundImage

Image utilisée comme arrière-plan de Lock

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

OAuth2

Toute connexion OAuth2 autre qu’une connexion de base de données peut avoir des styles personnalisés en mappant un nom de connexion à 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

Couleur du libellé du séparateur social.

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

secondaryButtonColor

La couleur des boutons secondaires.

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

tabTextColor

La couleur du texte de l’onglet de connexion à la base de données.

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

tabTintColor

La couleur de la teinte appliquée à l’onglet de connexion à la base de données.

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