Skip to main content
Il existe de nombreuses options pour configurer le style et l’apparence de Lock, énumérées ci-dessous. En outre, la page Options de configuration du comportement propose un certain nombre d’options permettant de modifier le comportement et les fonctionnalités de Lock.

Personnalisation de l’apparence de Lock

Les options de personnalisation du style peuvent être ajoutées à l’initialisation de Lock en utilisant 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 styles de l’en-tête

headerBlur

Style d’effet de flou utilisé. Il peut s’agir de n’importe quelle valeur définie dans UIBlurEffectStyle.
.withStyle {
  $0.headerBlur = .extraLight
}

headerColor

Couleur utilisée comme couleur d’arrière-plan de l’en-tête. Par défaut, il n’y a pas de couleur, juste un flou.
.withStyle {
  $0.headerColor = UIColor? = nil
}
Image du logo de l’en-tête. La résolution minimale recommandée est de 200 pixels (largeur) par 200 pixels (hauteur).
.withStyle {
  $0.logo = LazyImage(name: "company_logo")
}

headerCloseIcon

L’icône « close » de l’en-tête peut être modifiée.
.withStyle {
  $0.headerCloseIcon = LazyImage(name: "ic_close")
}

headerBackIcon

L’icône « back » de l’en-tête peut être modifiée.
.withStyle {
  $0.headerBackIcon = LazyImage(name: "ic_close")
}

Options de styles de titre

hideTitle

Masque le titre de l’en-tête et n’affiche que le logo. Par défaut, cette option est désactivée.
.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 des boutons et des composants

buttonTintColor

Couleur utilisée comme couleur primaire de la teinte du bouton.
.withStyle {
  $0.buttonTintColor = UIColor.white
}

disabledColor

Couleur utilisée comme couleur du composant désactivé du Lock.
.withStyle {
  $0.disabledColor = UIColor(red: 0.8902, green: 0.898, blue: 0.9059, alpha: 1.0)
}

disabledTextColor

Couleur utilisée comme couleur de texte du composant « Lock disabled »
.withStyle {
  $0.disabledTextColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}

hideButtonTitle

Masque le titre du bouton principal et n’affiche que l’icône. Par défaut, cette option est désactivée.
.withStyle {
  $0.hideButtonTitle = false
}

primaryColor

Couleur utilisée comme couleur primaire de Lock.
.withStyle {
  $0.primaryColor = UIColor.orange
}

Styles des champs de saisie

inputTextColor

Couleur du texte du champ de saisie.
.withStyle {
  $0.inputTextColor = UIColor.black
}

inputPlaceholderTextColor

Couleur du texte de l’espace réservé dans les champs de saisie.
.withStyle {
  $0.inputPlaceholderTextColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}

inputBorderColor

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 dont les valeurs ne sont pas valides.
.withStyle {
  $0.inputBorderColorError = UIColor.red
}

inputBackgroundColor

La couleur de l’arrière-plan des champs de saisie.
.withStyle {
  $0.inputBackgroundColor = UIColor.white
}

inputIconBackgroundColor

La couleur de l’arrière-plan des icônes des champs de saisie.
.withStyle {
  $0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}

inputIconColor

La couleur des icônes des champs de saisie.
.withStyle {
  $0.inputIconColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}

Styles de barre d’état

UIStatusBarAnimation

L’animation de mise à jour de la barre d’état de contrôleur du Lock.
.withStyle {
  $0.UIStatusBarAnimation = .none
}

statusBarHidden

La visibilité de la barre d’état de contrôleur du Lock.
.withStyle {
  $0.statusBarHidden = false
}

UIStatusBarStyle

Le style de la barre d’état de contrôleur du Lock.
.withStyle {
  $0.UIStatusBarStyle = .default
}

UISearchBarStyle

Le style de la barre de recherche sans mot de passe du Lock.
.withStyle {
  $0.UISearchBarStyle = .default
}

Autres options de style

textColor

La couleur du texte dans le corps.
.withStyle {
  $0.textColor = UIColor.black
}

backgroundColor

Couleur utilisée comme couleur d’arrière-plan de la barre de recherche sans mot de passe.
.withStyle {
  $0.backgroundColor = UIColor.white
}

backgroundImage

Image utilisée comme arrière-plan de la serrure
.withStyle {
  $0.backgroundImage = LazyImage(name: "company_logo")
}

oauth2

Toute connexion OAuth2 non-db peut avoir des styles personnalisés en associant 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 de l’étiquette du séparateur social.
.withStyle {
  $0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}

secondaryButtonColor

Couleur des boutons secondaires.
.withStyle {
  $0.secondaryButtonColor = UIColor.black
}

tabTextColor

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 de 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)
}