> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
> Options de style et de personnalisation de l'apparence de Lock.Swift
# Lock.swift : Options de personnalisation du style
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](/docs/fr-ca/libraries/lock-swift/lock-swift-configuration-options).
Personnaliser l’apparence de Lock
Vous pouvez ajouter des options de personnalisation du style à l’initialisation de votre Lock à l’aide de `withStyle`.
```swift lines theme={null}
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)
```
Style d’effet de flou utilisé. Peut prendre n’importe quelle valeur définie dans `UIBlurEffectStyle`.
```swift lines theme={null}
.withStyle {
$0.headerBlur = .extraLight
}
```
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.
```swift lines theme={null}
.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).
```swift lines theme={null}
.withStyle {
$0.logo = LazyImage(name: "company_logo")
}
```
L’icône « fermer » dans l’en-tête peut être modifiée.
```swift lines theme={null}
.withStyle {
$0.headerCloseIcon = LazyImage(name: "ic_close")
}
```
L’icône "retour" dans l’en-tête peut être modifiée.
```swift lines theme={null}
.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.
```swift lines theme={null}
.withStyle {
$0.hideTitle = false
}
```
title
Texte du titre utilisé dans l’en-tête
```swift lines theme={null}
.withStyle {
$0.title = "Company LLC"
}
```
titleColor
Couleur utilisée pour le titre de l’en-tête.
```swift lines theme={null}
.withStyle {
$0.titleColor = UIColor.black
}
```
Couleur de teinte utilisée pour le bouton principal.
```swift lines theme={null}
.withStyle {
$0.buttonTintColor = UIColor.white
}
```
disabledColor
Couleur utilisée pour les composants désactivés de Lock.
```swift lines theme={null}
.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.
```swift lines theme={null}
.withStyle {
$0.disabledTextColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}
```
Masquer le titre du bouton principal et afficher seulement l’icône. Par défaut, cette option vaut faux.
```swift lines theme={null}
.withStyle {
$0.hideButtonTitle = false
}
```
primaryColor
Couleur utilisée comme couleur principale pour Lock.
```swift lines theme={null}
.withStyle {
$0.primaryColor = UIColor.orange
}
```
inputTextColor
La couleur du texte dans le champ de saisie.
```swift lines theme={null}
.withStyle {
$0.inputTextColor = UIColor.black
}
```
inputPlaceholderTextColor
La couleur du texte indicatif des champs de saisie.
```swift lines theme={null}
.withStyle {
$0.inputPlaceholderTextColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}
```
La couleur de la bordure des champs de saisie.
```swift lines theme={null}
.withStyle {
$0.inputBorderColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}
```
La couleur de la bordure des champs de saisie contenant des valeurs non valides.
```swift lines theme={null}
.withStyle {
$0.inputBorderColorError = UIColor.red
}
```
La couleur de fond des champs de saisie.
```swift lines theme={null}
.withStyle {
$0.inputBackgroundColor = UIColor.white
}
```
La couleur de l’arrière-plan des icônes du champ de saisie.
```swift lines theme={null}
.withStyle {
$0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}
```
La couleur des icônes du champ de saisie.
```swift lines theme={null}
.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.
```swift lines theme={null}
.withStyle {
$0.UIStatusBarAnimation = .none
}
```
statusBarHidden
La visibilité de la barre d’état du Lock Controller.
```swift lines theme={null}
.withStyle {
$0.statusBarHidden = false
}
```
UIStatusBarStyle
Le style de la barre d’état de Lock Controller.
```swift lines theme={null}
.withStyle {
$0.UIStatusBarStyle = .default
}
```
UISearchBarStyle
Le style de la barre de recherche de Lock Passwordless.
```swift lines theme={null}
.withStyle {
$0.UISearchBarStyle = .default
}
```
Autres options de style
textColor
La couleur du texte principal.
```swift lines theme={null}
.withStyle {
$0.textColor = UIColor.black
}
```
backgroundColor
Couleur utilisée pour l’arrière-plan de Lock.
```swift lines theme={null}
.withStyle {
$0.backgroundColor = UIColor.white
}
```
backgroundImage
Image utilisée comme arrière-plan de Lock
```swift lines theme={null}
.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`
```swift lines theme={null}
.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.
```swift lines theme={null}
.withStyle {
$0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}
```
La couleur des boutons secondaires.
```swift lines theme={null}
.withStyle {
$0.secondaryButtonColor = UIColor.black
}
```
tabTextColor
La couleur du texte de l’onglet de connexion à la base de données.
```swift lines theme={null}
.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.
```swift lines theme={null}
.withStyle {
$0.tabTintColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}
```