Lock.swift : Options de personnalisation du style
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)Was this helpful?
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
}Was this helpful?
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
}Was this helpful?
logo
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")
}Was this helpful?
headerCloseIcon
L’icône « close » de l’en-tête peut être modifiée.
.withStyle {
$0.headerCloseIcon = LazyImage(name: "ic_close")
}Was this helpful?
headerBackIcon
L’icône « back » de l’en-tête peut être modifiée.
.withStyle {
$0.headerBackIcon = LazyImage(name: "ic_close")
}Was this helpful?
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
}Was this helpful?
title
Texte du titre utilisé dans l’en-tête
.withStyle {
$0.title = "Company LLC"
}Was this helpful?
titleColor
Couleur utilisée pour le titre de l’en-tête.
.withStyle {
$0.titleColor = UIColor.black
}Was this helpful?
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
}Was this helpful?
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)
}Was this helpful?
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)
}Was this helpful?
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
}Was this helpful?
primaryColor
Couleur utilisée comme couleur primaire de Lock.
.withStyle {
$0.primaryColor = UIColor.orange
}Was this helpful?
Styles des champs de saisie
inputTextColor
Couleur du texte du champ de saisie.
.withStyle {
$0.inputTextColor = UIColor.black
}Was this helpful?
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)
}Was this helpful?
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)
}Was this helpful?
inputBorderColorError
La couleur de la bordure des champs de saisie dont les valeurs ne sont pas valides.
.withStyle {
$0.inputBorderColorError = UIColor.red
}Was this helpful?
inputBackgroundColor
La couleur de l’arrière-plan des champs de saisie.
.withStyle {
$0.inputBackgroundColor = UIColor.white
}Was this helpful?
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)
}Was this helpful?
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)
}Was this helpful?
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
}Was this helpful?
statusBarHidden
La visibilité de la barre d’état de contrôleur du Lock.
.withStyle {
$0.statusBarHidden = false
}Was this helpful?
UIStatusBarStyle
Le style de la barre d’état de contrôleur du Lock.
.withStyle {
$0.UIStatusBarStyle = .default
}Was this helpful?
UISearchBarStyle
Le style de la barre de recherche sans mot de passe du Lock.
.withStyle {
$0.UISearchBarStyle = .default
}Was this helpful?
Autres options de style
textColor
La couleur du texte dans le corps.
.withStyle {
$0.textColor = UIColor.black
}Was this helpful?
backgroundColor
Couleur utilisée comme couleur d’arrière-plan de la barre de recherche sans mot de passe.
.withStyle {
$0.backgroundColor = UIColor.white
}Was this helpful?
backgroundImage
Image utilisée comme arrière-plan de la serrure
.withStyle {
$0.backgroundImage = LazyImage(name: "company_logo")
}Was this helpful?
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")
)
}Was this helpful?
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)
}Was this helpful?
secondaryButtonColor
Couleur des boutons secondaires.
.withStyle {
$0.secondaryButtonColor = UIColor.black
}Was this helpful?
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)
}Was this helpful?
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)
}Was this helpful?